* {
margin: 0;
padding: 0;
}

p {padding:8px;}



body {
	margin:0px 0px; padding:0px;
	text-align:center;  
	background-color:#afd1f8;
		background-image:url('images/bodybak.jpg');
	background-repeat: repeat-y;
	background-position: center;
	}
	
#topbar {width:100%;
height:20px;
background-color:#4096ee;}
	
	#outercontainer {width:820px;
	margin:0px auto;
	padding:0px;
background-color:#ffffff;}


#header {width:820px;
height:300px;}

#logo {width:300px;
height:300px;
float:left;}

#mainpic {width:520px;
height:300px;
float:right;}

#content {width:820px;
text-align:justify;
	font-family:  verdana, arial,  sans-serif; 
	font-size:0.8em;
	color:#445b73;
	padding-bottom:16px;}
	
	
	#menus {width:230px;
	padding-left:10px;
	text-align:left;
	float:left;}
	
	
	
	
	
	
	
	#generalmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight:600;
width: 220px;
padding-top: 0px;
margin: 0px;
}

#generalmenu h1 {
display: block; 
background-color:#356aa0;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #659FD1;
color: #ffffff;
margin: 0px;
width:209px;
}

#generalmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#generalmenu ul li {
margin-bottom: 2px;
padding: 0px;
}
#generalmenu ul li a {
font-size: 80%;
display: block;
border: 1px solid #356aa0;
padding: 5px 0px 2px 4px;
background-color: #356aa0;
text-decoration: none;
color: #ffffff;
width:220px;
}

#generalmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;

background-color: #4096ee;
}

 #generalmenu a img {
border: none;
} 
	
	
	
	
	#colonicmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight:600;
width: 220px;
padding-top: 0px;
margin: 0px;
}

#colonicmenu h1 {
display: block; 
background-color:#356aa0;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #356aa0;
color: #F6F6F6;
margin: 0px;
width:209px;
}

#colonicmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#colonicmenu ul li {
margin-bottom: 2px;
padding: 0px;
}
#colonicmenu ul li a {
font-size: 80%;
display: block;
border: 1px solid #356aa0;
padding: 5px 0px 2px 4px;
background-color: #356aa0;
text-decoration: none;
color: #ffffff;
width:220px;
}

#colonicmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;

background-color: #4096ee;
}






















#physiomenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight:600;
width: 220px;
padding-top: 0px;
margin: 0px;
}

#physiomenu h1 {
display: block; 
background-color:#356aa0;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #356aa0;
color: #F6F6F6;
margin: 0px;
width:209px;
}

#physiomenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#physiomenu ul li {
margin-bottom: 2px;
padding: 0px;
}
#physiomenu ul li a {
font-size: 80%;
display: block;
border: 1px solid #356aa0;
padding: 5px 0px 2px 4px;
background-color: #356aa0;
text-decoration: none;
color: #ffffff;
width:220px;
}

#physiomenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;

background-color: #4096ee;
}
	
	
	
	
	#copy {width:470px;
	padding-right:50px;
	padding-top:8px;
	line-height:160%;
	float:right;}
	
	
	
		#copy a {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#356aa0;}

	#copy a:visited {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#356aa0;}

	#copy a:hover {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
color:#666666; }


 #copy li {
	line-height:140%;
	margin-top:2px;
	}
	
#copy ul {
	margin-left:50px;
	margin-right:30px;
	list-style: square;
	line-height:120%;
}

#copy	ol {margin-left:50px;
margin-right:30px;
list-style-type: decimal;}
	
	
	
	
	
	.pagealert {font-size:1.9em;
	text-align:left;
	font-family:  georgia, verdana,  arial,  sans-serif; 
	color:#285078;}
	
	
	
	.pagetitle {font-size:1.4em;
	text-align:left;
	font-family:  georgia, verdana,  arial,  sans-serif; 
	color:#356aa0;}	
	
	.black {color:#000000;}	
	
	
	
	
	
	
	
	
	

	.tothetop {text-align:right;
font-size:0.4em;}

	#botbit {width:800px;
	padding-top:1px;
	font-size:0.7em;
	text-align:left;
	margin:0 auto;
	padding-bottom:4px;}


#botbit a {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif; color:#4095ef;}

#botbit a:visited {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif; color:#4095ef;}

#botbit a:hover {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	font-family:  arial, helvetica, sans-serif;color:#4facce; }

.hide {display:none;}

span.explain {
cursor: help;
border-bottom: 1px dashed #333333;
}


	#yellow a {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#c79810;}

	#yellow a:visited {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
	 color:#c79810;}

	#yellow a:hover {
	text-decoration:underline;
	padding:0px;
	letter-spacing: 0px;
color:#666666; }


/* Pop up styles  */



a.ref   {
position: relative;
}
a span   {
border: 1px solid #333333;
padding: 2px;
visibility: hidden;
position: absolute;
top: 350px;
left: 650px;
color: #000000;
background: #eeeeee;
width: 350px;
font-size:0.8em;
}
a:hover   {
background-color:white; /* Trigger for IE6  */
}
a:hover span, a:active span, a:visited:hover span    {
visibility: visible;
text-decoration: none;
}

.menubold {font-size:125%;
font-weight:900;}