/**
* 100% height layout with header and footer
* ----------------------------------------------
* Feel free to copy/use/change/improve
*/

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background: white url(images/bg2_warm.jpg) repeat-y center top; /*#ddeeff;/*eeffee or vice versa /*#ddeeff; /*#eee; /*#ccffff;*/

font-family: Arial,sans-serif; /*"Century Gothic","Avant Garde",*/
font-size:small;
color: #222;
}

div#content{
  float:right;
  width: 530px;/*IE Val*/
  padding-right: 20px;
  padding-left: 20px;
  font-family:verdana,arial, sans-serif;
}

h1 {
font-size:1.5em;
margin:0.5em 0;
/*line-height:2em;*/
padding-bottom:10px;
border-bottom:1px dotted black;
font-family:arial, sans-serif;
}

h2 {
font-size:1.25em;
margin:0 0 0.5em;
color:#007DC3;/*#404040;*/
font-family:arial, sans-serif;
}
h1, a{
color:#282828;
}
.num {
font-size:1.75em;
padding:0 0 1em 0;
color:#EE4000;
font-weight:bold;
text-align: center;

}
.menuhead {
font-size:1.5em;
border-top:1px dotted black;
border-bottom:1px dotted black;
line-height:2em;
}

.imgfloat {
  float:right;
  padding-left:10px;
  padding-bottom:5px;
}
blockquote {
font-style: italic; /*font-family: Georgia, "Times New Roman", Times, serif;*/
color: #666;
margin: 0 0 0 0;
padding: 0 0 0 10px;
float:right;
width:200px;
font-size:14px;
line-height:1.4em;
clear:right;
}
blockquote p {
  border-left:1px dotted #aaa;
  padding:10px;
  margin:10px 10px 10px 10px;
  color:#777;

}
p {
line-height:1.5;
margin:0 0 1em;
color:black;
}

div#container {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:750px;
background:white;

height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers */

border: 0px solid #bbb;
border-top:0;
border-bottom:0;
}

div#header p {
font-style:italic;
font-size:1.1em;
margin:0;
}

div#main {
padding:0 0 5em 0; /* bottom padding for footer */
overflow:auto; /*could possibly cause phantom scrollbars on the content area, but is needed to fix float container height.*/
width:750px;
}
/*div#content p {
font-family:arial, sans-serif;
}*/

html>body>div#content{
  width:530px;
}

/*allowing for the nosidebar home page class*/
.nosidebar #content {
  width:710px;
  overflow:hidden;
}

div#content ul li {
  list-style-type:circle;
  margin-bottom:5px;
}
div#content ul ul li {
  list-style-type:disc;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
}
div#content ol li {
  margin-bottom:5px;

}
div#content a {
  color:#007DC3;
}

div#header {
padding:0;
background: 98% 10px no-repeat;
/*border-bottom:1px solid black;*/
/*margin-top:20px;*/
text-align: left;
position:relative;
}

#topright {
  padding-top:5px;
  padding-bottom:5px;
  background:white;
  width:800px;
  margin:0 auto;
  padding-right:50px;
}

 /* position:absolute;
  top:8px;
  right:6px;*/
#topright a {
  text-decoration: none;
  padding-right:5px;
}
#topright a:hover {
  text-decoration: underline;
}

#s {
    padding: 0px 2px 0px 3px;
    /*border: 2px solid black;*/
    width: 100px;
    background: white;
    margin-right: 3px;
    color: black;
}
#go {
    padding: 0px 4px 3px 0;
    vertical-align:middle;
}

#search_box {
/*padding-left:60px;*/
float:right;
width:140px;
padding-top:4px;
position: relative; /*to combat the peekaboo bug*/
}

#menubar {
  margin:0;
  background: gray url(images/chrome_navbar_cut_short_reddish.png) top center no-repeat;
  height:35px;
  /*vertical-align:middle;*/
  margin-top:-4px;
  position: relative; /*to combat the peekaboo bug*/
}

/*#############################################*/
/*############ Dropdown Menu Start ############*/
/*#############################################*/

ul#menulist {
margin: 0;
padding: 0;
position: relative; /*to combat the peekaboo bug*/
float:left;
height: 33px;
padding-left: 25px;
/*background: url() top center no-repeat; */
/*border:1px solid red; */
background:transparent;
}

