/* Body Styles */

body {
	margin: 0px;
	padding: 0px;
	background-color: #f5f5f5;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	font-size: 70%;
}

#container {
	border-collapse: collapse;
	width: 750px;
	margin: auto;
}








/* Top Header Styles */

#topbanner {
	background-repeat: no-repeat;
	height: 150px;
	vertical-align: top;
}
	#toplinks {
		text-align: right;
		color: #FFF;
		font-family: Tahoma;
		font-size: 1em;
		letter-spacing: 1px;
		margin: 5px 5px 10px 0px;
	}
		#toplinks a {
			color: #FFF;
		}
	#topsearch {
		text-align: right;
		margin-right: 5px;
	}
	#searchtbl {
		border-collapse: collapse;
		width: 150px;
	}
		#searchtbl td {
			padding: 0px;
		}

#topmenu {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
	#topmenu td {
		width: 11%;
		background-image: url(images/bg_menu.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		font-size: 7pt;
		line-height: 10pt;
		vertical-align: top;
		color: #555;
		padding: 3px 8px 3px 3px;
		height: 43px;
	}
	
	#topmenu a {
		color: #555;
		text-decoration: none;
	}
	
	#topmenu a:hover {
		color: #000;
		text-decoration: none;
	}

.loggedin {
	float: right;
	font-weight: normal;
	font-size: 0.8em;
}








/* Homepage Styles */

#homearea {
	border-collapse: collapse;
	width: 100%;
	margin: auto;
}
	#homearea th {
		background-repeat: repeat-x;
		height: 37px;
		text-align: left;
		vertical-align: top;
		padding: 0px;
	}
	#homearea .hd-pop {
		background-image: url(images/bg_red.jpg);
		border-right: 2px solid #FFF;
		width: 44%;
	}
	#homearea .hd-news {
		background-image: url(images/bg_blue.jpg);
		border-right: 2px solid #FFF;
		width: 28%;
	}
	#homearea .hd-links {
		background-image: url(images/bg_yellow.jpg);
		width: 28%;
	}
	#homearea td {
		font-size: 0.8em;
		font-family: Tahoma;
	}

#cell-pop {
	vertical-align: top;
	padding-top: 5px;
}
	#cell-pop a {
		color: #C53038;
		text-decoration: none;
	}
	#cell-pop a:hover {
		text-decoration: underline;
	}

#linklist {
	border-collapse: collapse;
	margin-bottom: 20px;
}
	#linklist td {
		font-size: 1.2em;
		font-weight: bold;
		padding: 3px;
		vertical-align: middle;
	}

#weather {
	border-collapse: collapse;
	width: 60%;
	border-top: 1px solid #DDD;
	margin-bottom: 50px;
}
	#weather td {
		vertical-align: top;
		font-size: 1.2em;
	}
	#weather .date {
		font-weight: bold;
		color: #666;
	}
	#weather .forecast {
		font-weight: bold;
		color: #C53038;
	}

#cell-news {
	vertical-align: top;
	color: #666;
	padding: 5px;
}
	#cell-news a {
		color: #005A9C;
		text-decoration: none;
	}
		#cell-news a:hover {
			text-decoration: underline;
		}
	#cell-news strong {
		font-size: 1.2em;
	}
	#cell-news .date {
		color: #999;
		line-height: 13pt;
	}	

#cell-links {
	padding: 5px;
	color: #666;
	vertical-align: top;
}
	#cell-links a {
		color: #F4B711;
		text-decoration: none;
	}
		#cell-links a:hover {
			text-decoration: underline;
		}
	#cell-links strong {
		font-size: 1.2em;
	}
	#cell-links .date {
		color: #999;
		line-height: 13pt;
	}

.usefullinks {
	margin-left: 0px;
}
	.usefullinks li {
		background-image: url(images/bg_links.gif);
		background-repeat: no-repeat;
		padding-left: 17px;
		padding-bottom: 3px;
		list-style: none;
		font-size: 1.2em;
		font-weight: bold;
	}

.yplogo {
	text-align: center;
	margin-top: 40px;
}







/* Content Styles */

#contentarea {
	border-collapse: collapse;
	width: 100%;
}

#submenubg {
	width: 230px;
	vertical-align: top;
	background-color: #f9f9f9;
	padding: 0px;
}

#submenu {
	border-collapse: collapse;
	width: 100%;
}
	#submenu th {
		text-align: left;
		background-image: url(images/bg_submenu.jpg);
		background-repeat: no-repeat;
		padding: 0px 5px;
		height: 37px;
	}
		#submenu th a {
			color: #FFF;
			text-decoration: none;
		}
	#submenu td {
		border-bottom: 1px solid #f2f2f2;
		font-size: 1em;
		font-weight: bold;
		padding: 5px;
		background-color: #FFF;
	}
		#submenu td a {
			color: #F4B711;
			text-decoration: none;
		}
	#submenu .selected {
		background-image: url(images/bg_submenu-sel.jpg);
		background-repeat: repeat-x;
		background-color: #F1B314;
	}
		#submenu .selected a {
			color: #FFF;
		}

#contentbg {
	vertical-align: top;
	border-left: 3px solid #FFF;
	padding: 0px;
}

.content {
	border-collapse: collapse;
	width: 100%;
}
	.content .contentttle {
		background-image: url(images/bg_title.jpg);
		background-repeat: repeat-x;
		height: 37px;
		text-align: left;
		color: #FFF;
		padding: 0px 5px;
	}
	#content #crumb {
		float: right;
		text-align: right;
		font-family: Tahoma;
		font-size: 0.8em;
		font-weight: normal;
		color: #FFF;
	}
		#content #crumb a {
			color: #FFF;
			text-decoration: none;
		}
	.content .contentstart {
		padding: 5px 5px 50px 5px;
		color: #333;
	}





/* Footer Styles */

#footer {
	border-collapse: collapse;
	width: 100%;
}
	#footer td {
		border-top: 1px solid #EEE;
		border-bottom: 1px solid #EEE;
		padding: 4px 3px;
		font-family: Tahoma;
		font-size: 1em;
		color: #999;
	}
	#footer .links {
		text-align: right;
	}
	#footer .lightmoods {
		font-size: 0.9em;
		color: #CCC;
	}
		#footer .lightmoods a {
			color: #CCC;
		}
	#footer a {
		color: #999;
		text-decoration: none;
	}
		#footer a:hover {
			color: #666;
		}





/* Text Styles (for Content Editor) */

p, li {
	line-height: 1.5em;
}

a {
	color: #C53038;
}

img {
	border: none;
}

h1, .h1 {
	font-size: 1.1em;
	color: #C53038;
	font-weight: bold;
	padding: 15px 0px 0px 0px;
}

h2, .h2 {
	font-size: 1em;
	color: #555;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

.smallgrey {
	font-size: 0.9em;
	color: #999;
}

.busdir {
	margin-left: 0px;
}
	.busdir li {
		list-style: none;
		border-bottom: 1px solid #EEE;
	}







/* Custom Page Styles */

.newsHeader {
	font-size: 1.1em;
	color: #C53038;
	font-weight: bold;
}

.newsDate {
	font-size: 0.9em;
	color: #999;	
}

.posHeader {
	color: #555;
	font-weight: bold;
	font-size: 1.1em;
}

.posDate {
	color: #999;
}

#sitemap-level1 li {
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 20px;
}
	#sitemap-level1 a {
		color: #005A9C;
	}

#sitemap-level2 li {
	list-style: none;
	font-weight: normal;
	font-size: 0.9em;
	padding-top: 0px;
}
	#sitemap-level2 a {
		color: #666;
	}

#sitemap-level3 li {
	list-style: none;
	font-weight: normal;
	font-size: 0.8em;
	padding-top: 0px;
}
	#sitemap-level3 a {
		color: #999;
	}




/* Table Styles */

#form_info th
{
    vertical-align: top;
    text-align: left;
    padding-bottom: 10px;
}
#form_info td
{
    vertical-align: top;
    padding-bottom: 10px;
}

#datalg {
	width: 100%;
	border-collapse: collapse;
}
	.datalg_th {
		padding: 6px 5px 6px 0px;
		text-align: left;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		vertical-align: top;
		border-bottom: 1px solid #f2f2f2;
		color: #777;
	}
	.datalg_td {
		padding: 6px 0px;
		vertical-align: top;
		border-bottom: 1px solid #f2f2f2;
	}


