html { height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 20px;
padding: 0;
font-size : 11pt;
color: #294a73;
font-family : Verdana,Arial, "Times New Roman", Times, serif;
line-height: 135%;
background-color: #e0e0e0;

 }


#wrapper {
width: 935px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background-color: #e0e0e0;
}


#top {
width: 935px;
height: 129px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(images/top3.jpg);
background-color: #e0e0e0;
}

#second {
width: 935px;
height: 23px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(images/second.jpg);
background-color: #e0e0e0;
}

#left {
width: 935px;
height: 23px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(images/middle.jpg);

}

#middle {
width: 935px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(images/middle.jpg);
}

#maincontent {
margin-left: 180px;
min-height: 400px;
margin-top: 0px;
margin-bottom: 0px;
}


#bottom {
width: 935px;
height: 43px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
background: url(images/bottom.jpg);

}

#nav{
float: left;
clear: left;

}

/* HEADING STYLES */

H2 {
color:  #003792;
font-size : 16px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-bottom: 13px;
padding: 0;
}



H1 {
color:  #2f4b6f;
font-size : 19px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 0px;
margin-bottom: 10px;
padding: 0;
}


/* END HEADING STYLES */


/* PARAGRAPH STYLES */

 
P.main { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-right: 24px;
margin-bottom: 10px;
 } 

P.last { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
width: 730px;
color: #3a4856;
margin-top: 10px;
margin-right: 24px;
margin-bottom: 0px;
 } 
 
 P.codetails { 
font-size : 8pt;
text-align: justify;
font-family :Arial, Helvetica, sans-serif;
line-height: 130%;
color: #efefef;
margin-top: 5px;
margin-left: 6px;
margin-right: 4px;
 }
 
 P.linktext { 
font-size : 9pt;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-right: 24px;
margin-bottom: 10px;
 }
 
/* PARAGRAPH STYLES */




/* IMAGE STYLES */


img.logo {
float: left;
margin-left: -20px;
margin-right: 0px;
margin-top: 1px;
margin-bottom: 1px;
padding: 0;
clear: right;
}


img.smallspacing {
float: left;
margin-left: 36px;
margin-right: 6px;
margin-top: 6px;
margin-bottom: 4px;
padding: 0;
}

img.rightup {
float: right;
margin-left: 20px;
margin-right: 0px;
margin-top: -58px;
margin-bottom: 2px;
padding: 0;
clear: right;
}

img.right {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
clear: right;
}

img.rightnext {
float: right;
margin-left: 20px;
margin-right: 24px;
margin-top: 40px;
margin-bottom: 0px;
padding: 0;
clear: right;
}


img.leftup {
float: left;
margin-left: 18px;
margin-top: -80px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
clear: left;
}

img.left {
float: left;
margin-left: 18px;
margin-top: 44px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
clear: left;
}

img.uc {
margin-left: 300px;
margin-top: 80px;
margin-right: 20px;
margin-bottom: 10px;
border: 0;
padding: 0px;
float: left;
}

/* END IMAGE STYLES */


/* IDs FOR ROLLOVERSS */


#home{ display: block; width: 160px; height: 29px; background: url("images/homebut.gif") no-repeat 0 0; float: left; clear: left;} #home:hover { background-position: 0 -29px; } #home span { display: none; } 


#hr{ display: block; width: 160px; height: 28px; background: url("images/hrbut.gif") no-repeat 0 0; float: left; clear: left;} #hr:hover { background-position: 0 -28px; } #hr span { display: none; } 

#tw{ display: block; width: 160px; height: 28px; background: url("images/twbut.gif") no-repeat 0 0; float: left; clear: left;} #tw:hover { background-position: 0 -28px; } #tw span { display: none; }
  
#cm{ display: block; width: 160px; height: 28px; background: url("images/cmbut.gif") no-repeat 0 0; float: left; clear: left;} #cm:hover { background-position: 0 -28px; } #cm span { display: none; }

#sd{ display: block; width: 160px; height: 28px; background: url("images/sdbut.gif") no-repeat 0 0; float: left; clear: left;} #sd:hover { background-position: 0 -28px; } #sd span { display: none; }

#fs{ display: block; width: 160px; height: 28px; background: url("images/fsbut.gif") no-repeat 0 0; float: left; clear: left;} #fs:hover { background-position: 0 -28px; } #fs span { display: none; }

#mod{ display: block; width: 160px; height: 28px; background: url("images/modbut.gif") no-repeat 0 0; float: left; clear: left;} #mod:hover { background-position: 0 -28px; } #mod span { display: none; }

#pp{ display: block; width: 160px; height: 28px; background: url("images/ppbut.gif") no-repeat 0 0; float: left; clear: left;} #pp:hover { background-position: 0 -28px; } #pp span { display: none; }

#con{ display: block; width: 160px; height: 28px; background: url("images/conbut.gif") no-repeat 0 0; float: left; clear: left;} #con:hover { background-position: 0 -28px; } #con span { display: none; }

#gal{ display: block; width: 160px; height: 28px; background: url("images/galbut.gif") no-repeat 0 0; float: left; clear: left;} #gal:hover { background-position: 0 -28px; } #gal span { display: none; }

#news{ display: block; width: 160px; height: 28px; background: url("images/newsbut.gif") no-repeat 0 0; float: left; clear: left;} #news:hover { background-position: 0 -28px; } #news span { display: none; }

#links{ display: block; width: 160px; height: 28px; background: url("images/linksbut.gif") no-repeat 0 0; float: left; clear: left;} #links:hover { background-position: 0 -28px; } #links span { display: none; }

/* END IDs FOR ROLLOVERSS */

/* STANDARD LINKS */

a:link { color: #003893;
font-size: 10pt;
font-family: "arial,geneva";
text-decoration: none;

}

a:visited { color: #003893;
font-size: 10pt;
font-family: "arial,geneva";
text-decoration: none;

}

a:hover { color: #3d522b;
font-size: 10pt;
font-family: "arial,geneva";
text-decoration: none;

}

a.inline:link { color: #000080;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;

}

a.inline:visited { color: #000080;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;

}

a.inline:hover { color: #000040;
font-size: 11pt;
font-family: "arial,geneva";
text-decoration: none;

}

/* HEADER LINKS */


a.headerlink:link { 
font-size : 11pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #003792;
font-weight: bold;
}

a.headerlink:visited { 
font-size : 11pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #003792;
font-weight: bold;
}

a.headerlink:hover { 
font-size : 11pt;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #000066;
font-weight: bold;
}


a.contactmail:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #042459;
font-weight: normal;
}

a.contactmail:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #042459;
font-weight: normal;
}

a.contactmail:hover {
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #013895;
font-weight: normal;
}


a.newslink:link { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
text-decoration: underline;
}

a.newslink:visited { 
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
text-decoration: underline;
}

a.newslink:hover {
font-size : 8pt;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #00000;
font-weight: bold;
text-decoration: underline;
}



/* LISTS */


LI {
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #1f2c1a;
margin-top: 0px;
margin-left: 130px;
margin-bottom: 12px;
}

.small { 
font-size: 9px;
font-weight: bold;
font-style: italic;
 }
 
 .webcraft { 
font-size : 8pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 200%;
color: #efefef;
margin-top: 41px;
margin-left: 500px;
margin-right: 24px;
margin-bottom: 12px;

 }
 
 /* Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; margin-right: 24px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */