html {
   height: 100%;
}


BODY {
  margin: 0px;
  padding: 0px;
  font-family: arial, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  background-image: url(../images/bg_fill_all.jpg);
  height: 100%;
}

a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #990000; }

h2 {
 font-size: 16px;
}


/* header, body, constraint, footer                 */



#mcms_header {

}

#mcms_constraint {
width: 800px;

}

.mcms_body {
width: 60%;
margin-left: auto;
margin-right: auto;
background: #333333;
border-left: 4px solid black;
border-right: 4px solid black;
color: #666666;
font-size: 12px;
font-family: Arial,sans-serif;

}

#mcms_content {
font-size: 12px;
padding: 10px;
padding-left: 40px;
padding-right: 0px;
color: #666666;
width: 500px;
height: 100%;
}

#mcms_content a {
  color: #FF9000;
}



.mcms_footer {
color: #FFFFFF;
padding:10px;
padding-left: 70px;
font-size: 10px;
margin-left: 60px;
}

a.mcms_footer {
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
}

a.mcms_footer:hover {
  color: #FF9000;
}



#content_form_title {
  float: left;
  width: 100px;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  color: #666666;   
  padding: 6px;
  padding-left:0px;
  padding-right: 10px;

}

#content_form {
  float: left;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  color: #666666;
  padding: 6px;
  padding-left:0px;
  padding-right: 10px;
}


/* PRIMARY MENU OUTPUT:         */

#menu_cat_pri {
width: 210px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#menu_cat_pri ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

#menu_cat_pri li {
margin: 0px 0 0;
}

#menu_cat_pri a {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
display: block;
width:180px;
padding: 4px 4px 4px 20px;
border: 1px solid #000000;
border-left: 0px;
border-right: 2px solid #003300;
border-bottom: 2px solid #003300;
background: #336600;
letter-spacing: 1px;
text-decoration: none; /*lets remove the link underlines*/
margin-top: -1px;
margin-bottom: 6px;
}

#menu_cat_pri a:link, #menu_cat_pri a:active, #menu_cat_pri a:visited {
color: #FFFFFF;
}

#menu_cat_pri a:hover {

background: #FF9900;
color: #FFFFFF;

}



/* SUB-CATEGORY MENU OUTPUT:         */

#menu_cat_sub {
width: 180px;
margin-top: -1px;
/* this width value is also effected by
the padding we will later set on the links. */
}

a.menu_cat_sub {  }
a.menu_cat_sub, a.menu_cat_sub:visited { font-size: 20px; color: #000000; }
a.menu_cat_sub:hover { background-color: #FF9000; color: #FFFFFF; }
a.menu_cat_sub.menu_cat_sub_on, a.menu_cat_sub.menu_cat_sub_on:hover, a.menu_cat_sub.menu_cat_sub_on:visited {  font-size: 20px;
}


#menu_cat_sub ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

#menu_cat_sub li {
margin: -7px 0 0;
}

#menu_cat_sub a {
font-size: 11px;
font-weight: normal;
text-align: left;
color: #FFFFFF;
display: block;
width:166px;
padding: 4px 4px 4px 20px;
border: 1px solid #000000;
border-left: 0px;
background: #669966;
text-decoration: none; /*lets remove the link underlines*/
}

#menu_cat_sub a:link, #menu_cat_sub a:active, #menu_cat_sub a:visited {
color: #FFFFFF;
font-weight: bold;
}

#menu_cat_sub a:hover {

background: #FF9900;
color: #FFFFFF;

}



 





/* Content specific       */
#content_trail {
 font-size: 10px;
 margin-top: 10px;
 margin-bottom: 16px;
 height: 0px;
}

#content_title {
 font-size: 15px;
 font-weight: bold;
 color: #000000;
}

#content_all {
 font-size: 13px;
 padding: 10px;
 color: #666666;
 width: 460px;
}




/* Form elements    */
input, select, checkbox, textarea {
  border:1px solid #666666;
}



/* Homepage only        */
.homelinkgraphics {
padding: 0px;
}


#homesplashboxes {
  position: absolute; z-index: 11; margin-left: 560px; width: 256px;
}

#splashboxes {
  position: absolute; z-index: 12; top: 0px;  padding-left: 310px;  width: 840px;
}

#tagline_box {
  width: 790px;
  height: 20px;
  color: white;
  background: #336600;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 10px;
 
}


#rss_box {
  position: absolute;
  z-index: 20;
  margin: 40px;
  color: #666;
  font-size: 12px;
  padding-left: 30px;
  border-top: 1px dashed #666;
  border-bottom: 1px dashed #666;
  overflow: auto;
  height: 440px;
  width: 450px;
}

#rss_box a {
  color: #FF9000;
}

#rss_feed_title {
  padding: 20px;
}


#rss_box_container {
  height: 560px;
  width: 100%;
}

#rss_box_container h3 {
  margin: 40px 0 0 20px;
  color: #666;
}





#feature_gallery {
background: #CCC;
width: 234px;
padding: 10px;
float: right;
margin: 10px;
margin-right: -92px;
margin-top: -70px;
margin-left: 16px;
}

#feature_gallery_head {

 width: 223px;
 height: 150px;
 background-position: center;
 margin-bottom: 4px;
 border: 4px solid #666;
}

#feature_gallery_head img {
  width: 223px;
  height: 150px;
  border: 0px;
}


#feature_gallery_sub {
  float: left;
  width: 105px;
  height: 90px;
  border: 4px solid #666;
  margin-right: 4px;
  margin-bottom: 4px;
}

#feature_gallery_sub img {
  width: 105px;
  height: 90px;
  border: 0px;

}

#features_related {
  margin-top: -40px;
  width: 270px;
  border-top: 1px dashed #CCC;
  padding-top: 20px;
}

#featured_project_box {
  position: absolute;
  top: 498px;
  margin-left: 560px;
  border: 1px solid black;
  width: 246px;
  height: 180px;
  padding: 8px 4px 4px 4px;
  background: url(../images/featured_project_bg.jpg);
  color: #FFF;
  text-align: left;
}


#featured_project_box a {
  color: #FFF;
  font-weight: bold;
}

#featured_project_box a:hover {
  color: #FF9000;

}

#featured_project_box_readmore {
  float: right;
  margin-right: 4px;
}