/*
  Global styles
*/

/* Change color/background image as needed */
html, body { 
		height: 100%; 
		margin: 0; 
		padding: 0; 
		text-align: center; 
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;

}

/* Change color as needed */
a { color: #3333cc ; text-decoration: underline; cursor: pointer; }
a:hover { background: #e1ebf4; }


/* Floated images and other elements */
.imgright { float: right; clear: right; margin-left: 9px; margin-bottom: 6px; }
.imgleft { float: left; clear: left; margin-right: 10px; margin-bottom: 6px; }

/* Text in other-aligned blocks, i.e. text in right-aligned <p> to be aligned left */
span.textleft { display: block; float: left; margin-top: 0.2em; }
span.textright { display: block; float: right; margin-top: 0.2em; }

body, div, td, th, h2, h3, h4, textarea {
  font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13pt;
	color: #000;
}

.error {color:red;}


.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #fff;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 16pt;
	font-weight: bold;
	color: #333366;
}

.JobA {font:11pt; background-color:#FFFFFF; layer-background-color:#E7E6D8; color:#333366; font-weight:bold;}
.JobText {font:8pt; background-color:#FFFFFF; layer-background-color:#E7E6D8; color:#333366;}

div.clear { clear: both; line-height: 0; margin: 0; padding: 0; }

#header {
				text-align: center; 
				height: 35px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 7px 7px 7px 7px; 
				border-bottom:1px solid #000;
				background: #333366;
				clear: both; 
		}

#header2 {
				text-align: left; 
				height: 75px;
				margin-top: 0; 
				margin-bottom: 0; 
				padding: 5px 5px 5px 5px; 
				border-bottom:1px solid #ccc;
				background: #E7E6D8;
				clear: both; 
		}



/* <!-- */
	/* General styles */
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
		padding:5px 0 5px 0;
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
		border-right:1px solid #ccc;
		padding:5px 0 5px 0;
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
    	border-right:1px solid #ccc;
		padding:5px 0 5px 0;
	}
	.threecol .col1 {
		width:45%;			/* width of center column content (column width minus padding on either side) */
		left:103%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:24%;			/* Width of left column content (column width minus padding on either side) */
		left:30%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:24%;			/* Width of right column content (column width minus padding on either side) */
		left:82%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

		/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #ccc;
		background: #333366;

	}
	#footer p {
		padding:10px;
		margin:0;
	}

	/* --> */