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

body { 
font-family : Verdana, Verdana, Geneva, sans-serif;
background-color: #F1F1F1;
margin: 0;
color: #1E1E1E;
text-align: left;
}

TD, LI, UL, Table {
font-size : 100%;
}


P {
font-size : 100%;
margin-top: 0px;
margin-bottom: 5px;
}

/* this group sets the normal link colors */

A:LINK, A:VISITED, A:ACTIVE{
color : #6D7F9C;
text-decoration: underline;
font-weight: normal;
}

A:HOVER {
color : #1E1E1E;
text-decoration : none;
font-weight: normal;
}

ul  {
list-style-image: url(images/layout-graphics/bullet.gif);
}

HR {
color : #F5F7E5;
height : 1px;	 
text-align: center;
}


.formbutton {
background-color: #FFFFFF;
border: 1px solid #6D7F9C;
color: #6D9C8A;
font-size: 90%;
font-weight: bold;
font-family : Tahoma, Geneva, sans-serif;
}

.formtext {
background-color: transparent;
border: 1px solid #6D7F9C;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
margin-bottom: 2px;
padding: 2px;
}

.subscribe {
background-color: transparent;
border: 1px solid #6D7F9C;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
padding: 2px;
}

.photoright {
border: 3px double #6D7F9C;
float: right;
margin: 5px;
display: block;
clear: both;
}

.photoplain {
border: 3px double #6D7F9C;
display: block;
}

.photoleft {
border: 3px double #6D7F9C;
float: left;
margin: 5px;
display: block;
clear: both;
}

.photoctr {
border: 3px double #6D7F9C;
text-align: center;
margin: 5px;
display: block;
clear: both;
}

/*new style begins*/

img {
	border: none;
}
.quicklinks {
color: #6D7F9C;
font-size: 70%;
text-align: right;
padding: 10px;
margin: 0;
}

.formtextql {
background-color: #FFFFFF;
border: 1px solid #6D9C8A;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
margin: 0;
color: #6D7F9C;
}

.navigation {
color: #6D9C8A;
text-align: left;

font-size: 75%;
margin-top: 0px;
font-variant: small-caps;
padding: 10px;

}

.navigation a:link, .navigation a:active, .navigation a:visited {
text-decoration:none;
font-weight : bold;
color : #6D9C8A; 
}

.navigation a:hover {
text-decoration:none;
font-weight : bold;
color : #6D7F9C; 
}

.footer1 {
font-size: 65%;
text-align: left;
padding: 10px;
}

.footer1 a:link, .footer1 a:active, .footer1 a:visited {
text-decoration:underline;
font-weight : normal;
color : #6D9C8A; 
}

.footer1 a:hover {
text-decoration:none;
font-weight : normal;
color : #6D7F9C; 
}

span.small {
font-size : 75%;
}

.logo {
font-size: 130%;
text-align: left;
color : #6D7F9C; 
padding: 10px 10px 0px 10px;
}

.logo H1 {
background-image: none;
font-size: 100%;
text-align: left;
color : #6D7F9C;
margin-bottom: 0px;
}

.logo p {
font-size: 55%;
text-align: left;
color : #6D7F9C;
margin-top: 0px;
}

.productcell {
font-size: 100%;
text-align: center;
padding: 10px;
}

/*renders the main contatent area of the template*/

.main {
background-image: url(images/layout-graphics/top.gif);
background-repeat: repeat-x;
padding-top: 0px;
padding-left: 100px;
}

.contentmain {
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
}

.contentmainlt {
background-image: url("images/layout-graphics/side.gif");
background-repeat: no-repeat;
background-position: bottom;
}

.contentmainrt {
background-image: url("images/layout-graphics/side2.gif");
background-repeat: no-repeat;
background-position: bottom;
}

.content {
font-size: 100%;
padding: 15px;
}

/*end main layout*/

/*renders the top cell*/

.contnenttop {
background-image: url(images/layout-graphics/grade1.gif);
background-repeat: repeat-x;
background-color: #E3E0BD;
height: 245px;
font-size: 70%;
}

.contnenttop H1 {
padding: 0px 0px 0px 15px;
background-image: url("images/layout-graphics/h1.gif");
background-repeat: no-repeat;
background-position: 0px 5px;
font-size : 150%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #6D7F9C;
}

