/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


Description : I control the look-and-feel, layout.
Author:  geoff.severson@yahoo.com
Created : 10/15/06
Modified : 10/xx/06

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* global whitespace */

* { margin:0; padding:0; }

/*= BODY/GLOBALS */

html {
    text-align:center;
}

body {
	background:#B9B9B9 url(images/bg-body.jpg) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

a, a:link {
    color:#490707;
}

a:visited {
    color:#B60404;
}

a:hover {
    color:#B60404;
	text-decoration:underline;
}

hr {color: #D1D1D1;
}


/* =STRUCTURE */

#wrapper {
	background:url(images/bg-wrapper.jpg) repeat-y 0 0;
	margin:0 auto;
	text-align:left;
	width:900px;
}

a#home {
	display:block;
	height:150px;
	margin:0 auto;
	position:absolute;
	z-index:9999px;
	top:0;
	width:844px;
}

a#home span {
	display:none;
}

#content {
	background:url(images/bg-content-blank.jpg) no-repeat 0 0;
	min-height:643px;
	padding:0 0 15px 0;
	width:900px;
}

*html #content /* hack for min-height in IE */ {
	height:643px;
}

body.home #content { 
	background:url(images/bg-content-home.jpg) no-repeat 0 0;
}

body.dates #content { 
	background:url(images/bg-content-dates.jpg) no-repeat 0 0;
}

body.financial #content { 
	background:url(images/bg-content-financial.jpg) no-repeat 0 0;
}

body.news #content { 
	background:url(images/bg-content-news.jpg) no-repeat 0 0;
}

body.contact #content { 
	background:url(images/bg-content-contact.jpg) no-repeat 0 0;
}

body.services #content { 
	background:url(images/bg-content-services.jpg) no-repeat 0 0;
}

body.resources #content { 
	background:url(images/bg-content-resources.jpg) no-repeat 0 0;
}

body.about #content { 
	background:url(images/bg-content-about.jpg) no-repeat 0 0;
}

/* =FOOTER */

#footer {
	background: url(images/bg-footer.jpg) no-repeat 0 0;
	clear:both;
	height:93px;
	margin:0 auto;
	line-height: 1.5em; 
	padding:50px 0 0 0;
	width:900px;
}

#footer a, #footer a:visited, #footer a:link {
    /*color:#fff;*/
    text-decoration:none;
}

#footer a:hover {
    text-decoration:underline;
}

/* =NAVIGATION */

ul#nav {
	margin-left:36px;
	height:55px;
	list-style-type:none;	
}

ul#nav li {
	float:left;
}

ul#nav li a {
	display:block;
	height:55px;
	overflow:hidden;
	text-decoration:none;
}

ul#nav li a span {
	display:none;
}

ul#nav li a {
	background-position:0 -0;
}

ul#nav li a:hover {
	background-position:0 -55px;
}

ul#nav li.dates a {
	background-image:url(images/b_dates.gif);
	width:135px;
}

ul#nav li.news a {
	background-image:url(images/b_news.gif);
	width:113px;
}

ul#nav li.financial a {
	background-image:url(images/b_financial.gif);
	width:143px;
}

ul#nav li.resources a {
	background-image:url(images/b_resources.gif);
	width:94px;
}

ul#nav li.contact a {
	background-image:url(images/b_contact.gif);
	width:94px;
}
 
ul#nav li.services a {
	background-image:url(images/b_services.gif);
	width:85px;
}
 
ul#nav li.about a {
	background-image:url(images/b_about.gif);
	width:85px;
}
 
ul#nav li.home a {
	background-image:url(images/b_home.gif);
	width:81px;
}

body.dates ul#nav li.dates a,
body.news ul#nav li.news a,
body.financial ul#nav li.financial a,
body.resources ul#nav li.resources a, 
body.contact ul#nav li.contact a,
body.services ul#nav li.services a, 
body.about ul#nav li.about a, 
body.home ul#nav li.home a {
	background-position:0 -55px;
}

/* =HEADERS */

h1#header { 
	height:122px;
	text-indent:-9999px;
}

body.home h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.science h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.clinical h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.news h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.contact h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.careers h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

body.resources h1#header { 
	background:url(images/header.jpg) no-repeat 50% 46px;
}

.content h2 {
	font-size:1.5em;
	margin:15px 0 12px 0;
}

.content h3 {
	font-size:1.3em;
	font-weight:normal;
	margin:15px 0 12px 0;
}
.content h4 {
	font-size:11px;
	font-style:bold;
	letter-spacing:1px;
	margin:12px 0 0 0;
	text-transform:uppercase;
}

/* =CONTENT */

.content {
	margin:30px 90px 0 327px;
}

.content_index {
	margin:30px 50px 0 65px;
}

.content p {
	line-height:1.5em;
	margin:12px 0;
}

/* below this point - use them if you need them */

.content ul, 
.content ol {
	color:#000;
	font-size:1.1em;
	line-height:1.4em;
	margin:10px 0 14px 22px;
}

.content ol {
	list-style-type:decimal;
	padding:0 0 0 12px;
}

.content li {
	margin:6px 0;
	padding:0 0 0 14px;
	position:relative;
}

.content ol li {
	background:none;
}

.large {
	color:#666;
	font-size:1.5em;
}


/* =FORMS */

#form {
    margin:20px 35px 0 20px;
    padding:0;
}

#footer form {
	margin:0;
	padding:0;
}

#footer form label {
	display:block;
	margin:0;
	padding:0;
}

#footer form input.newsletter-submit {
	display:inline;
	margin:0px 0 0 5px;
}

#form p {
	font-size:1em;
	line-height:1.1em;
	padding:10px 0 7px 10px;
	text-indent:0;
}

#form fieldset {
	border:1px solid #CCCCB2;
	margin:0 0 0 0;
	padding:6px;
	text-align:left;
}

#formlegend {
    border:none;
	background:none;
	color:#660000;
	font-size:1em;
	font-weight:bold;
	letter-spacing:.1em;
	text-transform:uppercase;
	padding:0 5px;
}

#form label {
    color:#001551;
    display:block;
    float:left;
	font-style:italic;
    font-size:1em;
	font-weight:bold;
    margin:3px 5px 0px 7px;
	width:140px;
}

#form textarea {
	height: 133px;
	overflow:auto;
	width: 390px;
	padding: 2px;
}

#form input.submit {
    float: right;
	margin:5px 0 0 0;
}

/* basic formatting classes */

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	margin-top:-1px;
}

.center {
	text-align: center;
}

.alignright {
	float: right;
}
	
.alignleft {
	float: left;
}

/* various image classes  */

img {
	border: none;
}
	
img.right {
	margin:0 0 8px 22px;
	float:right;
}

img.left {
	margin:0 22px 8px 0;
	float:left;
}

img.backtotop {
	margin:0 22px 48px 0;
	float:right;
}

/* button styles */


buttonRed {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #53A663;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #66ED76;
  border-right: 2px solid #330000;
  border-bottom: 2px solid #330000;
  border-left: 2px solid #4CA456;
  text-decoration: none;
  cursor: pointer;}
    
buttonGreen {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #53A663;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #66ED76;
  border-right: 2px solid #330000;
  border-bottom: 2px solid #330000;
  border-left: 2px solid #4CA456;
  text-decoration: none;
  cursor: pointer;}