* { margin:0px; padding:0px;}
p { margin-bottom: 10px;}
img { border:0px;}
body {font-size:12px;}
html {overflow:auto;}
a {color:#414658;font-weight:bold;}
a:visited {color:#70748E;}

/* Page Layout Rulesets */
#page {width:900px; margin:auto; border:1px solid #fff;}
#header {background:url(../images/headerBG.jpg) repeat-y right #414658; position:relative; height:99px;}
#header h1 {color:#fff; font:bold 24px Arial, Helvetica, sans-serif; float:left; margin-top:10px;}
#header img {float:left;}
#header #searchbox {position:absolute; top:1px; right:1px; border:1px solid #fff; width:203px;}
#header #searchbox img {float:none;}
#header #searchbox div {background:#fff; border:1px solid #414658; text-align:center; font:bold 9px Verdana, sans-serif; color:#414658; padding:4px;}
#header #searchbox div form fieldset {border:0px; vertical-align:bottom;}
#header #searchbox div form fieldset input {border:1px solid #AAABBF; width:115px; height:16px;}
#header #searchbox div form fieldset button {background:none; border:none; padding:0px; margin:0px;}
#nav {width:150px; float:left;}
#content {margin-top:6px; width:728px; min-height:550px; padding:0px 10px; float:left; display:inline; margin-left:2px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content h1 {font-size:18px; border-bottom:1px solid #414658; margin-bottom:5px; color:#414658;}
#content h2 {font-size:18px; margin-bottom:5px; color:#414658;}
#content h3 {font-size:16px; margin-bottom:5px; color:#414658; font-family:Arial, Helvetica, sans-serif;}
#content h4 {font-size:14px; margin-bottom:5px; color:#414658; font-family:Arial, Helvetica, sans-serif;}
#content ul {margin-left:20px;}
#content ul li{margin:5px auto;}
#content dl{ margin:0px 5%;}
#content dt{font-weight:bold; color:#414658; margin-top:10px;}
#content dd{margin-left:20px; margin-bottom:10px;}
#content ol{margin-left:20px;}
#content ol li{margin:10px auto;}
#content blockquote {margin:10px 5%;}
#footer {background:#414658; color:#fff; font:10px Verdana, Arial, Helvetica, sans-serif; clear:both; padding:4px 8px;}

/* Generic Classes for little things */
.nopadding { display:block; padding:0px; margin:0px;}
.spacer { clear:both;}
.gobut {display:block; padding:0px; margin:0px;}
.infobox {background:#aaabbf; border:1px solid #70748E; padding:10px; margin:20px; font-size:10px;}
.alertbox {background:#ffb9b9; border:1px solid #b90000; padding:10px; margin:20px; font-size:10px; text-align:center;}
.sepline {height:2px; margin:15px 5%; background:#414658; font-size:0px; line-height:0px;}
.sponsorimg {float:right;}
.digital {float:right;}
.digital a{color:#fff; text-decoration:none;}
.bioimg {float:left; margin:5px; border:2px solid #000;}
.required{color:#f00; font-weight:bold;}

.funfacts {font-size:10px; padding:0px; margin:5px 0px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
.funfacts h1{font-size:12px; border:1px solid #70748E; background:#aaabbf; color:#fff; text-align:center; padding:2px;}

.msg_report   {padding:5px 5px 5px 70px; font-weight:bold; color:#060; border:solid #060; border-width:1px 0px; margin:10px 0px; min-height:38px; line-height:38px; background:#dfd url(img/icon[32x32]Go.png) 18px center no-repeat;} 
.error_report {padding:5px 5px 5px 70px; font-weight:bold; color:#f00; border:solid #f00; border-width:1px 0px; margin:10px 0px; min-height:38px; line-height:38px; background:#fdd url(img/icon[32x32]Stop.png) 18px center no-repeat;}
.msg_report p, .error_report p{display:table-cell; vertical-align:middle; height:38px; line-height:38px; margin:0px; padding:0px;}

/* Special rules to get tabbed look on awards */
h1.awards {background:#fff; right:-1px; left:1px; position:relative;}
b.awards { padding:0px 6px 1px 6px; border:solid #414658; border-width:1px 1px 0px 1px; position:relative; left:-2px;}

/* Form Rules for the .jobrequest class */
.jobrequest {border:1px dashed #414658; display:block; margin:5px auto; padding:5px 0px;}
.jobrequest label {width:175px; text-align:right; clear:left; padding-top:6px; float:left; display:block;}
.jobrequest input {width:275px; border:1px solid #414658; margin:4px 0px; padding:2px; font-size:10px; background:#ddd;}
.jobrequest input:focus, .jobrequest textarea:focus {border:2px solid; background:#fff;}
.jobrequest textarea {width:450px; height:150px; border:1px solid #414658; margin:4px auto; padding:2px; overflow:auto; background:#ddd; display:block; clear:both;}
.jobrequest button {margin:5px auto; background:#ddd; display:block; height:22px; width:75px;}

/* Special rules for displaying Tabled Lists */
table.style {margin:20px auto; width:80%; border:1px solid #414658; border-collapse:collapse;}
.style thead {background:#414658; color:#fff; border-bottom:1px solid #414658;}
.style thead tr{text-align:left;}
.style thead th{border-bottom:1px solid #fff; padding:2px;}
#content table.style thead tr th h1{color:#fff; font:bold 16px Arial, Helvetica, sans-serif; border:0px;margin:0px;}
.style tbody {}
.style tbody tr{}
.style tbody td{border:1px solid #414658; padding:4px;}


/* Ruleset for styling the job posting form, and a few others */
#nscroller {width: 300px; height: 40px;	border: 1px solid black; padding: 5px; background-color: lightgrey;	}
#nscroller a { text-decoration: none; font-weight: bold;}
#nscroller a:hover { text-decoration: underline; font-weight: bold;}
#escroller { width: 300px; height: 40px; border: 1px solid black; padding: 5px;	background-color: lightgrey;}
#escroller a { text-decoration: none; font-weight: bold; }
#escroller a:hover { text-decoration: underline; font-weight: bold;}
.nescroller { font-family: Verdana;	font-style: normal;	font-size: 10px; text-align: left;}
.content { font-size: 10px;	font-style: normal;	font-family: Verdana;}
.forms { border: 1px solid #AAABBF;	font-size: 11px; font-style: normal; font-family: Arial;}
.forms_nobord {	border: 1px solid #ffffff; font-size: 10px;	font-style: normal;	font-family: Verdana;}
.text_input{margin:0px; width:250px; border:1px solid; border-color:#242731 #c6c7cc #c6c7cc #242731; background:url(../images/input_dropshadow.png) -1px -1px no-repeat;}
.button{margin:2px 14px; background:#ddd; border:1px solid; border-color:#c6c7cc #242731 #242731 #c6c7cc; padding: 1px 17px;}

/* Rules for news and events */
#side2 { background: url(../news/layout/side.gif) repeat-y left; padding: 0; text-align: left; font: 9pt arial, arial; color: #000; }
#sidebox2 { margin-left: 5px; border: 0px solid #414658; padding: 5px; text-align: left; width: 160px; font: 9pt arial, arial; color: #000; }
#side1 { background: url(../news/layout/side.gif) repeat-y left; margin: auto; padding: 0; text-align: left; font: 8pt arial, arial; color: #000; }
#sidebox1 { margin-left: 5px; border: 0px solid #414658; padding: 5px; text-align: left; width: 160px; font: 8pt arial, arial; color: #000; }

.subblogtext { text-align: right; font: 8pt arial, arial; color: #000; }
.subblogtext a { color: #414658; text-decoration: none; font: bold 8pt Arial, Helvetica, sans-serif; }
.subblogtext a:hover  { color: #000; font: bold 8pt Arial, Helvetica, sans-serif; text-decoration: underline; }
a.subblogtext a { color: #414658; text-decoration: none; font: bold 8pt Arial, Helvetica, sans-serif; }
a.subblogtext:hover { color: #000; font: bold 8pt Arial, Helvetica, sans-serif; text-decoration: underline; }
.commentbox{ background: #F0EFEF; border: 1px solid #C3C0C0; padding: 5px; margin: auto; text-align: left; font: 8pt Arial, Helvetica, sans-serif; color: #000; }

/* Membership Form rules */
#memberform{margin:7px 40px;}
#memberform fieldset{padding:7px; border:1px solid #414658; margin:14px 7px; background:url(../images/fieldset_dropshadow.png) right bottom no-repeat; }
#memberform fieldset.extra_address{padding:7px; border:1px solid #414658; margin:7px 28px; background:#DEDEEF none;}
#memberform fieldset.extra_address legend{background:#fff; border-width:1px;}
#memberform legend{border:solid #414658; border-width:0px 1px; padding:1px 7px; font-weight:bold;}
#memberform label{display:block; margin:7px; position:relative; text-align:right; white-space:nowrap;}
#memberform label span{position:absolute; left:0px;}
#memberform input.text_input{margin:0px; width:250px; border:1px solid; border-color:#242731 #c6c7cc #c6c7cc #242731; background:url(../images/input_dropshadow.png) -1px -1px no-repeat;}
#memberform input.radio_input{vertical-align:middle; margin:0px 7px 0px 0px;}
#memberform button{margin:2px 14px; background:#ddd; border:1px solid; border-color:#c6c7cc #242731 #242731 #c6c7cc; padding: 1px 17px;}
#memberform table{width:100%; border-collapse:collapse; border-spacing:2px;}
#memberform thead{background:#dedeef;}
#memberform thead th{text-align:left;padding:2px;}
#memberform tbody{}
#memberform tbody td{padding:4px;}

/* CSS Tabs */
#content #memnavlist { padding:3px; margin-left:0px; border-bottom: 1px solid #778; font: bold 10px Verdana, sans-serif; }
#memnavlist li { list-style: none; margin: 0; display: inline; }
#memnavlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; }
#memnavlist li a:link { color: #448; } 
#memnavlist li a:visited { color: #667; }
#memnavlist li a:hover { color: #000; background: #AAE; border-color: #227; }
#memnavlist li a#current { background: white; border-bottom: 1px solid white; }

/* Autocompleter */
div.autocomplete {position:absolute; width:170px; height:150px; overflow:scroll; background-color:white; border:1px solid #888; margin:0px 0px 0px 0px; padding:0px; }
div.autocomplete ul {list-style-type:none; margin:0px; padding:0px; font-size:10px; }
div.autocomplete ul li.selected { background-color: #ffb; font-size:10px;}
div.autocomplete ul li {list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; font-size:10px; }