@import "reset.css";

/***************************/
/*   GENERAL SITE STYLES   */
/***************************/

html, body {
	margin: 0;
	padding: 0;
	height:100%;
	background: #112441;
}

body, div, table, th, td, dl, dt, dd, ul, li, label, input, select, textarea{
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: small;
	fo\nt-size: medium;
	color: #666;
}

h1, h2, h3, h4, h5, h6{ 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
}

p{	line-height: 1.1em; }
p.clear{ clear: both; font-size: 0; }

a:link{ color: #3668AF; }
a:visited{ color: #9F8300; }

.alert{	color: #8F0D00; }

#container {
	min-height:100%;
	position:relative;
}

#outerWrap{
	width: 1104px;
	padding: 0;
	margin: 0 auto;
	background: url(/i/site_images/blue_fade_bg.jpg) top left no-repeat;
}

#wrap{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 150px;
	background: #FCFCFC url(/i/site_images/main_gradient_bg.gif) top left repeat-x;
}

div#headWrap{
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #000;
}

div#head{
	width: 900px;
	margin: 0 auto;
}

div#head img{
	display: block;
	float: left;
}

div#head div#bigNote{
	width: 289px;
	height: 83px;
	background: url(/i/home/bignote_bg.jpg) top left no-repeat;
	margin: 15px 0 20px 30px;
	padding: 15px;
	float: left;
	color: #000;
	text-align: center;
}

div#head div#bigNote h4{
	font-size: 20px;
}

div#head div#bigNote p{
	margin: 6px;
}

div#head div#bigNote p a{
	color: #000;
}

/*****************/
/*   MAIN MENU   */
/*****************/

div#menu{
	background: #375DAB;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: left;
	height: 40px;
	overflow: hidden;
}

div#menu ul{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width: 870px;
	height: 40px;
}

div#menu ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

div#menu ul li a {	
	background: #375DAB;
	color: #FFF;
	font-family : Arial, Helvetica, sans-serif;
	display : block;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 16px; 
	line-height: 40px;
}

div#menu ul li a:hover {
	background: #F6D348;
	color: #000;
}

body#ab div#menu li#ab a,
body#cl div#menu li#cl a,
body#sc div#menu li#sc a,
body#di div#menu li#di a,
body#tr div#menu li#tr a,
body#re div#menu li#re a,
body#co div#menu li#co a,
body#fa div#menu li#fa a
{	
	background: #F6D348;
	color: #000;	
}


/********************/
/*   MAIN SECTION   */
/********************/

div#main {
	clear: left;
}

div#left {
	float: left;
	width: 500px;
}


/*******************/
/*   NEWS SECTION   */
/*******************/

#news{
	margin: 0;
	padding: 25px 10px 15px 25px;
}

#news h3{
	color: #375DAB;
	border-bottom: 1px solid #CCC;
}

#news dl{
	margin: 15px 0 5px;
}

#news dt{
	font-weight: bold;
	margin-top: 20px;
	font-size: 20px;
	padding: 6px;
	color: #8F0D00;
}

#news dt.important{ /* different color? */
}

#news dd{
	margin: 10px 0 10px 10px;
	padding: 0 15px 25px;
	background: url(/i/home/news_item_bottom_corner.jpg) bottom right no-repeat;
	line-height: 1.2em;
}

#news dd ul{
	margin: 10px 0 10px 40px;
}

p.old{
	text-align: right;
	margin: 0 6px 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size: x-small;
}

/********************/
/*   RIGHT COLUMN   */
/********************/

#right {
	float: left;
	width: 400px;
}

#right #rotaryIs{
	background: url(/i/site_images/gold_fade_bg.jpg) top left no-repeat;
	height: 250px;
	width: 400px;
}

#right #rotaryIs a{
	display: block;
	padding: 40px 20px 10px 60px;
	width: 320px;
	height: 200px;
	text-decoration: none;
	color: #666;
}

#right #rotaryIs span.rotary{
	font-size: 30px;
	color: #375DAB;
	font-weight: bold;
	font-style: italic;
	display: block;
	position: relative;
	left: -20px;
	padding-bottom: 15px;
}

#right #rotaryIs span.annual{
	display: block;
	position: relative;
	top: 0;
	left: 10px;
}

#right #rotaryIs span.event{
	display: block;
	font-size: 24px;
	color: #B34439;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	position: relative;
	top: -15px;
	left: 110px;
}

#right #rotaryIs span.stjohns{
	display: block;
	position: relative;
	top: -5px;
	left: 30px;
}

#right #rotaryIs span.NL{
	display: block;
	font-size: 22px;
	color: #375DAB;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	position: relative;
	top: 7px;
	left: -10px;
}

#right #rotaryIs span.more{
	display: block;
	position: relative;
	top: 20px;
	left: -10px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

#right .rightBlock{
	padding: 25px 25px 35px;
	background: url(/i/home/right_block_bottom_fade.jpg) bottom no-repeat;
}

#right .rightBlock h3{
	color: #375DAB;
	border-bottom: 1px solid #CCC;
}

#right .rightBlock p.more{
	text-align: right;
}

#right #deadlines p strong{
	display: block;
	float: left;
	width: 180px;
	text-align: right;
	margin-right: 6px;
}

#right #deadlines p.passed strong{ color: #999; text-decoration: line-through; }
#right #deadlines p.passed a:link{ color: #6B89AF; text-decoration: line-through; }
#right #deadlines p.passed a:visited{ color: #C7B254; text-decoration: line-through; }

/**************************/
/*   FEATURED CLINICIAN   */
/**************************/

#right #clinician{
	overflow: hidden;
}

#right #clinician h3{
	margin-bottom: 16px;
}

#right #clinician img{
	display: block;
	float: left;
	width: 120px;
	padding: 6px 10px 6px 2px;
}

/**************/
/*   FOOTER   */
/**************/

#footerWrap{
	width: 100%;
	position:absolute;
	bottom:0;
}

#footerWrapInner{
	width: 1104px;
	margin: 0 auto;
}

#footer {
	text-align: center;
	color: #112441;
	font-family : Arial, Helvetica, sans-serif;
	font-size: small;
	width: 900px;
	margin: 0 auto;
	height: 120px;
	padding-top: 30px;
	background: url(/i/home/footer_bg.jpg) bottom left no-repeat;
}

#footer p#copy{
	line-height: 20px;
	color: #999;
}

#footer p#copy a{
	color: inherit;
}

#footer p#sponsors img{
}