/* CSS for DASL */
/* Design by Neo Creative */
/* CSS by John King */

/* Reset CSS */

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,input{font-size:100%;font-weight:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{font:100.01% arial, helvetica, sans-serif;}
table {font-size:inherit;font:100%;}

/* Main Layout and Positioning CSS */

body {
	background: #ffffff url('graphics/site-bg.gif') repeat-x 0px 0px;
}

#wrapper {
	position: relative;
	width: 750px; 
	margin: 0px auto;
	padding: 0px 10px;
}

#top_line {
	height: 35px;
}

#header {
	height: 118px;
	background-color: #e1f1ff;
}

#nav_menu {
	height: 44px;
	background-color: #0180eb;
}

#content {
	float: right;
	width: 540px; /* 580px minus 40px padding */
	padding: 40px 0px 40px 40px;
}

#wrapper .width460 { /* For pages with thinner content areas */
	width: 460px;
	padding-right: 80px;
}

#sidebar {
	float: right;
	width: 167px; /* 170px minus 3px padding */
	padding: 40px 0px 40px 3px;
}

#footer_wrapper {
	clear: both;
	width: 100%;
	height: 36px;
	background-color: #e1f1ff;
}

#footer {
	width: 750px;
	height: 36px;
	margin: 0px auto;
	padding: 0px 10px;
	background-color: #e1f1ff;
}

/************/
/* Font CSS */
/************/

a {
	text-decoration: none;
}

#top_line ul li {
	color: #999999;
	font-size: 0.6875em;
}

#top_line ul li a {
	color: #999999;
}

#top_line ul li a:hover {
	color: #0099ff;
}

#top_line ul li.active a, #top_line ul li.active a:hover {
	color: #333333;
}

#nav_menu ul li a {
	color: #ffffff;
	font-size: 0.875em;
}

#nav_menu ul li a:hover {
	color: #7dc0f8;
}

#nav_menu ul li.active a, #nav_menu ul li.active a:hover {
	color: #0180eb;
}

#content h1, #content h2 {
	color: #333333;
	font-size: 1em;
	font-weight: bold;
}

#content p {
	color: #333333;
	font-size: 0.75em;
	background:#FFF
}

#content p a {
	color: #0180eb;
}

#content p a:hover {
	text-decoration: underline;
}

#content p cite {
	color: #0180eb;
	font-style: italic;
}

#content ul li {
	color: #333333;
	font-size: 0.75em;
}

#sidebar ul li {
	font-size: 0.75em;
}

#sidebar ul li a {
	color: #0180eb;
}

#sidebar .blue_box h2 {
	color: #333333;
	font-size: 0.6875em;
}

#sidebar .blue_box p {
	color: #00f;
	font-size: 0.6875em;
}

#footer ul li {
	color: #a0cef7;
	font-size: 0.6875em;
}

#footer ul li a {
	color: #0180eb;
}

#footer ul li a:hover {
	color: #333333;
}

#footer p {
	font-size: 0.6875em;
}

#footer p a {
	color: #0180eb;
}

#footer p a:hover {
	color: #333333;
}

/***************/
/* Content CSS */
/***************/

/* Top Line CSS */

#top_line img {
	float: left;
}

#top_line ul {
	float: right;
	padding-right: 50px;
}

#top_line ul li {
	float: left;
	padding-top: 9px;
}

#top_line ul li a {
	padding: 0px 8px;
}

/* Navigation Menu CSS */

#nav_menu ul {
	float: left;
	width: 750px;
	height: 37px;
	margin-top: 7px;
}

#nav_menu ul li {
	float: left;
	height: 37px;
	padding: 0px 1px;
	background-color: #0180eb;
}

#nav_menu ul li a {
	float: left;
	height: 37px;
	padding-left: 10px;
	background-color: #0180eb;
}

#nav_menu ul li.active a {
	background: white url('graphics/main-nav-bg.gif') no-repeat left top;
}

#nav_menu ul li a span {
	float: left;
	height: 30px; /* 37px minus 7px padding */
	padding-right: 10px;
	padding-top: 7px;
	cursor: pointer;
}

#nav_menu ul li.active a span {
	background: white url('graphics/main-nav-bg.gif') no-repeat right top;
}

/* Content Area CSS */

#content img {
	margin-bottom: 15px;
}

#content h1 {
	padding: 2px 0px 8px 0px;
}

#content h2 {
	padding: 6px 0px 8px 0px;
}

#content p {
	margin-bottom: 10px;
}

#content ul {
	margin-bottom: 10px;
}

#content ul li {
	padding-left: 16px;
	background: transparent url('graphics/bullet.gif') no-repeat 0px 2px;
}

#content p a.pdf {
	padding: 10px 0px 20px 40px;
	background: transparent url('graphics/pdf-icon.jpg') no-repeat 0px 0px;
}

#right_text {
	float: right;
	width: 370px;
}

/* Sidebar CSS */

#sidebar ul {
	margin-bottom: 20px;
}

#sidebar ul li {
	display: inline;
}

#sidebar ul li a {
	display: block;
	padding: 2px 5px;
	border-bottom: 1px solid #e5f2fd;
}

#sidebar ul li.active a, #sidebar ul li a:hover {
	background-color: #e5f2fd;
}

#sidebar .blue_box {
	width: 143px; /* 167px minus 24px padding */
	padding: 8px 12px 10px 12px;
	margin-bottom: 20px;
	background: #e5f2fd url('graphics/blue-box-bg.gif') no-repeat left bottom;
}

#sidebar .blue_box h2 {
	padding: 8px 0px 7px 0px;
}

#sidebar .blue_box p {
	padding: 8px 0px 0px 0px;
}

#sidebar img {
	margin-bottom: 20px;
}

/**************/
/* Footer CSS */
/**************/

#footer ul {
	float: left;
	padding-right: 50px;
}

#footer ul li {
	float: left;
	padding-top: 9px;
}

#footer ul li a {
	padding: 0px 8px;
}

#footer p {
	float: right;
	clear: right;
	height: 20px;
	padding-top: 9px;
	padding-right: 50px;
}

#footer p a {
	padding: 2px 25px 5px 0px;
	margin-left: 20px;
	background: transparent url('graphics/print-icon.gif') no-repeat right top;
}

#footer p a.back-to-top {
	background: transparent url('graphics/back-to-top-icon.gif') no-repeat right top;
}