/*******************************************************************************

	Title: ICC Web site
	Author: Josh Johnston

********************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMENTS
	
	3. LAYOUT
			3.1 Masthead
			3.2 Main navigation
			3.3 Sub navigation
			3.4 Footer
			3.5 Content
			3.6 Primary content

	4. LAYOUT ELEMENTS
			4.1 Projects
			4.2 Contact us
			4.3 Job listings
			4.4 Downloads
			4.5 Home page
			4.6 Login status
			4.7 Document library
			4.8 Error page
			4.9 Logout page
			4.10 Category Links
			
	5. PRINT STYLES

*******************************************************************************/

/* 1. GENERAL ----------------------------------------------------------------*/

body {
	font-size: 12px;
	font-family:Verdana, Helvetica, sans-serif;
	line-height: 1.5;
	color: #222;
	background: #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: center;
}


/* 1.1	Headings and paragraphs ----------------------------------------------*/

h1 {
	color: #0E6942;
	font-size: 16px;
	margin: 10px 0;
}

h2 {
	color: #0E6942;
	font-size: 13px;
	margin: 12px 0 4px 0;
}

h3 {
	color: #0E6942;
	font-size: 11px;
	margin: 12px 0 4px 0;
}

h4 {
	color: #555;
	font-size: 11px;
	margin: 12px 0 4px 0;
}

h5 {
	color: #000;
	font-size: 10px;
	margin: 12px 0 4px 0;
}

h6 {
	color: #555;
	font-size: 10px;
	margin: 12px 0 4px 0;
}

/* 1.2	Forms ----------------------------------------------------------------*/

/* 1.3	Links ----------------------------------------------------------------*/

/* 1.4	Miscellaneous --------------------------------------------------------*/

/* 2. GENERAL ELEMENTS -------------------------------------------------------*/

/* this is used for elements which will appear in text mode but 
 not in a browser */
span.ignore {
	position: absolute;
	left: -9999px;
}

a.backtotop {
	float:right;
}

/* 3. LAYOUT ----------------------------------------------------------------*/

#wrapper {
	background: #FFFFFF url(/presentation/body-bkg.gif) 50% 0% repeat-y;
	padding: 10px 0 0 0;
}

#tail {
	background: #FFFFFF url(/presentation/tail-bkg.jpg) 50% 0% no-repeat;
	height: 65px;
}

#wrapper-top {
	width: 750px;
	margin: 0 auto;
	text-align: center;
	padding: 0 0px 5px 0px;
	background: #fff;

	position: relative;
}

#wrapper-middle {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	padding: 1px 10px;
	background: url(/presentation/middle-bkg.gif) 10px 0px repeat-y;
	overflow: hidden;
}

#wrapper-bottom {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px 10px 10px;
	overflow: hidden;
}

/* 3.1 Masthead --------------------------------------------------------------*/

#masthead {
	background: #FFF url(/presentation/masthead-bkg.jpg) 0 0 no-repeat;
	height: 120px;
	overflow: hidden;
	position: relative;
	border-top: 10px solid #FFF;
}

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

/* 3.2 Main navigation -------------------------------------------------------*/


/* 3.3 Sub navigation --------------------------------------------------------*/

ul#submenu {
	background: #00A15E;
	padding: 0;
	margin: 3px 0 0 1px;
	line-height: 24px;

}

ul#submenu_ie {
	background: #00A15E;
	padding: 0;
	margin: 1px 0 0 1px;
	line-height: 24px;
}

#submenu li {
	list-style-type: none;
	padding: 0;
	display: block;
}

#submenu_ie li {
	list-style-type: none;
	padding: 0;
	display: block;
}

#submenu li a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 8px 16px;
	line-height: 1.3;
	border-bottom: 1px solid #CBDFC1;
}                                        

#submenu_ie li a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 0px 10px 0px 10px ;
	border-bottom: 1px solid #CBDFC1;
}

                                      

#submenu li a:hover {
	background: #fff;
	display: block;
	border-bottom: 1px solid #A5BF98;
	color:#000000;
}

#submenu_ie li a:hover {
	background: #fff;
	display: block;
	border-bottom: 1px solid #A5BF98;
	color:#000000;
}

