@charset "utf-8";
/* CSS Document */

/*
Column Padding 
The box model is handled incorrectly by some browsers, which causes padding and borders to be added to an elements width. So applying padding directly to a column will change the way the widths are calculated and could mess up the floated columns. To get around this problem apply margin to the children of the column instead. 

#maincol p{margin:1em;}

Overflowing Content in Fluid Layouts 
To avoid content escaping or overflowing the columns there are a couple of things you can do. 
Make sure the content fits within the column at different window sizes or resolutions, images and long text such as urls could be a problem here. 
Avoid setting fixed widths or 100% widths with margin, padding or borders on block level elements within the column (p, div, ul ).
*/

html, body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(images/body.gif);
	background-repeat:repeat-x;
	font-size:11px;
	font-family:Tahoma, Arial, Geneva, sans-serif;
	color:#676767;
	background-color:#fff;
}
a.validmarkup {
	text-decoration:none;
}
#container {
	width:750px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}


/* start - header stuff */
#header {
	position:relative;
	color:#676767;
	background-color:#fff;
	background-image:url(images/body.gif);
	background-repeat:repeat-x;
	width:100%;
}
#header .headerlogo {
	float:left;
	padding:0px 0px 8px 0px;
}
#header .headerlinks {
	float:right;
	color:#fff;
	font-size:12px;
	padding:5px 5px;
}
#header .headergraphic {
	clear:both;
}
#header h1 {
	font-size:20pt;
	color:#245399;
	padding:0px;
	margin:0px;
}
#header span {
	font-size:10pt;
	padding-left:0px;
	color:#333333;
	font-style:italic;
}
ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	width:750px;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/off.gif") repeat-x top left;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	border-bottom:4px solid #004c99;
	border-top:1px solid #74b0c6;
}
ul#menu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul#menu li a {
	display:block;
	width:150px;
	float:left;
	color:#6d7078;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:12px 0px 0px 0px;
	height:24px;
	background:transparent url("images/divider.gif") no-repeat top right;
}
ul#menu li a:hover {
	background:transparent url("images/hover.gif") no-repeat top right;
}
ul#menu li a.current {
	display:block;
	width:150px;
	float:left;
	color:#6d7078;
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
	padding:12px 0px 0px 0px;
	height:24px;
	background:transparent url("images/divider.gif") no-repeat top right;
}
ul#menu li a:hover.current {
	background:transparent url("images/hover.gif") no-repeat top right;
}
/* end - header stuff */


/* start - leftcol stuff */
#leftcol {
	width:221px;
	float:left;
	position:relative;
	overflow:hidden;
	background-color:#FFFFFF;
}
div#leftcol_menu {
	
}
div#leftcol_menu span {
	display:block;
	background-color:#ccc;
	text-align:center;
	padding:5px 5px;
	border-bottom:medium inset #999;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
div#leftcol_menu ul {
	margin-left:0px;
	padding-left:5px;
}
div#leftcol_menu li {
	margin:0px 0px 8px 0px;
	/*list-style-image:url(images/yarr.jpg);*/
	list-style:none;
	padding-left:15px;
	padding-right:5px;
	background-image:url(images/yarr.jpg);
	background-repeat:no-repeat;
	background-position:0px;	
}
div#leftcol_assign {
	margin:40px 0px 0px 0px;
}
div#leftcol_assign span {
	display:block;
	background-color:#ccc;
	text-align:center;
	padding:5px 5px;
	border-bottom:medium inset #999;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
div#leftcol_assign p {
	margin:8px;
	padding:;
}

/* end - leftcol stuff */


/* start - maincol stuff */
#maincol {
	background-color: #fff;
	float:right;
	display:inline;
	position:relative;
	overflow:hidden;
	width:510px;
	padding:10px 8px 10px 10px;
	font-size:12px;
	border-left:1px solid #666;
}

#maincol p {
	margin:0px 0px 12px 0px;
}
#maincol .question {
	font-weight:bold;
	padding-bottom:5px;
}
#maincol .answer {
	padding-bottom:10px;
	padding-left:10px;
}
#maincol dl {
  padding: 0.5em;
}
#maincol dt {
  float:left;
  clear:left;
  width:110px;
  text-align:right;
  font-weight:bold;
}
#maincol dt:after {
  content: " - ";
}
#maincol dd {
  margin: 0 0 10px 115px;
  padding: 0 0 0.5em 0;
}
#maincol a.emaillink {
  text-decoration:none;
  font-weight:bold;
}


 
#assignform form {
	display:block;
	width:425px;
	text-align:center;
}
#assignform fieldset {
	width:425px;
	padding-bottom:10px;
	text-align:left;
	margin:0px auto 20px auto;
}
#assignform legend {
	padding:5px 2px 10px 2px;
	margin-left:10px;
}
#assignform label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	padding-right:5px;
	padding-top:2px;
}
#assignform input {
	width:150px;
	margin-bottom:5px;
}
#assignform input.required {
	background-color: #FFFF66;
}
#assignform textarea {
	width:200px;
}
#assignform div {
	width:200px;
	margin:20px auto 0px auto;
	text-align:center;
}
#assignform .btn {
	width:80px;
}
/* end - maincol stuff */


#footer {
	height:100px;
	clear:both;
	padding:0px;
	margin:0px;
	border-top:1px solid #666;
	background-image:url(images/phone_pic.jpg);
}

#footer .copyright {
	float:left;
	padding:80px 0px 0px 5px;
	color:#fff;
	font-size:11px;
}

#footer .contact {
	float:right;
	padding:55px 120px 0px 0px;
	color:#fff;
	font-size:11px;
	
}


/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  


 
/*printer styles*/ 
@media print {
/*hide the left column when printing*/ 
	#leftcol {
	display:none;
}
#twocols, #maincol {
	width:100%;
	float:none;
}
}