/*
-------------------------------------------------------------
CSL Consulting master screen styles
author:		ralph@spacewalk.com
version:	2008.04.05
-------------------------------------------------------------
*/


/* General Styles
------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: #333;
	text-align: center;
}

html, body {
	margin-bottom: 1px;
}

p, ul , li {
	font-size: 11px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:18px;
}

p a, a:visited {
	color: #666666;
	text-decoration: none;
}

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

#wrapper {
	width: 900px;
	background: #FFFFFF url(http://www.csl-consulting.com/images/interface/home_news_bg.png) 0 0 repeat-y;
	text-align: left;
	margin: 0 auto 0 auto;
	height:100%;
}

/* LEFT COLUMN
------------------------------------------------------------- */

#left {
	width: 183px;
	float: left;
}

#logo h1 {
	margin:0;
	padding:0;
}

#logo h1 a {
	background-color: #666666;
	float: left;
	clear:left;
	width: 183px; /* width of background-image */
	margin:0;
	padding:0;
	height:0;
	padding-top:171px; /* height of background-image */
	background-image: url(http://www.csl-consulting.com/images/interface/logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	overflow:hidden;
}

#IEroot #logo h1 a {
	background-position: 16px 24px;
	text-indent:-3000px;
	font-size:1px;
}

/* Main Navigation
------------------------------------------------------------- */
#nav {
	width: 183px;
	height:auto;
	float: left;
	clear: left;
	display: block;
}

#nav a:link { 
	color: #736B5E;
	text-decoration: none;
	font-weight: bold;
}

/* content styles */
#content_top { /*stripe over content and right sidebar*/
	width:717px;
	height:15px;
	background: #999966;
	float:right;
	clear:none;
}

#content { /* middle column; right and left margins are the widths of respective sidebars */
	margin: 0 201px 0 183px;
}

#projects_content {
	margin: 0 34px 0 137px;
}

#content h4 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	line-height:20px;
	color: #8B0E00;
	font-weight:normal;
	margin: 0 0px 4px 0px;
}

#projects_content h4 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	line-height:20px;
	color: #8B0E00;
	font-weight:normal;
	margin: 0 0 4px 0;
}


#home_content {
	float:left; 
	clear:none; 
	margin: -1px 3px 0 3px;
}

#IEroot #content {
	margin: 0 201px 0 180px;
}

#content2 {
	width:300px;
	padding:70px 10px 32px 32px;
	float:left;
	clear:none;
}

#content2 p, #projects_content2 p {
	margin:2px 0 14px 0;
}

#content2 p a, a:visited, #projects_content2 p a, a:visited {
	display:inline-block;
	text-decoration:none;
	color:#666;
}

#content2 p a:hover, #projects_content2 p a:hover {
	text-decoration: underline;
}

#content2 li {
	margin:12px 20px 12px 20px;
}

#content2 img, #projects_content2 img { /* for project images */
	clear:both;
	border:solid #CCCCCC 3px;
	margin: 0 0 15px 0;
}

#content2 p img, #projects_content2 p img { /* inline imgs in p tags, not project images */
	border:0;
	float:left;
	margin: 0 6px 0 0;
}

#projects_content2 {
	width:300px;
	float:left;
	clear:none;
	margin:15px 0 0 32px;
}

#print_button {
	color:#999;
}

#print_button img {
	border:0;
	float:left;
	margin: 0 6px 0 0;
}

#content img {
	float:left;
}

.date {
	color:#666;
}

#menu_wrapper { /* holds section_menu and section_submenu. This is what gets the margin-top value in the html page head. */
	width:147px;
	float:left;
	clear:none;
	margin-bottom:0;
}

#section_menu {
	font-family:Georgia, "Times New Roman", Times,serif;
	width:147px;
	background: #FFFFCC;
	padding:8px 0 4px 0;
	float:left;
	clear:none;
}

	#section_menu ul {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:12px;
		list-style:none;
		margin:2px 4px 2px 0;
	}

	#section_menu li {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:12px;
		line-height:14px;
		margin:0 8px 6px 8px;
		color: #8B0E00;
	}

	#section_menu a, a:visited {
		display:block;
		color:#000;
		text-decoration:none;
	}

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

