/**************** form styling here *****************/
@import url("./forms.css");

html,body{margin:0;padding:0; height: 100%;}
body{font: 76% arial,sans-serif;text-align:center;}
div#header{
	height:145px;
	margin:0;
	width: 750px;
	border-bottom: 1px solid #CCCCCC;display:table-cell;
	vertical-align: bottom;
	padding: 0px;
}

div#headerleft{ float: left; height: 30px; width: 300px; display:table; margin: 0px; padding: 0px;}
div#headerright{float: right; height: 30px; width: 440px; display:table; margin: 0px; text-align: right; padding: 0px;}

div#headerleft a {
font: normal 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
color: #999;
border: 0px solid #e6e6e6;
background-color: #fff;
text-decoration: none;
display: inline;
}

div#headerleft a img{
margin: 0;
padding-top: 1px;
}

div#headerright p{
	margin: 1px;
	padding: 0px;
	width: 430px;
font: normal 11px arial, helvetica, sans-serif;}



div#headerright .input{
	margin: 1px;
	padding: 0 0 0 3px;
	height: 16px;
	width: 120px;
	border: 1px solid #CCCCCC;
font: normal 11px arial, helvetica, sans-serif;}


div#headerright .button{
	padding: 0px;
	height: 20px;
	width: 20px;
	border: 1px solid #CCCCCC;
	background: #e6e6e6;
font: normal 11px arial, helvetica, sans-serif;}

div#headerleft a:hover {
color: #666;
border-bottom: 1px solid #ccc;
background-color: #fff;
}


div#content p{line-height:1.4}

div#maincontent{color: #333; padding-top: 1px;}
/* Fix IE. Hide from IE Mac \*/
* html div#maincontent
{
 padding-top: 0px;
}
/* End */

div#footerleft{background:#fff; color: #666}
div#footerright{background:#fff; color: #666}
div#footerleft p{margin:0;padding:5px 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:9px;}
div#footerright p{margin:0;padding:5px 10px; text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:9px;}
div#footerright a {background:#fff; color: #666; text-decoration: none; }
div#footerleft a {background:#fff; color: #666; text-decoration: none; }
div#footerright a:hover {text-decoration: underline; }
div#footerleft a:hover {text-decoration: underline; }

div#container{text-align:left; width:750px; height: 100%; margin:0 auto; background:transparent; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
div#wrapper{float:left;width:100%;}
div#content{margin-left: 300px; border-left: 1px solid #ccc;}
div#leftmenu{background: tRansparent; float:left;width:300px; margin-left:-750px;margin-bottom: 1px;}
div#navigation{float:left;width:150px; height:299px; margin-left:0px; border-bottom: 1px solid #ccc;}
div#extra{float:right;width:149px; height:299px; margin-left:0px; border-left: 1px solid #ccc;; border-bottom: 1px solid #ccc;background: #f2f2f2;}
div#menuchoices{float:left;width:300px; height:350px; border: 0px solid #ccc; border-right: 1px solid #ccc; margin-left:0px;


	/* delete all this if you don't want scrolling section up till the forward slash \*/
	position: relative;
	overflow: auto;
	left: 0px;
	top: 0px;
	/* here is the forward slash after the star \*/
	}
	
	
/* Fix IE. Hide from IE Mac \*/
* html div#menuchoices
{
 margin-left: -1px;
}
/* End */
div#footer {clear: left; width: 750px; border-top: 1px solid #ccc;}
div#footerleft{float:left;width:300px; margin-left:0px; height: 70px}
div#footerright{float:right;width:450px; margin-right:0px; height: 70px;}

div#header a img {
border: 0px;
}

/**************** menu navigation here *****************/
#navigation {
width: 150px;
background: #f2f2f2;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0 0 0 1px;
padding: 2px 3px;
color: #999;
border-bottom: 1px solid #e6e6e6;
background-color: #f2f2f2;
text-decoration: none;
height: 16px;
}

#navigation a:hover {
color: #666;
border-bottom: 1px solid #ccc;
background-color: #fff;
}

#navigation li {
position: relative;
}

#navigation ul {
text-align: right;
}

