/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #A5B5C6;
	}

h1 {
	font: bold xx-large Verdana, Arial, sans-serif;
	color: #43616B;
	margin-top: 0px;
	text-align: center;
	}

h2 {
	font: small Verdana, Arial, sans-serif;
	color: #43616B;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	}

h3 {
	text-align : center; 
	font: bold italic xx-large Verdana, Arial, sans-serif;
	}

#news h4 {
	color: #D6D6D6;
	margin-top: 10px;
	}

p {
	font: 1em Verdana, Arial, sans-serif;
	}

p.margin {
	font: 1em Verdana, Arial, sans-serif; 
	margin-left: 1em; 
	}
	
p.margin2 {
	font: 1em Verdana, Arial, sans-serif; 
	margin-left: 2em; 
	}

p.margin3 {
	font: 1em Verdana, Arial, sans-serif;
	margin-left: 3em;
	}

p.indent {
	font: 1em Verdana, Arial, sans-serif;
	text-indent: 2em;
	}

p.indent2 {
	font: 1em Verdana, Arial, sans-serif;
	text-indent: -2em;
	margin-left: 3em;
	}

p.title {
	font: bold 2em Verdana, Arial, sans-serif;
	}

p.title2 {
	font: bold 2em Verdana, Arial, sans-serif;
	text-align: center;
	}

p.titlesub {
	font: bold 2em Verdana, Arial, sans-serif;
	text-align: right;
	}

p.titlesub2 {
	font: 1.5em Verdana, Arial, sans-serif;
	text-align: center;
	}

p.note {
	font: 0.7em Verdana, Arial, sans-serif;
	text-align: center;
	}

p.name {
	font: 1.15em Verdana, Arial, sans-serif;
	text-align: right;
	}

p.right {
	font: 1em Verdana, Arial, sans-serif;
	text-align: right;
	}

p.center {
	font: 1em Verdana, Arial, sans-serif;
	text-align: center;
	}

.quote {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	color: #ff0000;
	}

.quote2 {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	color: #0000ff;
	}

.quote3 {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	color: #009900;
	}

b.big {
	font: bold 1.15em Verdana, Arial, sans-serif;
	}

b.bigger {
	font: bolder 1.30em Verdana, Arial, sans-serif;
	}

b.bigred {
	font: bolder 150% Verdana, Arial, sans-serif;
	color: #F00;
	}

b.lilred {
	font: bold 100% Verdana, Arial, sans-serif;
	color: #F00;
	}

.blue {
	font-family: Verdana, Arial, sans-serif;
	color: #0000ff; 
	}

ul {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	}
	
ul.a {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	list-style: disc;
	}

ul.b {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	list-style: none;
	}

ol {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	}

ol.a {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	list-style: lower-alpha;
	}

ol.b {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	list-style: decimal;
	}

ol.c {
	font: 1em Verdana, Arial, sans-serif;
	text-align: left;
	list-style: upper-alpha;
	}

.crumb {
	font: 0.6em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	left: 26%;
	}

.articlecrumb {
	font: 0.6em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	left: 1%;
	}
	
.columnarchive {
	font: 0.6em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	right: 1%;
	}

.imagespacer {
	margin-right: 1em;
	}

.imagespacel {
	margin-left: 1em;
	}

.imagetest {
	padding-right: 5px;
}

i.right {
	font: 1em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	right: 5%;
	}
	
i.left {
	font: 1em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	left: 5%;
	}
/* -------------------------- tables for articles ------------------------- */

table.a {
background-color : #cccccc; 
border : 0 none inherit; 
width : 400px; 
padding : 5px; 
} 
table.b {
background-color : #cccccc; 
border : 0 none inherit; 
width : 600px; 
padding : 5px; 
} 
td.plain {
border : 1px solid black; 
text-align : left; 
vertical-align : text-top; 
} 
td.plain2 {
border : 1px solid black; 
text-align : center; 
vertical-align : text-top; 
} 
td.head {
border : 1px solid black; 
text-align : center; 
vertical-align : text-top; 
} 

/* ---------------------------- link formatting --------------------------- */
a.h1:link ,a.h1:visited {
text-decoration : none; 
color : #43616B; 
} 
a.h1:hover {
color : #5C6F90; 
} 
a.h1:active {
text-decoration : none; 
} 


a.main:link {
text-decoration : none;
color : #3366cc;
font-weight: bold;
} 
a.main:visited {
text-decoration : none; 
color : #999999; 
font-weight: bold;
} 
a.main:hover {
color : #cccc33; 
font-weight: bold;
} 
a.main:active {
text-decoration : none; 
font-weight: normal;
} 
a.new:link ,a.new:visited, a.new:hover ,a.new:active {
text-decoration : none; 
color : #ff0000; 
}

/* ------------------------------- layout ----------------------------- */

#top {
	padding: 4px;
	background: #BDC5CE url(img/carelogo.gif) no-repeat;
	border-bottom: 1px solid #A5B5C6;
	}

#photo {
	margin: 0px 25% 0px 170px;
	height: 250px;
	background: #153976 url(img/sky.jpg) no-repeat right top;
	text-align: center;
	}
	
#content {
	margin: 0 0% 0 25%;
	padding: 1% 3%;
	background: #fff;
	color: #000;
	}
	
#articlecontent {
	margin: 0 0% 0 0%;
	padding: 1% 3%;
	background: #fff;;
	color: #000;
	}
	
#nav {
	position: absolute;
	padding: 0px;
	top: 82.5px;
	width: 25%;
	background-color: #A5B5C6;
	color: #000;
	}

#weekly_daily {
	position: absolute;
	width: 21.9%;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */
	height: 50px;
	overflow: hidden;
	margin-left: 75%;
	padding: 0px 1.5%;
	top: 82.5px;
	background-color: #336699;
	border-top: 1px solid #A5B5C6;
	}
	
div#weekly_daily a {
	color: #D6D6D6;
	font-weight: bold;
	text-decoration: none;
}

#news {
	position: absolute;
	width: 21.9%;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */
	height: 200px;
	overflow: hidden;
	margin-left: 75%;
	padding: 0px 1.5%;
	top: 132.5px;
	background-color: #153976;
	border-top: 1px solid #003399;
	}

div#news p.row {
	width: 100%;
	margin: 0px 0px 1em 0px;
	font: 0.6em Verdana, sans-serif;
	}

div#news p.row span.leftcol {
	float: left;
	color: #D6D6D6;
	}
	
div#news p.row span.rightcol {
	width: 70%;
	float: right;
	}
	
div#news p.row span.rightcol a {
	color: #D6D6D6;
	font-weight: bold;
	}
	
div#news p.row span.rightcol a:hover {
	color: #A4B5C5;
	}

.spacer {
	display: block;
	height: 1px;
	font: 1px /1 sans-serif;
	clear: both;
	}

#footer {
	clear: both;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background-color: #D6D6D6;
	color: #000;
	}
	
#footer a{
	text-decoration: none;
	color: Black;
	}
	
#footer i{
	font: 0.7em Verdana, Arial, sans-serif;
	font-style: italic;
	position: absolute;
	right: 1em;
	}

/* ----------------------------- Navigation --------------------------- */

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #A5B5C6;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #5C6F90;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #43616B;
	color: #eee;
	}