/* CSS by Tige Johnson of Mosaic Internet Designs */


/* ############# HTML ELEMENTS ############# */

body {
	background-color: #666;
	margin: 0px;
}

h4 { 
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #339966;
	font-weight: bold;
}
	
td.small {
	color: #636363;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

td.nav3 {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 2px;
}
		
td.nav4 {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

h2 {
	color: #666666;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-top: 2pt;
	margin-bottom: 3pt;
}

ul, li {
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-position: outside;
	list-style-type: disc;
}

tr {
	vertical-align: top;
}

p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
/* ############# END HTML ELEMENTS ############# */



/* ############# CUSTOM CLASSES ############# */
		
.logintext {
	color: #FFFFFF;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 2px;
	text-align: right;
}

.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}

.footer {
	color: #000;
	padding-bottom: 1em;
	padding-right: .5em;
	background: url(images/09_footer_bgrepeat.gif) repeat-x bottom;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align: bottom;
	height: 38px;
}

.paneltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFF99;
}

.admintitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.canvass {
	background-color: #FFFFFF;
	width: 777px;
	border: 1px solid #000000;
}

.panel {
	background-color: #000000;
	width: 179px;
	/*background: #000000 url(images/09_cdncontent.jpg) no-repeat left bottom;*/
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
}


.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: #339933;
}

.attention {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}

.inlinebold {
	font-weight: bold;
}

.membertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-top: 3px;
}

.columnheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFCC;
}

.displayarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
}

.justify {
	text-align: justify;
}

.pagesubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #339933;
}

.section {
	padding-bottom: 10px;
	border-top: 1px dotted #999999;
	text-align: left;
}

div.attention {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	text-align: left;
}	
/* ############# END CUSTOM CLASSES ############# */



/* ############# NAVIGATIONAL ############# */

.nav a:link {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
	font-weight: normal;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background: url(images/09_navdivider.gif) no-repeat left bottom;
}

.nav a:visited {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	border-left-width: 2px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
}

.nav a:hover {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #999999;
}
	
.nav a:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #999999;
}

a:link {
	color: #3366CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
a:visited {
	color: #3366CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
a:hover {
	color: #990000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
	
a:active {
	color: #990000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

.membertext a:link {
	color: #FFFF99;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
	
.membertext a:visited {
	color: #FFFF99;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
	
.membertext a:hover {
	color: #CCCC00;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
	
.membertext a:active {
	color: #CCCC00;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.footer a:link {
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
.footer a:visited {
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
.footer a:hover {
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
	
.footer a:active {
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}	
.navleft {
	background-color: CBCBCB;
	width: 240px;
}

.navright {
	background-color: CBCBCB;
	text-align: right;
}
/* ############# END NAVIGATIONAL ############# */	



/* ############# ERROR ELEMENTS ############# */
div.error_msg {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: bold;
	padding: 3px;
	border: 1px dotted #CCC;
}

li.error_msg {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: normal;
}

div.error_msg span.notification {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

span.notificationred {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: bold;
}
/* ############# END ERROR ELEMENTS ############# */



/* ############# FORM ELEMENTS ############# */
table.form {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #ffffff;
}

input, textarea, select {
	font: 12px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	background: #F5F5F5;
	border: 1px solid #000;
}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
/* ############# END FORM ELEMENTS ############# */


.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	}

.mynav {
	font: 11pt;
	margin-left: 3px;
	padding-left: 3px;
	}
.mynav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.mynav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.mynav a:hover {
	color: #FFFF66;
	text-decoration: none;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.mynav a:active {
	color: #FFFF66;
	text-decoration: none;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.adminnav {
	color: #FFFFFF;
	margin-left: 3px;
	padding-left: 3px;
	}
.adminnav a:link {
	color: #FFFFFF;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	text-transform: none;
}
.adminnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
.adminnav a:hover {
	color: #FFFF66;
	text-decoration: none;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
.adminnav a:active {
	color: #FFFF66;
	text-decoration: none;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}	
.myalert {
	color: white;
	font: bold 12pt;
	background-color: #FF6666;
	border: solid 1px #CC3300;
	text-align: center;
	margin: 5px;
	padding: 5px;
	}

.mytable th {
	padding: 1px 5px 1px 5px;
	background-color: #CCCCCC;
	border: solid 1px #BBBBBB;
	}
	
.mytable td {
	padding: 1px 5px 1px 5px;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
	}
.content {
	width: 100%;
	padding: 1em;
}
#header {
	background: url(images/09_header_bgrepeat.jpg) repeat-x;
	width: 100%;
	padding-top: 30px;
	padding-left: 6px;
}
#subheader {
	background: url(images/09_subheader_bgrepeat.gif) repeat-x;
}

#subheader_text {
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #000;
	text-transform: uppercase;
}
.custombullets {
	list-style-image: url(images/smallcheckmark.gif);
}
.custombullets li {
	padding-bottom: 1em;
}