#committees {
	border-collapse: collapse;
	width: 100%;
}
	#committees th {
		padding: 6px 5px 6px 0px;
		text-align: left;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		vertical-align: top;
		border-bottom: 1px solid #f2f2f2;
		color: #777;
	}
	#committees td {
		padding: 6px 0px;
		vertical-align: top;
		border-bottom: 1px solid #f2f2f2;
	}

#data {
	width: 510px;
	border-collapse: collapse;
}
	#data th {
		border-bottom: 1px solid #f2f2f2;
		padding: 4px 1px;
		font-weight: normal;
		font-size: 0.8em;
		text-align: left;
		text-transform: uppercase;
		color: #666;
		vertical-align: top;
	}
	#data td {
		border-bottom: 1px solid #f2f2f2;
		padding: 4px 1px;
		vertical-align: top;
		font-size: 0.8em;
	}

#imgtable {
	width: 100%;
	border-collapse: collapse;
}
	#imgtable td {
		text-align: center;
		padding: 5px;
	}
	#imgtable th {
		font-weight: normal;
		line-height: 1.4em;
		color: #999;
		padding: 3px;
		background-color: #f9f9f9;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
	}
	#imgtable img {
		border: 1px solid #999;
	}






/* Image Styles */

.imgright {
	margin: 0px 0px 10px 10px;
}






/* List Styles */

#download li, .download {
	list-style-image: url(images/bullet_download.gif);
	color: #999;
	margin-bottom: 5px;
	line-height: normal;
}






/* Datagrid Styles */

.dgHeader {
	background-image: url(images/bg_dgheader.jpg);
	background-repeat: repeat-x;
	color: #fff;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 3px 2px 5px 2px;
	vertical-align: top;
}

.dgHeader a {
	text-decoration: none;
	color: #fff;
}

.dgHeader a:hover {
	text-decoration: underline;
	color: #fff;
}


.dgRow {
	border-bottom: 1px solid #f2f2f2;
	padding: 3px 2px 5px 2px;
	vertical-align: top;
}

.dgAlternateRow {
	border-bottom: 1px solid #f2f2f2;
	padding: 5px 2px 7px 2px;
	vertical-align: top;
	background-color: #f9f9f9;
}

.dgInvoiceOverdue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	letter-spacing: 1px;
	line-height: 20px;
}

.dgInvPendingRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFE1;
	line-height: 20px;
}

.dgInvPendingRowAlternate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFB9;
	line-height: 20px;
}

.dgInvCancelledRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFE1B9;
	line-height: 20px;
}

.dgInvCancelledRowAlternate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFCD91;
	line-height: 20px;
}

.dgInvInvoicedRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFEAEB;
	line-height: 20px;
}

.dgInvInvoicedRowAlternate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFB9B9;
	line-height: 20px;
}

.dgInvPaidRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EBFFEB;
	line-height: 20px;
}

.dgInvPaidRowAlternate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #B9FFB9;
	line-height: 20px;
}

.dgInvCreditRow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EBFFFF;
	line-height: 20px;
}

.dgInvCreditRowAlternate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #B9FFFF;
	line-height: 20px;
}







/* Form Styles */

#formycib {
	border-collapse: collapse;
	width: 100%;
}

.formLabel {
	text-align: left;
	background-image: none;
	color: #666;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	vertical-align: top;
}

.formField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.formFieldSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	border: 1px solid #CCCCCC;
}

.formFieldMedium { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	border: 1px solid #CCCCCC;
}

.formFieldMediumUppercase { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	border: 1px solid #CCCCCC;
	text-transform: uppercase;
}

.formFieldLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 320px;
	border: 1px solid #CCCCCC;
}

.formFieldExtraLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	height: 100px;
	border: 1px solid #CCCCCC;
}

.formFieldHuge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 500px;
	height: 150px;
	border: 1px solid #CCCCCC;
}

.formFieldSearch {
	border: 1px solid #CCC;
	background-color: #FFF;
	height: 18px;
	margin-right: 3px;
	width: 138px;
	font-size: 1em;
}