﻿

html,body {
	height: 100%;
	}
body {
	background: #fff;
	/*background:url(../images/Diag.gif) #fff ;*/
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 62.5%; /* Set 1em = 10px */
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	}

/* -- Headings -- */
h1 { font-size: 164%; }
h2 { font-size: 145%; }
h3 { font-size: 114%; }
h4 { font-size: 103%; }
h1,h2,h3 { font-family: Georgia, "Times New Roman", Times, serif; }


/* 2) Site Structure 
---------------------------------------------------------------------------- */
#container {
	height: auto !important;
	height: 100%;
	margin-bottom: -3.5em;
	min-height: 100%;
	}
#header_wrapper {
	height: 9.6em;
	margin-bottom: 3.2em;
	position: absolute;
	top: 0;
	width: 100%;
	}
	#header {
		width: 960px;
		}
#content {
	clear: both;
	margin: 12.0em auto 0 auto;
	margin-bottom: 2em;
	width: 960px;
	}
#sidebar {
	float: right;
	margin-bottom: 1.5em;
	width: 300px;
	}
#footer {
	margin: 0 auto;
	padding: 0 0 1em 0;
	width: 960px;
	}
	
/* #) Header
---------------------------------------------------------------------------- */
#header_wrapper {
	background: url(../../images/Style1/header_bg.png) #404040 bottom left repeat-x;
	z-index:1;
	}
	#top_bar {
		display: None;
		height: 9px;
		margin-bottom: 1em;
		overflow: hidden;
		padding: 0;
		}
	#header {
		margin: 0 auto;
		position: relative;
		}
		.logo {
			float: left;
			
			}
		.navigation {
			float: left;
			position: relative;
			text-align: Center;
			width: 960px;
			}
			.navigation ul {
				bottom: -1px !important;
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: absolute;
				right: 0;
				}
				.navigation ul li {
					color: #fff;
					float: left;
					font: normal 1.4em tahoma;
					letter-spacing: .05em;
					}
					.navigation ul li a {
						color: #fff;
						display: block;
						margin: 0 0.4em;
						padding: 0.3em 0.5em 0.6em 0.5em;
						text-decoration: none;
						
						}
					.navigation ul li a 
					{
						
						
						}

					.navigation ul li a:hover {
						background: #ce4c3e;
						
						}

	


/* #) Content
---------------------------------------------------------------------------- */
#content h1 {
	border-bottom: 2px solid #25699b;
	clear: both;
	color: #404040;
	font: normal 4em Georgia, "Times New Roman", Times, serif;
	line-height: 1em;
	margin: 0 0 .4em 0;
	overflow: visible;
	padding: 0 0 .2em 0;
	}

#Photo
{
	width:195px;
}
	
#Bio
{
	position:relative;
	top:-150px;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 130%;
}
	


#HomeContent
{
	position:relative;
	top:-280px;
	left:35%;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 130%;
	
	
	width:410px;
}
	
	#HomeContent2
{
	position:relative;
	top:-75px;
	left:35%;
	font-family: verdana, tahoma, arial, helvetica;
	font-size: 130%;
	
	width:410px;
	}
	
#About
{
	position:relative;
	top:-220px;
}

.modalBackground {
	background-color:gray;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}


/* #) Footer
---------------------------------------------------------------------------- */
#footer_wrapper {
	background: url(../../images/Style1/footerBRK.png) #f5f7f9 left top repeat-x;
	clear: both;
	}
	#footer {
		margin-top: 3em;
		text-align: right;
		}
	#footer a {
		color: #7fa7c4;
		}
	#footer a:hover {
		color: #df847b;
		}
	#footer p {
		clear: both;
		color: #aaaaaa;
		font-size: 1.1em;
		margin: 0;
		padding: 1em;
		}
	#footer ul.navigation {
		clear: both;
		display: block;
		float:left;
		letter-spacing: 1px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 68.5em !important;
		width: 70em;
		}
		#footer ul.navigation li {
			display: block;
			float: left;
			font: normal 1.3em tahoma, arial, verdana;
			margin: 6px 0 6px 1em;
			}
			#footer ul.navigation li a {
				color: #ce4c3e;
				display: block;
				padding: 1.5em 2px 0 2px;
				text-decoration: none;
				}
				#footer ul.navigation li a:hover 
				{
					background: #7fa7c4;
					color: #fff;
					
					
					
					}
	
/*Textbox Watermark

.unwatermarked {
	height:15px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	height:18px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	*/

/* #) HACKS and FIXES
---------------------------------------------------------------------------- */
.clear {
	clear: both;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.clearfix {display: block;}