.blue-dk { color: #003366; }
.blue-md { color: #004D99; }
.blue-lt { color: #EDF1F8; }
.red { color: #960000; }
.turq { color: #A3B5C8; }
.white { color: white; }
.cleared {clear: both;}
.right_img {float:right; margin-left:15px;}

html {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #EDF1F8;
}


/* Site Links */
a { color: #960000; text-decoration: none; }
a:hover { color: black; }
a img { border: 0px; }


/* Text Styles */
h1 { color: #004D99; font-size: 14pt; }
h2 { color: #003366; font-size: 12pt; }
h3, p { color: #003366; font-size: 9pt; }
ul, ol {
	color: #003366;
	font-size: 9pt;
	line-height: 12pt;
	margin: 0.5em 0 0.5em 25px;
	padding: 0;
}


/* Form Styles*/
form { margin: 0; padding: 0; }
label { color: #003366; font-size: 9pt; }
input, select, textarea {
	font-family: Arial, Verdana, Helvetica, san-serif, Times, serif;
	font-size: 10pt;	
}


/* Alignment Styles */
.float-left { float: left; margin: 10px; }
.float-right { float: right; margin: 10px; }
.al-centre { text-align: center; }
.al-left { text-align: left; }
.al-right { text-align: right; }


/* Main Site Styles */
#site-border {
	text-align: justify;
	width: 769px;
	margin: 20px auto 0px auto;
	border: 2px solid #003366;
}



#site-head { width: 769px; height: 150px; padding: 0; background: url(../images/cancer-information.jpg) no-repeat; }
#site-head img { margin: 0 0 0 10px; float: left; }
#site-head h1 { font-size: 11pt; font-style: italic; text-align: right; margin: 0 20px 0 0; }
#site-head p { font-size: 9pt; font-weight: bold; text-align: right; margin: 0 20px 0 0; }

.no { display: none; }

#site-links {
	text-align: center;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background: url(../images/link-back.gif) repeat-x 0% 50%;
	background-color: #003366;
}
html>body #site-links { border: 0px; }
#site-links:after { content: ""; height: 1px; display: block; clear: both; background-color: white; }
#site-links ul {
	font-weight: bold;
	list-style: none;
	border-right: 2px solid white;
	margin: 0;
}
#site-links li { display: inline; }
#site-links a {
	font-size: 8pt;
	color: white;
	background: url(../images/link-back.gif) repeat-x 0% 50%;
	padding: 5px 9px 5px 9px;
	float: left;
	background-color: #003366;
}
#site-links a:hover { color: #960000; background: url(../images/link-back-o.gif) repeat-x 0% 50%; background-color: #A3B5C8; }
#site-links #current { color: #960000; }



#site-body { width: 100%; background-color: #A3B5C8; }
#site-body:after { content: ""; height: 1px; display: block; clear: both; background-color: white;}

#site-body .left { width: 80%; float: left; background-color: white; padding: 0 0 15px 0; height: 400px; min-height: 400px;}
html>body #site-body .left { height: auto; }
#site-body .left .home-head {
	color: white;
	font-size: 18pt;
	letter-spacing: 1pt;
	padding: 4em 0 0.5em 10px;
	background: url(../images/map-back.gif) no-repeat 100% 50%;
	background-color: #003366;
	margin: 0;
}
#site-body .left .home-head img { border: 1px solid white; }
#site-body .left h1 { padding: 2em 10px 0.5em 10px;  }
#site-body .left h2 { font-size: 10pt; border-top: 1px solid #A3B5C8; border-bottom: 1px solid #A3B5C8; padding: 0.5em 10px 0.5em 10px; margin: 0.5em 0 0.5em 0; }
#site-body .left h3, #site-body .left p {  margin: 0; padding: 0.5em 10px 0.5em 10px; } 

#site-body .right { text-align: left; width: 18%; float: right; padding: 30px 0 0 0; }
#site-body .right h2, #site-body .right p { color: white; }
#site-body .right ul { color: white; margin: 0.5em 0 0.5em 15px; }
#site-body .right b, #site-body .right a { color: #003366; font-weight: bold; }
#site-body .right a:hover { color: white; }



#bottom { width: 769px; margin: 5px auto 0 auto; text-align: right; }
#bottom p { font-size: 8pt; margin: 0; }


/* Contact Form */
#contactform { margin: 0 10px 1em 10px; padding: 0;	}
#contactform label {
	font-weight: bold;
	width: 100px;
	float: left;
}
#contactform input, #contactform textarea, #contactform select {
	color: black;
	width: 200px;
	border: 1px solid grey;
	margin: 0px 0px 2px 0px;
	padding: 2px;
}
#contactform #submit {
	font-weight: bold;
	text-align: left;
	background-color: transparent;
	width: 4em;
	border: 0px;
	margin: 0px 0px 0px 103px;
	cursor: pointer;
	padding: 0;
}
#contactform #submit:hover { color: #960000; }
