/* body */
body {background-color:black;
	 background-image:url(images/elements/page_background.jpg);
	 background-attachment:fixed;
	margin-top:0px;
}

/* divs for layout */

/* this div holds all other divs */
#main {height:820px;
	  width:1000px;
	  border:0px solid white;
	  margin-left:auto;
	  margin-right:auto;
}

#header {height:72px;
	  width:1000px;}

#nav {height:33px;
	  width:1000px;
	  }

#subnav {
		height:25px;
		padding-top:10px;
		padding-left:25px;
	  	width:975px;
	  }
	  
#content {
/* height SHOULD be 649px, but I set it to 648 to get rid of "white line" at bottom of div,
which is actually 1-pixel of the white background color showing for some reason */
		  height:648px;
		  width:1000px;
		  background-color: white;
		  background-image:url(images/elements/gradient_background.jpg);
		  background-repeat:no-repeat;
}	  
	  
#content-area {
	width:950px;
	height:600px;
	padding-left:25px;
	padding-right:25px;
}	  
	  
#picture-area {
	width:625px;
	height:600px;
	float:left;
}	  
	  
#copy-area {
	width:310px;
	height:450px;
	margin-left:15px;
	color: #333333;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	float:left;
}	  
	  
#thumb-area {
	width:310px;
	height:150px;
	margin-left:15px;
	color: black;
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	float:left;
}	  
	  
#footer {height:62px;
		 width:1000px;
		 padding-top:5px;
		 text-align:right;
		}

.top-title-primary {color:white;
				 font-size:36px;
				 font-family:arial, sans-serif;}

.top-title-secondary {color:#b3cffc;}

.top-subtitle-primary {color:white;
				 font-size:18px;
				 font-family:arial, sans-serif;}

.top-subtitle-secondary {color:#b3cffc;}

.copyright {color:white;
			font-size:14px;
			font-family: arial, helvetica, sans-serif;
			font-weight:600;
			}
			
#preload {display: none;}



/* subnavigation styles */
a.sn:link {color:#224171;
		  text-decoration:none;
		  font-size:15px;
		  font-family: arial, helvetica, sans-serif;
		  font-weight:600;
}

a.sn:visited {color:#224171;
		  text-decoration:none;
		  font-size:15px;
		  font-family: arial, helvetica, sans-serif;
		  font-weight:600;
}

a.sn:hover {color:#ffffff;
		  text-decoration:none;
		  font-size:15px;
		  font-family: arial, helvetica, sans-serif;
		  font-weight:600;
		  background-color:#00ccff;
}

a.sn:active {color:#000000;
		  text-decoration:none;
		  font-size:15px;
		  font-family: arial, helvetica, sans-serif;
		  font-weight:600;
}



.sn-here {
	color: black;
	font-size: 15px;
	font-family: arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration: underline;
}

h1 {font-size:16px;}

h2 {font-size:14px;}

a:link {
	color:maroon;
	text-decoration:underline; 
}

a:visited {
	color:maroon;
	text-decoration:underline;
}

a:hover {
	color:maroon;
	text-decoration:none;
}

a:active {
	color:maroon;
	text-decoration:underline;
}


a.thumb:link {
	color:#224171;
	text-decoration:none; 
}

a.thumb:visited {
	color:#224171;
	text-decoration:none;
}

a.thumb:hover {
	color:#01b9e7;
	text-decoration:underline;
}

a.thumb:active {
	color:#01b9e7;
	text-decoration:none;
}



.resume {
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

ul {margin-top:0px;
	list-style-type:circle;
}

.bio-text {
	font-family: arial, helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	line-height:24px;
}

.bio-text-large {
	font-family: arial, helvetica, sans-serif;
	font-size:24px;
	color:#333333;
	}