/* html elements */
body {
	background: #FFFFFF;
	color: #325a8b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

p, td {
	font-size: 10px;
}

a {
	color: #325a8b; /* dk blue */
}

a:visited {
	color: #959cba; /* pastel purple */
}

a:hover {
	color: #325a8b; /* dk blue */
}

img {
	margin: 0px;
}

p {
	line-height: 17px;
	#line-height: 15px; /* Makes IE play nicer */
}


/* IDs */
#bg {
	background: #ffe275 url(../images/template/bg.gif) bottom right no-repeat;
	height: 563px;
}


#centered {
	left: 50%;
	margin:-294px auto auto -407px;
	position: absolute;
	width: 812px;
	top: 50%;
}


#footer {
	color: #959cba;
	font-size: 9px;
	padding: 3px;
	text-align: right;
}

	#footer a {
		color: #959cba;
	}


#left, 
#right {
	width: 348px;
}

	#left .content {
		background: #FFFFFF url(../images/template/pages/left/bg-content.gif) bottom no-repeat;
		padding: 12px 20px;
		height: 406px;
	}
	
		#left .content div {
			width: 290px;
		}
		
		#left .content h1,
		#left .content p {
			margin-left: 30px;
			margin-right: 30px;
		}
		
		#left .content h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		

	#right .content {
		background: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		padding: 12px;
	}
	
		#right .content div {
			background: #32598a;
			color: #FFFFFF;
			height: 382px;
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		
			#right .content div img {
				margin: 30px 0px;
			}
			
				#right .content div table img {
				margin: 0px;
			}
			
		#right .content h1,
		#right .content h2,
		#right .content h3 {
			color: #FFFFFF;
			font-size: 16px;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
		
		#right .content h2 {
			font-size: 14px;
		}
		
		#right .content h3 {
			font-size: 12px;
		}
		
	
	/* photography portfolio */
	#right .content #image {
		height: auto;
		padding-top: 30px;
	}
	
	#right .content #image #imageloader {
		height: 275px;
		top: 30px;
	}
	
	#right .content #image #imagetitle,
	#right .content #image #imagenav_1 {
		height: auto;
		padding: 5px 0px 0px 0px;
	}
	
	#right .content #image #imagenav_2 {
		height: auto;
		padding: 5px 0px 0px 35px;
	}
	
	#right .content #image #imagetitle {
		font-size: 11px;
		font-style: italic;
		height: 30px;
	}
	
	#imagenav_1 ul,
	#imagenav_2 ul {
		padding: 5px 0px 0px 5px;
		margin: 0px;
		list-style: none;
		display: block;
	}

	#imagenav_1 li,
	#imagenav_2 li {
		color: #959cba; /* pastel purple */
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 4px 0px 4px 0px;
		text-align: center;
		width: 21px;
	}
	
	#imagenav_1 li a,
	#imagenav_2 li a {
		color: #959cba; /* pastel purple */
		text-decoration: none;
		font-weight: normal;
	}
	
	#imagenav_1 li a:hover,
	#imagenav_1 li.active,
	#imagenav_1 li.active a,
	#imagenav_2 li a:hover,
	#imagenav_2 li.active,
	#imagenav_2 li.active a {
		color: #FFFFFF; /* white */
	}
	
	#imagenav_1 li a:hover,
	#imagenav_2 li a:hover {
		text-decoration: underline;
	}
	




/* classes */
.big {
	padding: 3px;
	font-size: 12px;
}

.clearme {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.hide {
	display: none;
}

.hint, .hint a {
	color: #959cba; /* pastel purple */
	font-style: italic;
}

.show {
	display: block;
}




/* BEGIN: #nav MENU styles */
#nav {
	color: #fdb913;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top: 10px;
	width: 290px;
}

	#nav ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: block;
	}

	#nav li {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#nav a {
		display: block;
		color: #325a8b; /* dk blue */
		text-decoration: none;
		font-weight: normal;
	}

	/* optional visited link color: */
	#nav a:visited {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}
	/* optional visited link color: */

	#nav li.folder {
		float: left;
		height: 20px;
		padding: 0px 20px 0px 6px;
	}
	
		#nav li.folder a {
			color: #fdb913; /* yellow */
		}
		
		#nav li.folder a:hover,
		#nav li:hover a,
		#nav li.sfhover a {
			color: #325a8b; /* dk blue */
		}
	
		#nav li.folder ul {
			position: absolute;
			border: none;
			left: -999em;
			width: 130px;
			#width: 135px; /* Makes IE play nice */
		}
		
		#nav li:hover ul, 
		#nav li.sfhover ul {
			left: auto;
			/* add an invisible margin around menu */
			background: none;
			margin: 0 0 0 -11px;
			padding: 5px 5px 10px 10px;
		}
	
			#nav li.folder ul li {
				/* normal menu background: */
				background: #efbd61; /* lite orange */
				#border-bottom: 1px solid #efbd61; /* lite orange */
				margin: 0px;
			}
			
			#nav li.folder ul li:hover, 
			#nav li.folder ul li.sfhover {
				/* hover background color: */
				background: #ec8807; /* Orange */ 
			}
		
				#nav li.folder ul li a {
					/* normal menu background: */
					background: #efbd61; /* lite orange */
					color: #325a8b; /* dk blue */
					display: block;
					font-size: 10px;
					padding: 4px 5px 4px 5px;
					#padding: 1px 5px 3px 5px; /* Makes IE play nice */
					
				}
			
				#nav li.folder ul li a:hover {
					/* hover colors: */
					background: #ec8807; /* Orange */ 
					color: #FFFFFF; /* White */
					/* text-decoration: underline; */
				}
/* END: #nav MENU styles */


/* BEGIN: #subnav MENU styles */
#subnav {
	font-family: Arial, Helvetica, sans-serif;
}

#subnav ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: block;
	}

	#subnav li {
		color: #959cba; /* pastel purple */
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 4px 14px 4px 0px;
	}
	
	#subnav li a {
		color: #959cba; /* pastel purple */
		text-decoration: none;
		font-weight: normal;
	}
	
	#subnav li a:hover {
		color: #325a8b; /* dk blue */
		text-decoration: underline;
	}
	
	#subnav li.active a {
		color: #325a8b; /* dk blue */
		font-weight: bold;
	}
	
/* END: #subnav MENU styles */




/* BEGIN: #sitemap MENU styles */
#left .content div#sitemap {
	margin: 10px 45px;
	width: 200px
}
#sitemap ul {
	margin: 0px 15px 0px 15px;
	padding: 0px;
	text-transform: capitalize;
}

#sitemap ul li.folder {
	margin-bottom: 12px;
}

#sitemap ul li.folder ul {
	margin-top: 3px;
}
/* END: #sitemap MENU styles */