/* main colors:

	f1ebde	background
	54524d	dark text
	a8a49b	light text
	bc1537	red triangles
*/

#headerbox {
	background: url(/images/header.gif) no-repeat left;
	vertical-align: top;
}
#header {

}
#navbox {
	background: url(/images/nav-topics.gif) no-repeat left top;
	vertical-align: top;
}
/* for the main homepage */
#navboxMain {
	background: url(/images/nav-main.jpg) no-repeat left top;
	vertical-align: top;
}
.navdata {
	padding-top: 5px;
}
#nav {
	margin: 5px;
	padding: 5px;
}
#infobox{
	background: url(/images/info.gif) no-repeat left top;
	vertical-align: top;
}
#info, #bigcontent, #content, #maincontent, #info2, #maincontent2 {
	margin: 10px;
	padding: 5px;
	height: 310px;
	font-style: italic;
}
#info {
	width: 290px;
}
#info2 {
	padding-bottom:  0px;
	margin-bottom: 0px;
	height:  inherit;
}
#maincontent2 {
	padding-bottom:  0px;
	margin-bottom: 0px;
	height: 148px;
}
/* for the links and staff */
#wholecontent {
	margin: 10px;
	padding: 5px;
	height: 440px;
}
#wholecontentbox{
	background: url(/images/whole-content.gif) no-repeat left top;
	vertical-align: top;
}
#contentbox {
	background: url(/images/content.gif) no-repeat left top;
	vertical-align: top;
}
#bigcontentbox{
	background: url(/images/big-content.gif) no-repeat left top;
	vertical-align: top;
}
.biotop{
	background: url(/images/bigbox-top.gif) no-repeat left top;
	vertical-align: top;
}
.biobottom{
	background: url(/images/bigbox-bottom.gif) no-repeat left top;
	vertical-align: top;
}



.maintopbox{
	background: url(/images/main-content-top.gif) no-repeat left top;
	vertical-align: top;
}
.mainbottombox{
	background: url(/images/main-content-bottom.gif) no-repeat left top;
	vertical-align: top;
}
#content, #bigcontent, #navscroll, #wholecontent {
	font-style: italic;
	line-height: 1.5em;
	
	/* netscape doesn't understand overflow-x or y, so we just use overflow */
	overflow: scroll;

	/*for IE only */
	overflow-x: visible;
	overflow-y: scroll;
	scrollbar-3dlight-color:rgb(241,234,222);
	scrollbar-arrow-color: rgb(84,82,77);
	scrollbar-base-color:rgb(241,234,222);
	scrollbar-darkshadow-color:rgb(84,82,77);
	scrollbar-face-color:rgb(241,234,222);
	scrollbar-highlight-color:rgb(84,82,77);
	scrollbar-shadow-color:rgb(84,82,77);
	scrollbar-track-color: rgb(241,234,222);
}
#content {
	
	width:  360px;
}
#maincontent, #maincontent2 {
	font-size: 11pt;
	line-height: 1.5em;
	color: #bc1537;
	font-weight: bold;
	font-style: italic;
	width: 670px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #f1ebde;
}

/* redefine the td also because IE 5 doesn't inherit from body to td. */
body, td {
	font-family: Arial, Helvetica, sans;
	color: #54524d;
	font-size: 10pt;
}
#header tr td {
	font-size: 9pt;
}

ul.head {
	list-style: url(/images/tri.gif) inside;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
ul.head li {
	font-size: 9pt;
	font-style: italic;
}
ul.head li a {
	text-decoration: none;
	color: #54524d;
}

/* navigational structure */
.navitems {
	vertical-align: top;
}
#navtitle {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-left: 30px;
	font-style: italic;
}

/* navigation items*/
ul.nav {
	list-style: url(/images/tri.gif) inside;
	margin: 0px;
	padding: 0px;
}
ul.nav li {
	font-size: 10pt;
	height: 1.5em;
	padding-bottom: .5em;
	font-style: italic;
}
ul.nav li a {
	text-decoration: none;
	color: #54524d;
}
span.stafftitle {
	font-size: 8pt;
}

.sm {
	font-size: 9pt;
	font-style: italic;
}

/* links */
a, a:link, a:visited {
	color: black;
}
/* weird problem with A:hover and the list bullets dissappearing.
A:hover {
	text-decoration: underline;
}*/

/* article information */
div.articletitle {
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 1em;
	font-style: italic;
}
div.articleauthor {
	font-size: 10pt;
	font-style: italic;
	margin-bottom: 1em;
}


/* link page */
dt {
	font-weight: bold;
	font-size: 10pt;
	font-style: italic;
}
dd {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

/* forms */
#newpatient tr th {
	border-bottom: 2px solid #a8a49b;
	margin: 10px;
	text-align: left;
}
td.lbl {
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
}
input, select, textarea {
	border: 1px inset;
	background-color: #f1ebde;
}
.staffinfo {
	font-style: italic;
}

h1 {
	font-size: 12pt;
}
h2 {
	font-size: 10pt;
}