ul#menulist li {
/*display: inline;*/
/*margin-bottom:5px; */
position: relative;
list-style-type: none;
float:left;
margin:0;
}

ul#menulist li a {
margin:0;
padding: 6px 13px 12px 13px;
display:block;
color: white;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
text-decoration: none;
/*font-family: "Century Gothic",sans-serif;*/
}


/*ul#menulist li ul a:hover {
color: #606060;
/*background: #383838;
}                     */

ul#menulist li table {
position:absolute;
border-collapse:collapse;
top:0px;
left:0px;
}

ul#menulist li a:hover {background:transparent; color:black;} /* for the benefit of IE6*/
ul#menulist li:hover a {
background:transparent;
color:black;
}
ul#menulist li:hover ul a {
color: black; /*change dropdown content link color*/
}
ul#menulist li a:hover ul a {
color: black; /*change dropdown content link color*/
}
ul#menulist li:hover ul a:hover {
background-color: #EE4000; /*#76b900;*/
color:white;
}
ul#menulist li a:hover ul a:hover {
background-color: #EE4000; /*#76b900;*/
color:white;
}

ul#menulist li ul {
margin:0;
padding:0;
visibility:hidden;
position:absolute;
top:29px;
left:0px;
width:180px;
background: #CDC5BF;/*#827B60;/*#999;/*must be set for IE to work right*/
border:0px dashed black;
text-align: left;
}

ul#menulist li ul a {
display:block;
font-size:10px;
padding:5px;
height:auto;/*for IE's benefit*/
width:170px;/* " origin was 120px*/
/*color: black;*/
text-transform:none;
border:0;
}


/*First Level Hover Visible*/
ul#menulist li:hover ul {
visibility:visible;
}
ul#menulist li a:hover ul{
visibility:visible;
}


/*#############################################*/
/*ul#menulist :hover ul ul {visibility:hidden;}*/
/*#############################################*/




ul#footerlist {
margin: 0;
padding: 0;
}
ul#footerlist li {
margin: 0;
padding: 0;
display: inline;
list-style-type:none;
}
ul#footerlist li a{
text-transform:uppercase;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-size: x-small;
color: #777;
}
ul#footerlist li a:hover{
text-decoration: underline;
}

div#footer {
position:absolute;
width:100%;
/*bottom:0; /* stick to bottom (was causing problems and not really needed)*/
background:white;
text-decoration: none;
font-size: x-small;
color: #777;
/*margin: 0 auto;*/
clear:both;
text-align: center;
padding-bottom:1em;
}
div#footer p {
/*padding:1em;*/
margin:0;
color: #777;
}



/*#############################################*/
/*######## Side Bar Start #####################*/
/*#############################################*/

#sidebar {
float: left;
width:160px;
padding-left:10px;
padding-top:10px;
}

#sidebar ul {
  list-style-type:none;
  padding:0;
  margin:0; /*resets default indentation*/
  
  /*display:inline;
  padding: 0;*/
}
#sidebar ul li {
  /*display: inline;
  margin:0;
  padding:0;*/
}

#sidebar ul li a{
  display: block;
  border-bottom: 1px dotted black;
  font-size: 11px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left:5px;
  height:auto;
  width: 155px;
  text-decoration: none;
  margin:0;
}
#sidebar ul li a:hover{
  background: #EE4000;
}

.nosidebar #sidebar {
  display:none;
  visibility:hidden;
  width:0px;

}
/*#############################################*/
/* Side Bar End */
/*#############################################*/


/*#############################################*/
/*Form Styling*/
/*#############################################*/

#content label{
float: left;
width: 115px;
font-weight: bold;
margin-bottom:5px;

font-family:arial;
line-height:1.2em;
}

#content input, textarea{
width: 150px;
margin-bottom: 5px;
}

#content textarea{
width: 250px;
height: 150px;
}

#content .boxes{
width: 1em;
}

#content #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

#content br{
clear: left;
}

.formerror {
  border: 1px solid red;
  background-color : #FFCCCC;
  padding: 5px 0 0 5px;
  width: 265px;
}
.formnotif {

  border: 1px solid blue;
  background-color : #CCCCFF;
  padding: 5px 0 0 5px;
  width: 265px;
}