/*
Colours
bodybackground:#BAC3C8 / #002236 / #00548D / #5894C6 / #FAFAFA

Primary / Complementary colors: 
4A6A94 / E2B366 / EDE2D0 / #CDC0AB
45586F / A98F64 / EDDEC5
183860 / 936721 / DBC8AA
7E9FCA / F0CB8E / A49A89
92AACA / F0D5A8 / 8E6D37

Translucent background: http://www.wannabegirl.org/translucent/
*/



/*
******************************************************
* Initialize Page
******************************************************
*/
* {
	margin:0;
	padding:0;
}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
hr {
border: 0;
color: #CCCCCC;
/*
background-color: #9E9E9E;
*/
background-color: #9B0281;
height: 1px;
width: 100%;
text-align: left;
/*
margin-top: 4px;
margin-bottom: 4px;
*/
}
.smtext {
	font-size: 10px;
}
.redtext {color: #FF0000;}
.graytext {color: #CCCCCC;}
.greentext {color: #006600;}

/*
####################################
Body Background
*/
/* text-align:center is required for older IE browsers to center a fixed with layout */
body
{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

/*
******************************************************
* Layout
******************************************************
*/

#wrapper {
   	text-align: left;
	width: 940px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	/*
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #002236;
	border-left-color: #002236;
	*/
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #FFFFFF;
	padding: 20px;
}


/*hack to get correct width for IE6*/
/* for IE6 in standards mode */
* html #wrapper {
    w\idth: 980px; 
} 


/*
******************************************************
* Tabs
******************************************************
*/

#menuheader 
{
	margin-bottom:10px;
}

.TopNavMenu {
	background-position: left top; 
	border-top: #45586F 1px solid;
	color: #fff; 
	border-bottom: #45586F 1px solid; 
	height: 30px; 
	background-color: #183860;
}

.TopNavMenu ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none
}

.TopNavMenu li {
	margin: 0px; 
	padding: 0px;
	display: inline; 
}

.TopNavMenu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	float: left;
	border-right: #183860 1px solid;
	padding: 7px 15px 5px 15px;
	margin: 0px;
	color: #fff;
	height: 18px;
	text-decoration: none;
}

.TopNavMenu li a:hover {
	background-position: left top; 
	color: #000; 
	background-color: #92AACA
}

/*
******************************************************
* Sponsor Top Header
******************************************************
*/

/* need bottom margin to separate containers */
#sponsor-header {
	background-color: #fff;
	/*
	margin-bottom: 20px;
	*/
}

#left-sponsorheader {
	float:left;
	width:270px;
	padding: 0px 0px 0px 10px;
	background:#FFFFFF;
}

#left-sponsorheader a {
	font-size: 8pt;
	margin: 0px;
	color: #1B4C75;
	text-decoration: none;
}

#left-sponsorheader a:hover {
	text-decoration: underline;
}

img.imgSponsor{
	margin: 4px 6px 0px 6px;
}

#right-sponsorheader {
	padding: 0px;
	text-align: right;
	align: right;
	margin-left: 300px;
}

#right-sponsorheader a {
	font-size: 10pt;
	padding-right: 10px;
	margin: 0px;
	color: #1B4C75;
	line-height: 1.4em;
	text-decoration: none;
}

#right-sponsorheader a:hover {
	color: #FFFF99; 
}

/*
******************************************************
* Header
******************************************************
*/

/* need bottom margin to separate containers */
#container-header {
	background-color: #fff;
	/*
	margin-bottom: 20px;
	*/
}

#left-header {
	float:left;
	width:240px;
	padding: 10px 0 0 10px;
	background:#FFFFFF;
}

#left-header a {
	font-size: 8pt;
	margin: 0px;
	color: #1B4C75;
	text-decoration: none;
}

#left-header a:hover {
	text-decoration: underline;
}

#right-header {
	padding: 0 0 10px 0;
	/*
	padding: 10px 10px 10px 0px;
	background-color: #92AACA;
	*/
	text-align: right;
	margin-left: 210px;
}

#right-header a {
	font-size: 10pt;
	padding-right: 10px;
	margin: 0px;
	color: #1B4C75;
	line-height: 1.4em;
	text-decoration: none;
}

#right-header a:hover {
	color: #FFFF99; 
}

.headerText {
	font-size: 10pt;
	line-height: 1.6em;
	color: #000000;
}


/*
******************************************************
* Banner
******************************************************
*/

/* need bottom margin to separate containers */
#container-banner {
	margin-bottom: 20px;
	padding: 0;
}

#left-banner {
	float:left;
	width:270px;
	height:160px;
	padding: 0;
	/*
	padding: 20px 0px 0px 10px;
	background-color:#4A6A94;
	*/
}

/*hack to get correct height for IE6*/
* html #left-banner { 
   height:178px;
} 


#left-banner h2{
	padding: 0px 20px 20px 10px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
}

#left-banner h3{
	padding: 0px 20px 20px 10px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

#left-banner p{
	padding: 0px 20px 10px 10px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 140%;
}

#left-banner p.cite{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#left-banner a{
	color: #FFFFFF;
	padding: 0px 20px 0px 0px;
	font-size: 12px;
}

img.imgBanner {
	margin: 0px 10px;
	border: 2px #FFFFFF solid;
}

#right-banner {
	margin-left: 300px;
	margin-top: 3px;
	background:#F0F2F6 url(../centralImages/epinephrine638x139.jpg) no-repeat;
	width:638px;
	height:139px;
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
}

#main-banner {
	margin-top: 3px;
	background:ghostwhite url(../centralImages/biopkuimages934x100.png) no-repeat;
	width:934px;
	height:100px;
	border-color: #f0f0f0;
	border-style: solid;
	border-width: 1px;
}

/*hack to get correct width for IE6*/
* html #right-banner {
	margin-left: 296px;
} 

/* This puts a transparent background behind the SSIEM Long Text */
#right-banner .transparent
{
	position:relative;
	background: transparent url(../graphics/x.gif);
	width:465px;
	height:61px;
	left:164px;
	top:110px;
}
/* This is the SSIEM long text */
#right-banner .strapline
{
	position:relative;
	background:  url(../graphics/x.gif) no-repeat;
	width:465px;
	height:61px;
	left:164px;
	top:50px;
}


/*
******************************************************
* Body
******************************************************
*/

/* need bottom margin to separate containers */
#container-body {
	margin-bottom: 20px;
	clear: both;
}


* html #left-body {
	width:270px;
}

/* blue */
#left-body {
	float:left;
	width:260px;
	/*
	height: 400px;
	*/
	padding: 10px 10px 0px 10px;
	background:#F0F2F6;
}

#left-body h2{
	padding: 10px 0px 10px 10px;
	margin: 0px 10px 10px 0px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #CFCFCF;
	background-color: #8599B7;
}

#left-body h3{
	padding: 10px 0px 10px 16px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #CFCFCF;
	background-color: #8599B7;
}

#left-body p {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}

#right-body {
	margin-left:300px;
	padding: 10px 0px 10px 10px;
}

#right-body h2 {
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}

#right-body h3 {
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #4A6B94;
}

#right-body p {
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}


/*
******************************************************
* 3 column Body Layout
******************************************************
*/

/* below here : two styles help with 3 column layout */

#farright-body-3col p {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}
#farright-body-3col h2 {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}
#center-body-3col {
	margin-left: 300px;
	margin-right: 310px;
	border-right: 1px solid #CFCFCF;
}
#center-body-3col p {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}
#center-body-3col h2 {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}

*/

/* above here : two styles help with 3 column layout */


/*
******************************************************
* Inner Body Layout - Similar to 3 column Layout, but 2 cols inside right section
******************************************************
*/

#innerleft-body {
	float:left;
	width:300px;
	padding: 0px 20px 0px 10px;
	color: #4A6B94;
	border-right: 1px solid #CFCFCF;
}

* html #innerleft-body {
    /*hack to get correct height for IE6*/
   padding-left: 20px;
   width:340px;
} 

#innerleft-body h2 {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}

#innerleft-body p {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}

#innerright-body {
	margin-left:610px;
	padding: 0px 0px 0px 10px;
	/*
	border-right: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	*/
}
#innerright-body h2 {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}

#innerright-body p {
	padding: 10px 0px 10px 10px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:140%;
}

/*
******************************************************
* Body - Wide
******************************************************
*/

#container-body-wide {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

#container-body-wide h2 {
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 18px;
	font-weight: normal;
	color: #4A6B94;
}

#container-body-wide h3 {
	padding-bottom: 10px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #4A6B94;
}

#top
{
	padding: .5em;
	background-color: #BDC6D6;
	border-bottom: 1px solid gray;
	text-align: left;
	margin-bottom:20px;
}

#top h1
{
	/* remove all padding and let encompassing div do the padding */
	padding: 0;
	margin: 0;
}

#lefttop
{
	float: left;
	/* when a div is set to float a width must also be stated */
	width: 400px;
	margin: 0;
	padding: 1em 0 1em 0;
}

#righttop
{
	margin-left: 440px;
	padding: 1em;
}


/* when a div is set to float a width must also be stated */
#lefttopalt
{
	float: left;
	width: 270px;
	margin: 0;
	padding: 1em 0;
}

#righttopalt
{
	margin-left: 300px;
	padding: 1em;
}


/* when a div is set to float a width must also be stated */
#leftsection
{
	float: left;
	width: 400px;
	margin: 0;
	padding: 1em;
}