/*** section SUBmenu (Projects page) ****/
#section_submenu {
	font-family:Georgia,"Times New Roman",Times, serif;
	width:147px;
	background: #FFFFFF;
	padding:0 0 8px 0;
	float:left;
	clear:left; /* clearing this puts it right below section_menu */
}

	#section_submenu ul {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:11px;
		list-style:none;
		margin:0 4px 2px 0;
	}

	#section_submenu li {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:11px;
		line-height:14px;
		margin:0 8px 4px 0;
		color:#C99300;
	}

	#section_submenu a, a:visited {
	display:block;
		color:#666; /* was #999900 */ 
		text-decoration:none;
	}

	#section_submenu a:hover {
		text-decoration:underline;
	}
/*** end section submenu ***/

/* third column styles */
#testimonial {
	height:170px;
	overflow:hidden;
}

#testimonial p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:normal;
	color:#999;
	line-height: 15px;
}

#testimonial h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:normal;
	color:#999;
	line-height: 13px;
	margin: 6px 0 1px 0;
	width:85%;
}

#testimonial h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight:normal;
	color:#999;
	line-height: 12px;
	width:85%;
}

/* primarily for sidebar images in Company and Services */
#right_sidebar { /* plain white (from #wrapper bg), no news header */
	/* negative bottom margin because Mac browsers show 3-4px of white space beneath img in this div */
	margin: 0 0 -.25em 0; 
	float: right;
	clear:none;
	width: 201px;
	overflow:hidden;
}

#IEroot #right_sidebar {
	margin: 0 0 -.20em 0; 
}

/* special sidebar for Projects; holds testimonial and sub-nav */
#projects_sidebar { /* plain white (from #wrapper bg), no news header */
	/* negative bottom margin because Mac browsers show 3-4px of white space beneath img in this div */
	margin: 12px 0 0 22px; 
	float: left;
	clear:none;
	width: 153px;
	overflow:hidden;
}

#home_sidebar {
	margin: 0;
	float: right;
	width: 201px;
	background: url(http://www.csl-consulting.com/images/interface/news_sidebar_head.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
}

#home_sidebar h4 {
	color: #000;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	margin:8px 30px 0 20px;
}

#home_sidebar p {
	color: #000;
	font-size:10px;
	line-height:15px;
	margin:0 30px 14px 20px;
}

#home_sidebar a, a:visited {
	color:#000;
	text-decoration:none;
	display:block;
}

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

#news_sidebar {
	margin: 0;
	float: right;
	width: 201px;
	padding: 40px 0 40px 0;
}

#news_sidebar h4 {
	color: #000;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	margin:8px 30px 0 20px;
}

#news_sidebar h4 a {
	color: #000;
	text-decoration: none;
	margin-top:20px;
	display:block;
	text-transform:uppercase;
}

#news_sidebar h4 a:hover {
	text-decoration: underline;
}

#news_sidebar p {
	color: #666633;
	font-size:10px;
	line-height:15px;
	margin:0 30px 14px 20px;
}

#news_sidebar p a, a:visited {
	color:#000;
	text-decoration:none;
	display:block;
}

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

