@charset "UTF-8";
/* CSS Document */


/*color guide:
#004881 blue
#993300 red
#619081 teal green
#336600 forest

*/



@font-face {
    font-family: 'DroidSerif';
    src: url('fonts/DroidSerif-Regular-webfont.eot');
    src: url('fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-Regular-webfont.woff') format('woff'),
         url('fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-Regular-webfont.svg#DroidSerif') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBold';
    src: url('fonts/DroidSerif-Bold-webfont.eot');
    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('fonts/DroidSerif-Italic-webfont.eot');
    src: url('fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal; font-style: normal;
}

@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal; font-style: normal;
}


/*limited reset*/
html, body, div, section, article, aside, header, footer, nav, h1, h2, h3,  p, span, img, ol, ul, li, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}

/* new clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* DOCUMENT STYLES */
html, body 		{height:100%; width:100%; font:normal 12px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; background:url(pix/bkg_texture.gif);}
body, h1, h2, h3, h4, form, div {margin:0; padding:0;}

#wrapper 			{position: relative; margin: 2px auto 20px; width: 900px;}
						
#container {
 -webkit-animation-name: bounceInDown; -webkit-animation-fill-mode: both; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear;
 -moz-animation-name: bounceInDown; -moz-animation-fill-mode: both; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: linear;
 animation-name: bounceInDown; animation-fill-mode: both; animation-duration: 1.5s; animation-iteration-count: 1; animation-timing-function: linear;
}



p 				{margin:0 0 15px 0;}
div 			{width:auto; height:auto; margin-left:auto; margin-right:auto;}
img				{border:0px;}
b 				{color: #BD6F1E;}
a 				{color: #FFF; text-decoration:none;}


/* header */

header 				{position: relative; height: 130px; display:block;}
#h_logo 			{position: absolute; top:5px; left:-80px; width: 350px; height: 90px; background: url("pix/h_logo.gif") no-repeat; }
#tagline			{position: absolute; top:55px; right:10px; width: 550px; height:24px; font:19px/1.2em 'DroidSerifItalic', Arial, Helvetica, sans-serif;
					 color: #004881; text-align:center; font-weight:normal;}
.arrow_td 			{position: absolute; top:6px; right:0; font:italic 12px/1em 'DroidSerif', Arial, Helvetica, sans-serif; color: #FFF; display: block; 
    				width:265px; height:34px; background-color: #1c2631; color: white; line-height:34px; white-space: nowrap; text-align:center; vertical-align: middle;}
.arrow_td:after		{content:''; position:absolute; top:0px; right:-17px; display: block; width: 0; height:0; 
					border-left: 17px solid #1c2631; border-bottom: 17px solid transparent; border-top: 17px solid transparent;}

.stripe				{position: absolute; top:110px; border-bottom:solid 2px #619081; width:900px; border-top:solid 10px #619081; width:900px; padding:2px 0 0 0;}



/* middle */

#middle 			{position: relative;}
#content 			{width: 550px; float: left; overflow: auto; background-color:#FFF;}

#photo	 			{float:right; width: 225px; height: 319px; background: url("pix/bio_photo.jpg") no-repeat; margin: 6px 0 20px 20px; 
					-moz-box-shadow: 0 0 4px #AAA; -webkit-box-shadow:  0 0 4px #AAA; box-shadow:  0 0 4px #AAA; border: solid 8px #f8f8f8;}
.copy	 			{text-align: left; padding: 20px 30px 20px 50px;}
h1					{font:normal 28px/1.25em 'DroidSerif', Arial, Helvetica, sans-serif; color: #004881; margin:20px 0 15px -20px;}
h2					{font:normal 18px/1.25em 'DroidSerif', Arial, Helvetica, sans-serif; color: #004881; margin:16px 0 4px 0;}


.statement			{font:normal 14px/1.5em 'DroidSerifItalic', Arial, Helvetica, sans-serif; color: #004881; margin:30px 45px; -moz-box-shadow: 0 0 4px #AAA; -webkit-box-shadow:  0 0 4px #AAA; box-shadow:  0 0 4px #AAA; padding:20px 30px;}


/* biography */

#side		 			{position: relative; float: right; width: 235px; padding:15px; background-color:#0f698e; color:#FFF; 
						font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:6px;}
#side2		 			{position: relative; float: right; width: 235px; padding:15px; background-color:#993300; color:#FFF; 
						font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:6px;}
#side3		 			{position: relative; float: right; width: 235px; padding:15px; margin:6px 0;}
#quotes		 			{position: relative; float: right; width: 235px; padding:15px; background-color:#336600; color:#FFF; 
						font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:6px;}
						
#side h2, #side2 h2, #quotes h2	{font:normal 18px/1.2em 'DroidSerif', Arial, Helvetica, sans-serif; color: #FFF; margin:4px 0;}


/* footer */

#footer		{font:normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-align:center;
			-webkit-opacity: 0.5;  -moz-opacity: 0.5;  opacity: 0.5;}