/* Start of CMSMS style sheet 'Homepage' */
/* ###########################################################################################

Generalwebtech.com Style Sheet

Copyright General Web Technologies LLC

############################################################################################### */
* {
margin:0;
padding:0;
}

p { padding-bottom: 5px; padding-top: 5px;}

/*
Set initial font styles
*/
body {
   text-align: justify;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
/* trying to use an IE 6 hack for the menu item hover behavior - Mike 4/11*/
   behavior: url(uploads/csshover.htc);
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link, 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
   font-size: 13px;
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
   background-color: #e4e0df;
   color: #333;
   width: 900px;
   margin-left: auto;
   margin-right: auto;
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   max-width: 80em; /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   color: black;

}

/*** header ***/
div#header {
   width: 900px;
   height: 140px;
   margin: 0px 0px 0px 0px;
}
div#hdr_lft {
   background-image:url(images/Design/hdr_lft.png);
   background-repeat: no-repeat;
   width: 348px;
   height: 140px;
   margin: 0px 0px 0px 0px;
   float: left;
 }
div#hdr_man {
   background-image:url(images/Design/hdr_man_tm.png);
   background-repeat: no-repeat;
   background-color: transparent;
   width: 114px;
   height: 140px;
   margin: 0px 0px 0px 0px;
   float: left;
 }

div#hdr_mdl {
   background-image:url(images/Design/hdr_mdl.png);
   background-repeat: x-repeat;
   width: 238px;
   height: 140px;
   margin: 0px 0px 0px 0px;
   float: left;
 }

div#hdr_rht {
   background-image:url(images/Design/hdr_rht.png);
   background-repeat: no-repeat;
   width: 180px;
   height: 140px;
   margin: 0px 0px 0px 0px;
   float: left;
   padding: 0px 20px 0px 0px;
   line-height: 20px;
}

div#hdr_rht p {font-family: Verdana; font-size: 12px; color: #6c5e55;  }
div#hdr_rht a {font-family: Verdana; font-size: 12px; color: #6c5e55;  }


div#header_nav 
{
    background-image:url(images/Design/hdr_nav.jpg);
    background-repeat:no-repeat;
    width: 900px;
    height: 30px;
    margin: 0px 0px 0px 0px;
}
/*** footer ***/
a,
a:link, 
a:active, 
a:visited
{
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: white;
   
}

/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

div#footer_mdl
{
    background-image:url(images/Design/ftr_mdl.jpg);
    background-repeat:repeat-x;
    width: 850px;
    height: 64px;
    margin: 0px 0px 0px 0px;
    padding: 13px 0px 0px 10px;
    float:left;
}

div#footer_mdl a {color: black;}
div#footer_mdl p {padding-bottom: 2px; padding-top: 2px;}

div#footer_lft
{
    background-image:url(images/Design/ftr_lft.jpg);
    background-repeat:no-repeat;
    width: 20px;
    height: 64px;
    margin: 0px 0px 0px 0px;
    float:left;
}
div#footer_rht
{
    background-image:url(images/Design/ftr_rht.jpg);
    background-repeat:no-repeat;
    width: 20px;
    height: 64px;
    margin: 0px 0px 0px 0px;
    float:left;
}

div#content_mdl
{
    background-image:url(images/Design/mdl_mdl.jpg);
    background-repeat:repeat-y;
    background-color :Transparent;
    width: 900px;
    height: 255px;
    padding-left: 22px;
    margin: 0px 0px 0px 0px;
}
div#content_btm
{
    background-image:url(images/Design/mdl_btm.jpg);
    background-repeat:no-repeat;
    background-color :Transparent;
    width: 900px;
    height: 20px;
    margin: 0px 0px 0px 0px;
 }
div#content_hdr
{
    background-image:url(images/Design/mdl_hdr.png);
    background-repeat:no-repeat;
    background-color :Transparent;
    width: 900px;
    height: 20px;
    margin: 0px 0px 0px 0px;
 }
div#hmpg_rht_top {
    background-image:url(images/Design/hmpg_rht_top.png);
    background-repeat:no-repeat;
    background-color :Transparent;
    width: 258px;
    height: 27px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 30px;
    color: white;
    font-weight:bold;
    font-size: 1.6em;
}

div#hmpg_rht_mdl {
    background-image:url(images/Design/hmpg_rht_mdl.png);
    background-repeat:y-repeat;
    background-color :Transparent;
    width: 228px;
    height: 235px;
    margin: 0px 0px 0px 0px;
    padding: 10px 25px 0px 35px;
    color: white;
}

div#hmpg_rht_btm {
    background-image:url(images/Design/hmpg_rht_btm.png);
    background-repeat:no-repeat;
    background-color :Transparent;
    width: 288px;
    height: 39px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}

div#hmpg_rht_btm a, 
div#hmpg_rht_btm a:hover {
    font-size: 12px;
    padding-right: 35px;
    text-decoration: none;
    background-color: Transparent;
}

/* End of 'Homepage' */