#navigation ul ul ul {
position: absolute;
top: 0;
left: 149px;
width: 149px;
text-align: left;
}

div#navigation ul ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}



#navigation ul ul ul a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0 0 0 1px;
padding: 2px 3px;
color: #999;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
text-decoration: none;
height: 16px;
}

#navigation ul ul ul  a:hover {
color: #666;
border-bottom: 1px solid #ccc;
border-left: 1px solid #e6e6e6;
background-color: #fff;
}

/**************** END menu navigation here *****************/

a.choices  {
width: 300px;
display: block;
padding-left:150px;
padding-top:10px;
font: 16px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
}

a#spanone {
color: #3366cc;
}

a:hover#spanone, a:hover#spantwo, a:hover#spanthree {
color: #666;
}

a#spantwo {
color: #6633CC;
}

a#spanthree {
color: #990000;
}

a.choicestext  {
width: 300px;
display: block;
padding-left:150px;
padding-bottom:30px;
font: 12px Arial, sans-serif;
font-weight: bold;
color: #333;
text-decoration: none;
}

/**************** maincontent styles here *****************/

div#mainimagediv {
margin: 0;
padding:0px;
border-bottom: 1px solid #ccc;
display: block;
height: 299px;
width:449px;
background:transparent url(../images/mainimage.jpg);
background-repeat: no-repeat;	
background-position: center top;
border-bottom: 1px solid #ccc;
}

#breadcrumb {
margin: 0;
padding:10px 10px 5px 10px;
color: #666;
font: 11px Arial, sans-serif;
font-weight: normal;
border-bottom: 1px solid #ccc;
display: block;
height: 19px;
}

#breadcrumb a{
color: #999;
text-decoration: none;
}

#breadcrumb a:hover{
color: #333;
text-decoration: underline;
}

div#maincontent h1 {
margin: 0;
padding:10px 10px 0px 10px;
color: #333;
font: 16px Arial, sans-serif;
font-weight: bold;
}

div#maincontent h2 {
margin: 0;
padding:0px 10px 0px 10px;
color: #666;
font: 14px Arial, sans-serif;
font-weight: bold;
}

div#maincontent h3 {
margin: 0;
padding:10px 10px 0px 10px;
color: #000;
font: 12px Arial, sans-serif;
font-weight: bold;
}


div#maincontent p, ul, ol {
	margin: 0;
	padding:10px 10px 10px 10px;
	color: #333;
	font: 12px Arial, sans-serif;
	font-weight: normal;
	list-style-position: inside;
	list-style-type: disc;
}

/**************** relatedstuff choices here *****************/

div.relatedstuff {
display: block;
height: 148px;
width: 270px;
padding-left: 10px;
margin: 0px;
border: 0px solid #000;

}

div#menuchoices a.choices  {
width: 270px;
display: block;
padding: 10px 0 5px 0;
margin: 0px;
font: 16px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

div#menuchoices {
color: #666;
}

div#menuchoices a#one, a#two {
color: #666;
}

div#menuchoices a:hover#one, div#menuchoices a:hover#two {
color: #333;
}

.relatedstuff a  {
padding: 0;
font: 12px Arial, sans-serif;
font-weight: bold;
color: #666;
text-decoration: none;
}

.relatedstuff a:hover  {
color: #000;
}

.relatedstuff p  {
padding:0px;
color: #333;
font: 12px Arial, sans-serif;
text-decoration: none;
}
.clr{clear:both; border-top: 0px solid #cccccc;}

.formtable {
  border: 1px solid #C0C0C0;
  background-color: #eeeeee;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.formtablerow {
  padding: 5px;
}
.formtext {
  font-family: Arial, Verdana, Helvetica;
  font-size:11px;
  color:#000;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
}
.formreqtext {
  font-family: Arial, Verdana, Helvetica;
  font-size:11px;
  color:#B10F0F;
  font-weight: bold;
  vertical-align: top;
  text-decoration: underline;
  white-space: nowrap;
}
.formfield {
  font-family: Arial, Verdana, Helvetica;
  font-size:11px;
  color:#000;
  font-weight: normal;
}