/*
I got this implementation of the design from http://www.intensivstation.ch/.
It is under the Creative Commons license: http://creativecommons.org/licenses/by/1.0/
*/

body {
background-color: #DAE1E3;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000000;
padding:0px;
margin:0px;
}

/*THE COLORS FOR THE LINKS*/
a:link,a:visited{color:#46717D;}
a:hover,a:active{ color:#B08C2E;}

a.menu:link,a.menu:visited{color: #DAE1E3;}
a.menu:hover,a.menu:active{color: #FCC842;}

a.alt,a.alt:visited{color: #DAE1E3;}
a.alt:hover,a.alt:active{color: #FCC842;}

div.bar{
font-size: 13px;
background-color: #B08C2E;
color: #FCC842;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px;

}

#outer{ 
border-left: solid 200px #46717D; /* left column color*/ 
border-right: solid 200px #46717D; /* right column color */ 
background-color: #ffffff;  /* middle column color */
} 

/* These are the boxes */
div.box{
border: 1px solid rgb(0,0,0); 
background-color: #DAE1E3;
width:95%;
color:#000000;
font-size: 11px;
margin: 3px;
padding: 1px;
clear: both;
}

/* MESSAGE BOARD*/
div.messageBoard{
border: 2px solid rgb(0,0,0); 
background-color: #46717D;
width:95%;
}
div.messages
{
border: 1px solid rgb(0,0,0); 
background-color: #DAE1E3;
color:#000000;
font-size: 11px;
margin: 3px;
padding: 1px;
}
/*END MESSAGE BOARD*/



/*OTHER MISC. STUFF*/
p{
padding: 5px 10px;
margin:0px; 
}

h1{
font-size:20px;
font-weight: bolder;
text-align: center;
color: #000000;
}

h3{
font-size:15px;
}

h2{
color: #000000;
}

.large{
font-size:15px;
}

.small{
font-size: 9px;
}

.indent{
	text-indent: 15px;
}
/*END MISC. STUFF*/




/*These are for the structure of the page only, no colors*/
#container{
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

#top{
text-align: right;
padding: 0px;
margin: 0px; 
}

#inner{
margin:0; 
width:100%;
}

/*
This is cool, it is offset to compensate for 
the colored border from the outer div.
*/
#left{
 width:195px; 
 float:left; 
 position:relative; 
 margin-left:-195px; 
 margin-right:1px;
}
 
#right{
 width:195px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }
 
#middle{ 
position: relative; 
margin: 0px; 
padding: 5px;
}

#bottom{
clear:left;
padding:0px;
margin:0px;
text-align: right; 
} 

td.photo{
	width: 150px;
	text-align: center;
}
/*END STUFF FOR STRUCTURE*/