#rightsection
{
	margin-left: 440px;
	border-left: 1px solid gray;
	padding: 1em;
}

/* need to CLEAR as this will force the footer below any floated elements above */
#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}

/* 
remove space at top of content inside divs 
Browsers use different amounts of margin above paragraphs and headings. 
It is safe to remove all top margins, as long as there are bottom margins to keep the paragraphs and headings separate from elements below them. 
*/
#leftsection p { margin: 0 0 1em 0; }
#rightsection p { margin: 0 0 1em 0; }
#leftsection h2 { margin: 0 0 .5em 0; }
#rightsection h2 { margin: 0 0 .5em 0; }


/*
******************************************************
* Footer
******************************************************
*/

#container-footer {
	background-color: #fff;
	margin-bottom: 10px;
	clear: both;
	border-top: 1px dashed #CFCFCF;
	border-bottom: 1px dashed #CFCFCF;
}


#left-footer {
	float:left;
	width:270px;
	padding: 10px 0px 10px 10px;
	background:#FFFFFF;
}

#right-footer {
	margin-left:300px;
	padding: 10px 10px 10px 0px;
	Text-Align: left;
}

#right-footer a {
	font-size: 10pt;
	padding-right: 10px;
	margin: 0px;
	color: #1B4C75;
	line-height: 1.4em;
	text-decoration: none;
}

#right-footer a:hover {
	color: #FFFF99; 
}

.footerText {
	font-size: 8pt;
	line-height: 1.2em;
	color: #333333;
}


/*
******************************************************
* Error Boxes etc
******************************************************
*/

.dataError {
	color: red;
	font-weight: normal;
	line-height: 1.4em;

}

.dataSuccess {
	color: #006600;
	font-weight: normal;
}

#blankspace {
	margin-top:20px;
	height: 400px;
	width: 940px;
	border: 1px solid #CCCCCC;
	background:#F0F0F0 url(../graphics/bluedock.gif) no-repeat;
}

#errorphoto {

	margin-top:20px;
	height: 258px;
	width: 620px;
	border: 1px solid #CCCCCC;
	background:#F0F0F0 url(../graphics/bluedock620.gif) no-repeat;
}

/*
******************************************************
* Images
******************************************************
*/

img.bdr {
	border: 1px solid #999999;
	margin: 0px 4px 0px 10px;
}

/*
******************************************************
* Lists
******************************************************
*/

ul, ol {
	line-height:140%;
	font-family: Verdana;
	font-size: 12px;
	margin: 0px 20px;
	padding-bottom: 10px;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: disc;
}
	
li {
	padding: 4px 0px;
}

li a {
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
}

/* blue menu */
#button {
	padding: 0px 0px 10px 0;
	margin-bottom: 1em;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #45586f;
	font-family: Tahoma, Arial, Verdana;
	font-size: 10pt;
	color: #333;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#button li {
	border-bottom: 1px solid #92aaca;
	margin: 0;
}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #183860;
	border-right: 10px solid #4a6a94;
	background-color: #7e9fca;
	color: #fff;
	text-decoration: none;
	width: 100%;
	line-height:140%;
}

html>body #button li a {
	width: auto;
}

#button li a:hover {
	border-left: 10px solid #4a6a94;
	border-right: 10px solid #7e9fca;
	background-color: #92aaca;
	color: #fff;
}

/*
******************************************************
* OTHER ELEMENTS
******************************************************
*/

.greybox {
	background-color:#FF9;
	border:1px solid #000;
	padding:10px 10px 0 10px;
	margin: 20px 0 10px 0;	
}

.steelbluebox {
	background-color:#F0F2F6;
	color:#900;
	padding:10px 0 0 0;
	margin: 10px 0 0 0;	
	text-align: center;
}

.steelbluebox a, .steelbluebox a:visited .steelbluebox a:hover {
	color:#900;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

/*
******************************************************
* HIDER DIVS
******************************************************
*/


/*
4A6A94 / E2B366 / EDE2D0 / #CDC0AB
45586F / A98F64 / EDDEC5
183860 / 936721 / DBC8AA
7E9FCA / F0CB8E / A49A89
92AACA / F0D5A8 / 8E6D37
*/
/* Beige Menu
#button {
	padding: 0px 0px 10px 0;
	margin-bottom: 1em;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #EDE2D0;
	color: #333;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#button li {
	border-bottom: 1px solid #CDC0AB;
	margin: 0;
}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #936721;
	border-right: 10px solid #DBC8AA;
	background-color: #A98F64;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #button li a {
	width: auto;
}

#button li a:hover {
	border-left: 10px solid #4a6a94;
	border-right: 10px solid #7e9fca;
	background-color: #92aaca;
	color: #fff;
}
 */