/* GLOBAL TAGS */

BODY {
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	height: 100%;
}

BODY, TD {
	color: #333333;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;

}


/* LINKS */

A {
	color: #336699;
	text-decoration: none;
}

A:hover {
	color: #CC3333;
	text-decoration: underline;
}

A.on {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A img {
	border-color: #336699;
}

A:hover img {
	border-color: #CC3333;
}


/* HEADERS */

H1 {
	color: #336600;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height:130%;
	
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:100%;
}

H2 {
	color: #336600;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 21px;
	font-weight: normal;
	line-height:130%;
	
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	
	border-bottom: 1px dotted #666666;
	clear: both;
}

H3 {
	color: #336600;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height:130%;
	
	margin: 5px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	
	border-bottom: 1px dotted #666666;
}

H5 { /* byline */
	color: #666666;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	
}

H6 { /* all caps - default green */
	color: #336699;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 130%;
	
	margin: 0px 0px -9px 0px;
	padding: 6px 0px 0px 0px;
	
}

H6 a {
	color: #336699;
	text-decoration: none;
}

H6 a:visited {
	color: #336699;
}

H6 a:hover {
	color: #CC3333;
	text-decoration: underline;
}


/* TYPOGRAPHY */

p {
	line-height: 130%;
}

.red {
	color: #CC3333;
}

.credit {
	color: #999999;
}

.smallcaps {
	font-variant: small-caps;
}

.nowrap {
	white-space: nowrap;
}

LI + LI, LI + OL, LI + UL { /* line spacing between list bullets */
	margin-top: 5px;
}

.et {
	font-family: Arial, Helvetica, sans-serif;
}

/* HEADER LINKS */

#nav td a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
}

#nav td a:visited {
	color: #FFFFFF;
}

#nav td a:hover {
	color: #99CCFF;
}

#nav td.on {
	background-color: transparent;
}

#nav td.on a {
	color: #002255;
}

#nav td.on a:visited {
	color: #002255;
}

#nav td.on a:hover {
	color: #002255;
}

#nav td.last a {
	color: #77AADD;
}

#nav td.last a:visited {
	color: #77AADD;
}

#nav td.last a:hover {
	color: #99CCFF;
}



.shadow {
	border-top: 1px solid #BBBBBB;
	background-color: #DDDDDD;
	border-bottom: 1px solid #EEEEEE;
	height:1px;
	font-size: 1px;
	width: 100%;
}


/* SIDEBAR */

.sidebar {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar-footer {
	color: #666666;
	background-color: #F9F9F9;
	border-right: 1px solid #BCB8B6;
	border-bottom: 1px solid #BCB8B6;
	margin: 0px;
	padding: 0px 0px 25px 0px;
	width: 177px;
	height: 100%;
	font-size: 11px;
}

.sidebar H3 {
	color: #003399;
	background-color: #E6E6E6;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 13px;
	font-weight: normal;
	
	margin: 0px;
	padding: 4px 4px 5px 11px;
	
	border: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.sidebar p, .sidebar-footer p {
	margin: 7px 7px 7px 13px;
	padding: 0px;
}

.sidebar ul li {
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.sidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}

/* COMPONENTS */

.sidebar .component {
	border: none;
	border-top: 1px solid #BCB8B6;
	margin-bottom: 20px;
}

.content .component {
	margin-bottom: 24px;
}

.full {
	clear: both;
}

.lefthalf {
	position: relative;
	float: left;
	width: 47%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righthalf {
	position: relative;
	float: right;
	width: 48%;
	margin: 0px 0px 0px 0px;
}

.leftthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.centerthird {
	float: left;
	width: 30%;
	margin: 0px 5% 0px 0px;
}

.rightthird {
	float: left;
	width: 30%;
	margin: 0px;
}

.lefttwothirds {
	float: left;
	width: 65%;
	margin: 0px 5% 0px 0px;
	clear: both;
}

.righttwothirds {
	float: left;
	width: 65%;
	margin: 0px;
}

.boxed {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px 15px;
}

.boxed H3 {
	color: #666666;
	border: none;
}

.rightinset {
	position: relative;
	float: right;
	width: 48%;
	margin: 10px 0px 10px 15px;
}


/* WIDTH OVERRIDE */

.width-300 {
	width: 260px;
}


/* SPACING OVERRIDE */

.clear {
	clear: both;
}

.nomargin {
	margin: 0px;
}

.nopadding {
	padding: 0px;
}



/* BG COLORS */

.bg-blue {
	background-color: #E3EBF2;
}



/* TEXT COLORS */

.text-red {
	color: #CC3333;
}


/* IMAGES */

img {
	border-color: #666666;

}

.image {
	margin: 7px 20px 20px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-left {
	position: relative;
	float: left;
	margin: 3px 15px 15px 0px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image-right {
	position: relative;
	float: right;
	margin: 3px 0px 15px 15px;
	color: #666666;
	font-size: 11px;
	clear: both;

}

.image img, .image-left img, .image-right img {
	margin-bottom: 3px;
	border: 1px solid #333333;
}


/* FOOTER */

.footer {
	color: #999999;
	margin: 0px;
	padding: 0px 30px 30px 20px;
	font-size: 10px;
}


/* RULES */

.rule {
	border-top: 1px dotted #999999;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin-top: 5px;
	padding: 0px;
}


/* SPECIAL HEADERS */

.first H1, .first H2, .first H3, .first H4, .first H5, .first H6 {
	margin-top: 0px;
}

H1.first, H2.first, H3.first, H4.first, H5.first, H6.first {
	margin-top: 0px;
}