.contnenttop h2{
color: #6D7F9C;
font-size: 100%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

.contnenttop h3, .contnenttop h5, .contnenttop h6 {
color: #000000;
font-size: 90%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contnenttop h4 {
font-size : 100%;
font-weight : bold;
margin-top: 5px;
margin-bottom: 0px;
color : #6D7F9C;
padding: 0px 0px 0px 20px;
background-image: url("images/layout-graphics/pbullet.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
}

.contnenttop a:link, .contnenttop a:active, .contnenttop a:visited {
text-decoration:underline;
font-weight : normal;
color : #6D9C8A; 
}

.contnenttop a:hover {
text-decoration:none;
font-weight : normal;
color : #6D7F9C; 
}  

/*end top cell*/

/*renders the top cell of the bottom area*/

.contentbottomt {
background-color: #BBC4D4;
font-size: 70%;
border-top: 5px solid #FFFFFF;
height: 260px;
}

.contentbottomt H1 {
padding: 0px 0px 0px 15px;
background-image: url("images/layout-graphics/h1.gif");
background-repeat: no-repeat;
background-position: 0px 5px;
font-size : 150%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #F5F7E5;
}

.contentbottomt h2{
font-size : 100%;
font-weight : bold;
margin-top: 5px;
margin-bottom: 0px;
color : #6D7F9C;
padding: 0px 0px 0px 20px;
background-image: url("images/layout-graphics/pbullet.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
}

.contentbottomt h3 {
color : #F5F7E5;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomt h4 {
color : #6D7F9C;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomt h5{
color : #FFFFFF;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomt h6 {
color : #000000;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomt a:link, .contentbottomt a:active, .contentbottomt a:visited {
text-decoration:underline;
font-weight : normal;
color : #FFFFFF; 
}

.contentbottomt a:hover {
text-decoration:none;
font-weight : normal;
color : #FFFFFF; 
}

/*ends bottom top area*/

/*renders right split cell*/

.contentbottomr {
background-color: #BBC4D4;
font-size: 70%;
border-left: 5px solid #FFFFFF;
border-top: 5px solid #FFFFFF;
}

.contentbottomr H1 {
padding: 0px 0px 0px 15px;
background-image: url("images/layout-graphics/h1.gif");
background-repeat: no-repeat;
background-position: 0px 5px;
font-size : 150%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #F5F7E5;
}

.contentbottomr h2{
font-size : 100%;
font-weight : bold;
margin-top: 5px;
margin-bottom: 0px;
color : #6D7F9C;
padding: 0px 0px 0px 20px;
background-image: url("images/layout-graphics/pbullet.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
}

.contentbottomr h3 {
color : #F5F7E5;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomr h4 {
color : #6D7F9C;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomr h5{
color : #FFFFFF;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomr h6 {
color : #000000;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomr a:link, .contentbottomr a:active, .contentbottomr a:visited {
text-decoration:underline;
font-weight : normal;
color : #FFFFFF; 
}

.contentbottomr a:hover {
text-decoration:none;
font-weight : normal;
color : #FFFFFF; 
}

/*end bottom right area*/

/*renders bottom cell*/

.contentbottomb {
background-color: #BBC4D4;
font-size: 70%;
border-top: 5px solid #FFFFFF;
}

.contentbottomb H1 {
padding: 0px 0px 0px 15px;
background-image: url("images/layout-graphics/h1.gif");
background-repeat: no-repeat;
background-position: 0px 5px;
font-size : 150%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #F5F7E5;
}

.contentbottomb h2{
font-size : 100%;
font-weight : bold;
margin-top: 5px;
margin-bottom: 0px;
color : #6D7F9C;
padding: 0px 0px 0px 20px;
background-image: url("images/layout-graphics/pbullet.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
}

.contentbottomb h3 {
color : #F5F7E5;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomb h4 {
color : #6D7F9C;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomb h5{
color : #FFFFFF;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottomb h6 {
color : #000000;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}


.contentbottomb a:link, .contentbottomb a:active, .contentbottomb a:visited {
text-decoration:underline;
font-weight : normal;
color : #FFFFFF; 
}

.contentbottomb a:hover {
text-decoration:none;
font-weight : normal;
color : #FFFFFF; 
}

/*end bottom cell area*/

.ctmain {
width: 680px;
height: 275px;

}



.shadowleft {
background-image: url("images/layout-graphics/bottom.gif");
background-repeat: repeat-x;
text-align: left;
height: 12px;
}

.shadowright {
background-image: url("images/layout-graphics/bottom.gif");
background-repeat: repeat-x;
text-align: right;
height: 12px;
}

img {
	border: none;

	}
	
.btshadowrt {
	display: block;
float: right;

}

.btshadowlt {
	display: block;
float: left;

}

.header {

width: 780px;
height: 100px;
}

.headerwrapper {
background-image: url("images/layout-graphics/header.jpg");
background-repeat: repeat-x;
background-position: bottom;
background-color: #FFFFFF;

}