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


* { padding:0; margin:0; border:0; }

body { background: url(../images/bg.gif); text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:18px; }

div { position:relative;}

img { border:0;}

.divider { width:100%; border-bottom:1px dotted #999999; margin: 5px 0px; }

.affiliation { float:right; margin-left:15px; }

.right { float:right; font-style:normal; }

.clear { clear:both; }

.headShot { float:right; margin: 0px 0px 10px 10px; border:2px outset #990000; }


/* STRUCTURE */

#grayBar { position:absolute; top: 100px; left:0; width: 100%; height: 173px; background: url(../images/grayBar.gif) top center repeat-x; } 

#barShadow { position:absolute; top: 100px; left:0px; z-index:10; width: 830px; height: 173px; background: url(../images/barShadow.gif) top center repeat-x; } 

#container { width:800px; margin:auto; background: #fff url(../images/containerBg.gif) top center repeat-y; padding: 0px 15px; text-align:left; }

#header { height:125px; width:800px; background: #fff url(../images/headerBg.gif) 0 0 repeat-x; }

#networks { position:absolute; top:2px; right:10px; text-align:right; color:white; }

#logo { position: absolute; z-index:1000; left:15px; top:30px; }

#banner { z-index:1000; clear:both; width: 800px; background: #999; }

#contentContainer { width:800px; background-color:#999999; }

#leftColumn { float:left; width:250px; padding:10px; }

#rightColumn { width: 500px; padding:0px 15px; margin-left: 270px; background:#FFFFFF; }

#footer { clear:both; height: 75px; width:750px; margin:auto; background: url(../images/footerBg.gif) 0 0 no-repeat; text-align:right; padding:10px 40px 0px 40px; }

#contactInfo { position:absolute; left: 35px; top: 10px; width:400px; text-align:left; }

#credit { width: 780px; height:70px; margin:auto; padding:10px; text-align:left; }

.smallBlock { float:left; width:230px; margin-right:20px; padding-right:10px; border-right: 1px dotted #999; }


/* MENU */

#menu { position:relative; top:50px; left:270px; width:570px; text-align:left; }

#menu ul { height: 50px; list-style: none; margin:0; }

#menu ul li { float: left; display: inline; margin-right: 20px;}

#menu ul li a { display: block; background-repeat: no-repeat; background-position: left top; }

#menu ul li a:hover { background-position: right 0px; }

#menu ul li a#about { background-image: url(../images/menuAbout.gif); }

#menu ul li a#services { background-image: url(../images/menuServices.gif); }

#menu ul li a#faq { background-image: url(../images/menuQuestions.gif); }

#menu ul li a#resources { background-image: url(../images/menuResources.gif); }

#menu ul li a#contact { background-image: url(../images/menuContact.gif); }



/* TYPOGRAPHY */

p { margin:0; padding: 5px 0px; }

h1 { font-size:18px; font-weight:bold; font-style:italic; color: #990000; margin:0; padding: 10px 0px; }

h2 { font-size: 14px; font-weight:bold; }

h3 { font-size: 15px; color: white; font-weight:bold;}

ul { margin:5px 0px 0px 35px; }

#leftColumn p { color:white; font-style:normal; }

#footer { color:white; font-size:10px;}

#contactInfo { font-size:13px; }

#credit { color:#999999; }



/* LINKS */

a:link, a:visited { color: #000; text-decoration: none; font-weight:bold; }

a:hover { color: #000; text-decoration: underline; font-weight:bold; }

#footer a:link, #footer a:visited, #networks a:link, #networks a:visited{ color:#fff; font-weight:normal; text-decoration:none; }

#footer a:hover, #networks a:hover { color:#ccc; font-weight:normal; text-decoration:none; }

#credit a:link, #credit a:visited { color:#999; font-weight:normal; text-decoration:none; }

#credit a:hover { color: #990000; font-weight:normal; text-decoration:none; }



/* FORM */

form { margin-left:20px; }

.required { color:#990000; font-size:10px; }

select, input, textarea { clear:both; border:1px solid #666; padding:4px; margin-bottom:10px; }

label { font-weight:bold; padding-top:10px; font-size: 12px; color:#333 }

#btn { padding:5px; font-weight:lighter; border:0; border-left:2px solid #666666; background:#fff; }

#btn:hover { padding:5px; font-weight:bold; border:0; border-left:2px solid #990000; background:#fff; }