#roles_banner {
	float:left;
	clear:left;
	background: #330000;
	height:73px;
	width:714px;
	margin: 3px 0 0 3px;
	overflow:hidden;
}

		#IE7root #roles_banner {
			margin: 3px 0 0 6px; /* fix IE7 jogging 3px to the left */
		}

		.home-roles {
			float:left;
			height:73px;
		}

			.home-roles a {
				display:block;
				height: 73px;
			}

			.home-roles span {
				display:none; /* accessibility: don't display the roles names because we use an image, but have them available */
			}

		#home_reps {
			float:left;
			height: 73px;
			width: 245px;
			background: #330000 url(http://www.csl-consulting.com/images/interface/home_reps.png) 0 0;
		}

			#home_reps a:hover {
				background: #330000 url(http://www.csl-consulting.com/images/interface/home_reps.png) 0 -73px;
			}

		#home_management {
			float:left;
			height: 73px;
			width: 226px;
			background: #330000 url(http://www.csl-consulting.com/images/interface/home_management.png) 0 0;
		}

			#home_management a:hover {
				background: #330000 url(http://www.csl-consulting.com/images/interface/home_management.png) 0 -73px;
			}

		#home_mitigation {
			float:left;
			height: 73px;
			width: 243px;
			background: #330000 url(http://www.csl-consulting.com/images/interface/home_mitigation.png) 0 0;
		}

			#home_mitigation a:hover {
				background: #330000 url(http://www.csl-consulting.com/images/interface/home_mitigation.png) 0 -73px;
			}

		#home-roles {
			margin-top: 23px;
			font-family:Georgia,"Times New Roman",Times,serif;
			font-weight: normal;
			font-size:18px;
			color:#666;
			text-align:center;
		}

			#home-roles span {
				margin:0 10px;
			}

			#home-roles a {
				color: #FFF;
				text-decoration: none;
				display:inline-block !important;
			} 

			#home-roles a:hover {
				color: #CCC;
				text-decoration: none;
			}


/* Footer
------------------------------------------------------------- */
#footer {
	padding: 5px;
	text-align:center;
	font-size: 11px;
	color: #666;
	background: #333;
}


/* Main Navigation Menu
------------------------------------------------------------- */

#nav h3 span {
	display:none; /* accessibility: The menu names are available as text but not displayed. */
}

#nav h3.company a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/company_menu.png) no-repeat 0 0;
border-top: 1px solid #FFF;
}
	
#nav h3.company a:hover {
	background-position: 0 -30px;
}
	
#nav h3.company a:active {
	background-position: 0 -60px;
}
	
#nav h3.services a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/services_menu.png) no-repeat 0 0;
}
	
#nav h3.services a:hover {
	background-position: 0 -30px;
}
	
#nav h3.services a:active {
	background-position: 0 -60px;
}
	
#nav h3.projects a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/projects_menu.png) no-repeat 0 0;
}
	
#nav h3.projects a:hover {
	background-position: 0 -30px;
}
	
#nav h3.projects a:active {
	background-position: 0 -60px;
}
	
#nav h3.news a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/news_menu.png) no-repeat 0 0;
}
	
#nav h3.news a:hover {
	background-position: 0 -30px;
}
	
#nav h3.news a:active {
	background-position: 0 -60px;
}
	
#nav h3.contact a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/contact_menu.png) no-repeat 0 0;
}
	
#nav h3.contact a:hover {
	background-position: 0 -30px;
}
	
#nav h3.contact a:active {
	background-position: 0 -60px;
}

#nav h3.login a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/login_menu.png) no-repeat 0 0;
}	
#nav h3.login a:hover {
	background-position: 0 -30px;
}	
#nav h3.login a:active {
	background-position: 0 -60px;
}

#nav h3.files a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/files_menu.png) no-repeat 0 0;
}	
#nav h3.files a:hover {
	background-position: 0 -30px;
}	
#nav h3.files a:active {
	background-position: 0 -60px;
}

#nav h3.staffwiki a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/staffwiki_menu.png) no-repeat 0 0;
}	
#nav h3.staffwiki a:hover {
	background-position: 0 -30px;
}	
#nav h3.staffwiki a:active {
	background-position: 0 -60px;
}

#nav h3.managefiles a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/managefiles_menu.png) no-repeat 0 0;
}	
#nav h3.managefiles a:hover {
	background-position: 0 -30px;
}	
#nav h3.managefiles a:active {
	background-position: 0 -60px;
}

