#body, td {
	background-color: white;
	line-height: 16px;
	font-size: 14px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#leftcolumn { float: left; width: 254px;   }

#rightcolumn { float: left; width: 654px; }

p {
	line-height: 1em;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

p a, a {
	text-decoration: underline;
	color: #002855
}

a:hover {
	color: #A7C0CC;
}
		
#topnav ul, #left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#bluestripe {
	width: 100%;

	height: 31px;
	background-color: #002855;

}
#mainimage .container_box, #mainimage p { margin: 0; padding: 0;}
#outerframe {
	width: 924px;



	margin-right: auto;
	margin-left: auto;
	background-image: url("../../images/dropshadow2.jpg");
	background-repeat: repeat-y;	

	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

		
#innerframe {	
	width: 908px;
	
	height: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background: url(../../images/faux.gif) repeat-y top left;
}

#topnav {
	right: 50%;
	width: 908px;
	margin-top: 8px;
	margin-right: -454px;
	padding: 0px;
	position: absolute;
	z-index: 10;
}

#topnav ul {	
	text-align: right;
}

#topnav ul li {
	background-position: left;
	padding-left: 27px;
	padding-right: 8px;
	display: inline;
	background-image: url("../../images/star.jpg");
	background-repeat: no-repeat;	
}

#topnav ul li a {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: white;
	font-size: .9em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#topnav ul li a:hover {
	color: #ECCD07;
}

#header {
		margin:0; padding:0;
		background-color: white;
		height: 195px;
}
		
#logoarea {
	margin-bottom: 59px;		
	margin-top: 59px;
	margin-left: 38px;
	float: left;
}

#mainimage {
	margin: 0;
	padding: 0;
	width: 654px;
}

html>body #overlay {
	background-repeat: no-repeat;
	background:url("../../images/overlay.png");
	position: absolute;
	top: 25px;
	left: 650px;
	z-index: 15;
	height: 69px;
	width: 220px;
}


#main1 {
		margin:0; padding:0;
		background:url("../../images/leftcolumnblue.jpg") top left repeat-y;
}

#main2 {
		margin:0; padding:0;
		background:url("../../images/rightcolumngray.jpg") top right repeat-y;
}

#left {
		float:left;
		width:254px;
		margin:0; padding:0;
}
		
#right {
		float:left;
		width:217px;
		margin:0; padding:0;

}

#middle {
	width: 437px;
	float: left;
}

	
#leftcontent {
	width: 254px;
}

#left ul li {
	border-bottom-color: #4F6E8F;
	border-bottom-width: 1px;
	border-bottom-style: solid;

}

#left ul li.navtitle {
	font-weight: bold;
	color: #ECCD07;
	margin-top: 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	padding-left: 30px;
		padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
}

#substanceabusenav ul li.navtitle {
	margin-top: 5px;
}

#left ul li a {
	color: #C0CAD5;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 1em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 174px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	padding-right: 30px;
}

#left ul li a:hover {
	color: #ECCD07;
	background-color: #18395C;
}

#left a {
	color: #C0CAD5;
}
#login {
	color: #C0CAD5;
	font-style: normal;
	font-weight: normal;
	margin-top: 30px;
	padding-left: 30px;
}

#mission {
	line-height: 1.4em;
	font-style: normal;
	font-weight: normal;
	font-size: .8em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 40px;
	color: #C0CAD5;
	padding-bottom: 20px;
}

.spacer {
	width: 1px;
	height: 800px;	
	margin: 0;
	padding: 0;
	float: right;
}

.rightpadding {
	margin:0;
	padding: 0 15px 10px 15px;
}

.middlepadding {
	margin:0;
	padding: 0 30px 10px 30px;
}

.rightheader, #right .moduletitle {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #002855;
	font-size: 1.2em;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}


h1, .moduletitle {
	font-style: normal;
	font-weight: normal;
	line-height: 1em;
	font-size: 3em;
	text-align: left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	margin-bottom: 5px;
}

.middlecategory {
	text-align: left;
	text-transform: uppercase;
	color: #002855;
	font-size: 1.2em;
	margin: 10px 0 10px 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
}
	
#footer {
	font-style: normal;
	font-weight: normal;
	text-align: center;
	background-color: silver;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: .8em;
	padding: 10px;
	margin: 0;
}

span#address {
	padding-right: 15px;
}

span#phone {
	padding-left: 15px;
}


/* Error Message Style */
div.error {
	font-weight: bold;
	color: #F00;
	padding-bottom: 1em;
}

/* Container Styles */
div.container_box {
	padding: 6px;
	margin: 2px;
}
#topnav ul { position: absolute; top: 0; right: 0; }

div.container_editbox {
	border: 2px dashed #CCC;
	margin: 2px;
}

div.container_editheader {
	padding: 3px;
	background-color: #ccc;
}

div.container_editheader table tr td.info {
	font-size: 8pt;
	font-weight: bold;
}


div.itemtitle {
	font-family: Arial, Verdana;
	font-weight: bold;
}

/* popup date / time control */
span.datefield {
	
}

span.datefield_disabled {
	color: #DDD;
	font-style: italic;
	text-decoration: line-through;
}

/* Weblog styles */
div.weblog_comment {
	margin: 3px;
	margin-bottom: 1em;
	border: 1px dashed #DDD;
}

div.weblog_comment_title {
	font-size: 10px;
	font-weight: bold;
	background-color: #DDD;
	padding: 2px;
}

div.weblog_comment_attribution {
	font-size: 10px;
	font-style: italic;
	padding: 5px;
}

div.weblog_comment_body {
	font-size: 10px;
	padding: 5px;
}

/* Workflow */
div.workflow_action {
	border: 1px solid #DDD;
	margin-bottom: 1em;
}

div.workflow_inapproval {
	margin-left: 35px;
}

div.workflow_approved {
	border: 2px solid #030;
	background-color: #DDD;
}

div.workflow_action_restored {
	border: 2px dashed #030;
	background-color: #FFF;
}

div.workflow_action_posted {
	border: 2px solid black;
}

/* Themable Forms */
div.form_title {
	font-size: 14px;
	font-weight: bold;
}

div.form_header {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
}

tr.even_row {
	background-color: #DDD;
}

tr.row:hover td, tr.row:hover td a {
	background-color: #666;
	color: #fff;
}

tr.odd_row {
	
}

/** Administration Module Manager form **/
.administration_modmgrheader {
	background-color: lightgrey;
}

.administration_modmgrheader span.active {
	color: green;
	font-weight: bold;
}

.administration_modmgrheader span.inactive {
	color: red;
	font-weight: bold;
}

.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid lightgrey;
}

/** Debugger Styles **/
table.debug_null,table.debug_null tr td, div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}

table.debug_object, table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}

table.debug_array, table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}

table.debug_scalar, table.debug_scalar tr td, div.debug_scalar {
	background-color: #00a;
	color: #fff;
}

td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}

td.debug_varname {
	font-weight: bold;
}

td.debug_type {
	background-color: #aaa;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;