/* Theme Style */

* { margin: 0; padding: 0; }

img { vertical-align: middle; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #4d4d4d;
	margin-top: 10px;
	text-align: center;
}

#container {
	width: 980px;	
	border: 1px solid #000;
	margin: auto;
	background: white;
}

#content {
	margin: auto;
	padding: 10px;
	clear: both;
	text-align: left;
}

#leftcol {
	float: left;
	width: 250px;
}

#dummy	{
	float: left;
	width: 9px;
	height: 500px;
	background-image: url("images/spacer.gif");
	background-repeat: no-repeat;
}
#rightcol {
	float: left;
	width: 700px;
}

.fl15	{
	float: left;
	width: 15px;
}

.fl80	{
	float: left;
	width: 80px;
}

.fl100	{
	float: left;
	width: 100px;
}

.fl150	{
	float: left;
	width: 150px;
}


.l200	{
	float: left;
	width: 200px;
	text-align: right;
}


.l300	{
	float: left;
	width: 300px;
	padding-left: 4px;
}

.fl200tl	{
	float: left;
	width: 200px;
}
.adjuster {
	clear: both;
}	

div.code {
  border: 1px solid silver;
  background: #f4f4f4;
  padding: 0.5em;
  color: navy;

}

a { 
	color:#006699; 
	text-decoration: none;
}
a:hover { 
	color:#DB8606; 
	text-decoration: underline; 
}

td {
	color: #3E3E3E;
	text-decoration: none;
	border: none;
}
p { padding: 3px 0 3px 0; }
h1,h2,h3,h4,h5,h6 { margin: 5px 0 5px 0; }
hr {
  text-align: center;
  margin: 5px auto 5px auto;
  border: 0;
  width: 100%;
  color: #F3C67D;
  background-color: #F3C67D;
  height: 2px;
}
#login {
	float: left;
	width: 270px;
	background-color: #EEB358;
	background-image: url("images/bgbar.gif");
	line-height: 25px;
	height: 25px;
	text-align: center;
}
#nav {
	float: left;
	width: 710px;
	background-color: #EEB358;
	background-image: url("images/bgbar.gif");
	line-height: 25px;
	height: 25px;
	text-align: left;
}
#nav li {
	height: 25px;
	line-height: 25px;
	padding: 0px 4px 0px 4px;
	display: inline;
}
#nav ul { padding-right: 5px; }
#nav a {
	color: white;
	text-decoration: none;
	border: none;
}
#nav a:hover { 
	color: black;
	text-decoration: none; 
	
}

.pre-footer {
	background: #EEB358 url("images/bgbar.gif");
	line-height: 25px;
	height: 25px;
	font-size: 10px;
	color: white;
}
.footer { 
	padding: 3px 10px 3px 10px;
	color: #999;
	font-size: 10px;
	line-height: 25px;
	height: 25px;
}



#menu{position:relative; text-align: left;margin-left:10px; color:#fff;}
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;background:#fff;border-width:1px; border-style: none solid solid solid; border-color: #EEB358;}

#menu ul:hover .item a{color:#000; text-decoration:none;padding-left:2px}
#menu ul:hover .item a:hover{color:#EEB358}

#menu ul{width:auto;float:left;margin:0px;list-style:none;}
.clear{clear:both;height:10px;}






form.search {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
}
form.search input[type=text]{width: 100px;}



form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 20px 0px 20px 0px;
  padding: 0;

  width: 100%; 
}

form fieldset {
  clear: both;
  border-color: #F3C67D;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 10px;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
    padding: 0px 4px 0px 4px;font-weight:bold;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter {
	text-decoration:underline;   
                                    
}

form input[type=text] {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: 250px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input[type=file] {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: 250px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input[type=text].small {
	width: 100px;     
}

form input[type=checkbox] {
	width:auto;
	margin:5px 0 0 10px;
}
form select {
	width:auto;
	margin: 5px 0 0 10px;
}
form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    height: 60px;
}

form textarea.medium {
	width: 400px;
	height: 50px;
	margin:5px 0 0 10px;
}

form textarea.big {
	width: 400px;
	height: 200px;
	margin:5px 0 0 10px;
}

form input#submit {
	margin-left:10px;
}

form input#reset {
	margin-left:10px;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}