#nav h3.createuser a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/createuser_menu.png) no-repeat 0 0;
}	
#nav h3.createuser a:hover {
	background-position: 0 -30px;
}	
#nav h3.createuser a:active {
	background-position: 0 -60px;
}

#nav h3.logout a {
	display: block;
	height: 30px;
	background: url(http://www.csl-consulting.com/images/interface/logout_menu.png) no-repeat 0 0;
}	
#nav h3.logout a:hover {
	background-position: 0 -30px;
}	
#nav h3.logout a:active {
	background-position: 0 -60px;
}


#wiki_login { /* login wrapper */
font-family:Arial, Helvetica, sans-serif;
text-align: left;
height: 400px;
}

#wiki_login h4 {
font-size: 130%;
margin: 0 0 20px 0;
}

#wiki_login p {
font-size: 95%;
}

#wiki_login input {
border: 2px solid #999;
color: #333;
font-size: 95%;
}

#wiki_login label {
color: #333;
}

#wiki_login .button {
background: #FFF;
padding: 2px;
}

#wiki_login .button:hover {
background: #CC9900;
}


/* Miscellaneous Classes
------------------------------------------------------------- */

.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}

.print_only {
	display:none;
}

.pagination { /* for next/prev links from the CMS */
	white-space: nowrap;
	display: inline-block;
	font-weight: bold;
	color: #666;
}

.sidebarhead {
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	letter-spacing:2px;
}

.content {
	background-color: #FFFFFF;
	display: block;
	float: left;
	width: 50px;
	padding:1px;
}

.newshead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
	color: #000000;
	margin: 4px 30px 0 22px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
.newsbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
	color: #000000;
	margin: 2px 30px 10px 22px;
	text-align: left;
}

.inline {
	display:inline-block;
}

.nowrap {
	white-space: nowrap;
}

.bold {
	font-weight: bold;
}

.bold-black {
	font-weight: bold;
	color:#000;
}

.gray {
	color: #999;
}

.nav_active {
	color: #8B0E00;
}

.subnav_active {
	color: #C99300;
}

.news_active {
	color: #666633;
}

/* AJW Client Downloads Module styles 
------------------------------------------------------------- */
#files {
	width:100%;
	padding: 30px 10px 32px 32px;
	float: left;
	clear: none;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Arial, sans-serif;
	font-size: 0.8em;
}

#files p {
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Arial, sans-serif;
}

#files table {
	width: 100%;
	margin: 5px 0 10px 0;
	border: #999 1px solid;
	padding: 0;
	font-weight: normal;
	text-indent: 10px;
	color: #333;
	background: transparent;
}

#files thead, #files thead tr {
	background: #999;
	margin: 0;
	padding: 0;
}

#files th {
background: #999;
padding: 5px 0 5px 0;
margin: 0;
color: #FFFFFF;
text-align: left;
font-weight: normal;
}

#files td {
margin: 0;
padding: 5px 0;
border-bottom: #999 1px solid;
border-right: #999 1px solid;
}

#files td a {
padding: 5px 0 5px 24px;
height: 30px;
}

#files td a.icon {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-generic.png) 0 3px no-repeat;
}

#files td a.icon-pdf {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-pdf.png) 0 3px no-repeat;
}

#files td a.icon-jpg {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-jpg.png) 0 3px no-repeat;
}

#files td a.icon-zip {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-zip.png) 0 3px no-repeat;
}

#files td a.icon-doc {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-doc.png) 0 3px no-repeat;
}

#files td a.icon-ppt {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-ppt.png) 0 3px no-repeat;
}

#files td a.icon-xls {
	background: transparent url(http://www.csl-consulting.com/images/interface/icon-xls.png) 0 3px no-repeat;
}

#files h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	line-height:24px;
	color: #8B0E00;
	font-weight:normal;
	margin: 0;
}

#files h3 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	line-height:20px;
	color: #8B0E00;
	font-weight:normal;
	margin: 20px 0 0 0;
}