#submenu li a.selected {
	background: #fff;
	border-bottom: 1px solid #A5BF98;
	color:#000000;
}

#submenu_ie li a.selected {
	background: #fff;
	border-bottom: 1px solid #A5BF98;
	color:#000000;
}

/* 3.4 Footer ----------------------------------------------------------------*/

#footer {
	position: relative;
	clear: both;
	padding-top: 10px;
}

#footer #copyright {
	color: #666;
	font-size: 11px;
	text-align: right;
	margin: 0;
	padding: 0;	
}

/* 3.5 Content ---------------------------------------------------------------*/

#content {
	width: 549px;
	float: right;
	display: inline;
	padding-left: 14px;
	padding-bottom: 20px;
}

#secondary {
	width: 166px;
	float: left;
	clear: left;
	margin-top: 4px;
	padding: 0 0 0 0;
}

#secondary_ie {
	width: 166px;
	float: left;
	clear: left;
	margin-top: 2px;
	padding: -2 0 -2 0;
}
/* 3.6 Primary content -------------------------------------------------------*/

#primarycontent-home{
	width: 740px;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #222;
	background: #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: center;
}

#primarycontent {
	overflow: hidden;
}

#primarycontent p {
	margin: 4px 0 14px 5px;
}

#primarycontent li {
	line-height: 1.3;
}

#primarycontent p.leadin {
	font-size: 16px;
}

#primarycontent p.pullquote {
	font-size: 16px;
	color: #555;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 10px 80px;
	margin: 10px
}

#primarycontent ul,
#primarycontent ol {
	margin: 4px 0 12px 0;
	padding: 0;
}

#primarycontent li {
	margin: 8px 0 8px 20px;
}

#primarycontent hr {
	border: 1px solid #DDD;
	clear: both;
}

#primarycontent span.image {
	float: right;
	display: inline;
	margin: 2px 0 12px 16px;
	text-align: right;
	padding: 4px;
	background: #DBEFD1;
	border-bottom: 4px solid #CBDFC1;
	font-size:8px;
	color:#000000;
	font-weight:bold;

}

#primarycontent span.fullwidth {
	float: none;
	display: block;	
	margin-left: 0;
}



/* 4. LAYOUT ELEMENTS --------------------------------------------------------*/

/* 4.1 Projects --------------------------------------------------------------*/

.projectdescription {
	clear: both;
	border-top: 1px dotted #BBCFB1;
	float: left;
	width: 540px;
}

/* 4.2 Contact Us ------------------------------------------------------------*/

#primarycontent .label {
	font-weight: bold;
	color: #555;
}

#primarycontent .addressline {
	display: block;
}

#primarycontent ul.addressline {
	list-style: none;
	padding: 0;
	
}
#primarycontent ul.addressline li {
	margin: 7px 0 0 0;
	padding: 0;
}

#primarycontent .contactgroup {
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
	clear: both;
	overflow: hidden;
}

#content .contactgroup h2 {
	border-bottom: 1px dotted #0E6942;
	padding-bottom: 2px;
}

#content .contactgroup h3 {
	margin-top: 12px;
}

#primarycontent .contactgroup .image {
	float: left;
	text-align: center;
}

#primarycontent .contactgroup .item {
	width: 47%;
	float: left;
	margin: 0 2% 10px 0;
	padding: 0 0 10px 0;
}

#primarycontent #headofficeemails.contactgroup p {
	width: 47%;
	float: left;
	margin: 10px 2% 20px 0;
	padding: 0;
	height: 30px;
}


/* 4.3 Job listings ----------------------------------------------------------*/

.joblisting {
	overflow: hidden;
	margin: 10px 20px;
}

.joblisting h3 {
	padding-top: 10px;
}

/* 4.4 Downloads -------------------------------------------------------------*/

.wallpaper {
	overflow: hidden;
	margin: 10px 0;
}

.wallpaper img {
	float: left;
	width: 100px;
	margin-right: 10px;
}

/* 4.5 Home page -------------------------------------------------------------*/

body#body-home #wrapper-middle {
	background: #FFF;
}

body#body-home #secondary {
	display: none;
}

body#body-home #subnav {
	display: none;
}

body#body-home #content {
	width: 730px;
	float: left;
	padding: 0;
	display: block;
	background: none;
}

