/************* miscellaneous, reusable styles **************/

.imageblock {
	display: block;
	border: 0;
}

.layoutTable {
	border: 0;
	padding: 0;
}

.layoutTable tr td {
	border: 0;
	padding: 0;
}

.simpleTable {
	margin-left: 25px;
	width: 75%;
}


/***********************************************
 * HTML tag styles
 ***********************************************/

body {
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	font: 11pt/1.5 sans-serif;
	margin: 0px;
	padding: 0px;
	background: #cccccc url(images/bg_grad.jpg) fixed;
}

p {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
	color: #005FA9;
}

a:hover {
	text-decoration: underline;
}

/************** header tag styles **************/

h1 {
 font: bold 170% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2 {
 font: bold 175% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0.2em 0 0 0;
 border-bottom: 1px solid #cccccc;
}

h3 {
 font: bold 125% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 1em 0 0 0;
}

h4 {
 font: 100% Arial,sans-serif;
 font-weight: bold;
 color: #333333;
 margin: 0px;
 padding: 1em 0 0 0;
}

h5 {
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul {
 list-style-type: square;
}

ul ul {
 list-style-type: disc;
}

ul ul ul {
 list-style-type: none;
}


/***********************************************
 * Layout Divs
 ***********************************************/

	#main1 { /* Contains all 3 columns, and background image for LEFT column (set column color in the image) */
		margin: 0 2% 0 2%; padding:0;
		background: white url("images/column1.gif") top left repeat-y;
		}
	#main2 { /* Contains all 3 columns, and background image for RIGHT column */
		margin:0; padding:0;
		background: url("images/column3.gif") top right repeat-y;
		}
	#left {
		float:left;
		width:210px;
		overflow: hidden;
		margin:0; padding:0;
		font-size:80%;
		background:url("images/ulc.gif") top left no-repeat;
		}
	#right {
		float:right;
		width: 20%;
		margin:0; padding:0;
		font-size:80%;
		background:url("images/urc.gif") top right no-repeat;
		}
	#right-calendar {
		float:right;
		width: 3%;
		margin:0; padding:0;
		font-size:80%;
		background:url("images/urc.gif") top right no-repeat;
	}
	#column-in-right {
		margin: 0; padding: 2em 1em 1em 2em;
		overflow: hidden;
		}
	#right-bar-spacer {
		float: right;
		height: 350px;  /* expands the layout vertically at least this amount */
		width: 12px;  /* matches the width of the background color strip */
		}
	#middle {
		margin-left: 210px;  /* indent to match the LEFT column */
		margin-right: 20%;  /* indent to match the RIGHT column */
		font-size:80%;
		}
	#middle-calendar {
		margin-left: 210px;  /* indent to match the LEFT column */
		margin-right: 3%;  /* indent to match the RIGHT column */
		font-size:80%;
		}
	.column-in {  /* Text indentation (gutters) */
		margin: 0; padding: 0.5em 1em;
		}
	.cleaner {  /* Serves some purpose related to columns (?) */
		clear: both;
		height: 1px;
		font-size: 1px;
		border: none;
		margin: 0;
		padding:0;
		background: transparent;
		}

/****** more layout ***********************************/


#leftContinued {
	margin-bottom: 30px;
	width: 209px;
	overflow: hidden;
}

#alsoFeatured {
	background-color: #ffffff;
	padding: 3px 3px 3px 10px;
	border-top: 3px solid #999999;
	border-bottom: 1px solid #cccccc;
	width: 196px;
}

#content {
	display: block;
	padding: 0px 10px 0px 0px;
	margin:0px 178px 0px 0px;
	border-right: 1px solid #ccd2d2;
}


/***********************************************
 * Component Divs
 ***********************************************/
#siteName {
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility {
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a {
	color: #ffffff;
}

#utility a:hover {
	text-decoration: underline;
}

/************** displayTitle styles ****************/

#displayTitle {
	padding-top: 5px;
	border-bottom: 1px solid #cccccc;
}

#displayTitle h2 {
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

.skipLinks {display: none;}

/************ navLinks styles **************/

#navLinks {
	margin-right: 1px;
	padding: 0px;
}

.navSingle:link, .navSingle:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

.navSingle:hover {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

.subNavSingle {
	display: block;
	padding: 3px 0px 3px 10px;
	margin-left: 12px;
	color: #21536A;
	text-decoration: underline;
}

.navParentOfActive:link, .navParentOfActive:visited {
	display: block;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

.navAt {
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	color: black;
}

.subNavAt {
	background-image:url(images/nav-bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	padding: 3px 0px 3px 10px;
	margin-left: 12px;
}

/***************** modify for print **********************/

@media print {
	#pageNav {
		float: right;
		border: 1px solid #cccccc;
		margin-top: 30px;
	}

	#navLinks {
		display: none;
	}

	#tl, #tr {
		display: none;
	}
}


/********************* end **********************/