body#body-home #title {
	width: 500px;
	height: 334px;
	color: #000;
	font-size:18px;
	font-weight:bold;
}

body#body-home h1 {
	margin-top: 10px;
}

body#body-home #primarycontent {
	font-size:14px;
	font: trebuchet MS;
	font-weight:bold;
}

.leadin {
	margin: 0 0 0 20px;
	overflow: hidden;
}

.leadin p {
	width: 250px;
}
. table {
	font-size: 12px;
	font-family:Verdana, Helvetica, sans-serif;
	line-height: 1.5;
	color: #222;
	background: #FFFFFF;
	padding: 0 0 10px 0;
	margin: 0;
	text-align: center;
}
.leadin h2 {
	margin-top: 5px;
}

.leadin .contactline {
	display: block;
	margin: 6px 0;
}

/* 4.6 Login status ----------------------------------------------------------*/

.loginstatus {
	padding: 5px;
}

.loginstatus h3 {
	color: #000;
	margin-top: 5px;
}

.loginstatus form .errors {
	color: #C00;
}

.loginstatus form input,
.loginstatus form label {
	display: block;
}

.loginstatus form input {
	margin-bottom: 10px;
}

.loginstatus form #login-username {
	width: 100px;
	font-size: 11px;
}

.loginstatus form #login-password {
	width: 100px;
	font-size: 11px;	
}

.loginstatus form input.submit {
	font-size: 11px;
}

.loginstatus form #label-username,
.loginstatus form #label-password {
	color: #fff;
}

.loginstatus form #label-username {
	width: 100px;
}

.loginstatus form .labels {
	overflow: hidden;
	margin-bottom: 2px;
}

.loginstatus .logout {
	display: block;
	margin: 10px 0;
}

/* 4.7 Document library ------------------------------------------------------*/

.documentlibrary h2 {
	margin-top: 30px;
	border-bottom: 1px dotted #0E6942;
}

.documentlibrary table {
	padding: 0;
	border: none;
	width: 100%;
	border: 1px solid #E0E0E0;
	border-bottom: 2px solid #CBDFC1;
}

.documentlibrary tr {
	margin: 0;
	padding: 0;
}

.documentlibrary td {
	margin: 0;
	padding: 10px 5px;
}

.documentlibrary thead td {
	background: #CBDFC1;
	font-weight: bold;
	border-bottom: 1px solid #CBDFC1;
}

.documentlibrary tbody td {
	background: #FAFAFA;
	border-bottom: 1px solid #F0F0F0;
}

.documentlibrary tbody tr.even td {
	background: #F0F5F0;
	border-bottom: 1px solid #E0E0E0;
}

.documentlibrary tbody td a {
	text-decoration: none;
}

.documentlibrary tbody td a:hover {
	text-decoration: underline;
}

.documentlibrary td.col-name {
	width: 60%;
}

.documentlibrary td.col-size {
	width: 10%;
}

.documentlibrary td.col-lastmodified {
	width: 30%;
}

/* 4.8 Error page ------------------------------------------------------------*/

body#body-errorpage #wrapper {
	background-image: none;
}

body#body-errorpage li {
	margin-bottom: 10px;
}

/* 4.9 Logout page -----------------------------------------------------------*/

body#body-logout .loginstatus {
	display: none;
}

/* 4.10 Category Links -------------------------------------------------------*/

ul.categorylinks {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.categorylinks li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
}

#primarycontent ul.categorylinks li {
	margin: 0;
}

ul.categorylinks li a {
	border-bottom: 1px solid #E0E8EF;
	color: #2C638F;
	text-decoration: none;
	display: block;
	padding: 6px 4px;
	margin: 1px 2px 0 0;
}

ul.categorylinks li a:hover {
	background: #EFF8FF;
	border-bottom: 1px solid #C3D2DF;
	display: block;
}

/* 5. PRINT STYLES -----------------------------------------------------------*/

@media print {
	body {
		font-size: 12px;
	}
	
	span.ignore {
		position: static;
		left: auto;
	}
	
	#masthead {
		display: none;
	}
	
	#content {
		float: none;
		display: block;
		margin: 0 auto;
		width: 50em;
	}
	
	#navigation {
		display: none;
	}
	
	#subnav {
		display: none;
	}
}