HTML {
height: 100%;
margin-bottom: 1px;
}

body { 
background-color: #FFFFFF;
font-family : Tahoma, Geneva, sans-serif;
margin: 10 0 0 0;
color: #414141;
text-align: center;
}

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 : #414141;
text-decoration: underline;
font-weight: normal;
}

A:HOVER {
color : #1284BE;
text-decoration : none;
font-weight: normal;
}

ul  {
list-style-image: url(images/layout-graphics/bullet.gif);
}

HR {
height : 0px;	 
text-align: center;
border: 1px solid #CDCDC7;
}


.formbutton {
background-color: #FFFFFF;
border: 1px solid #1284BE;
color: #1284BE;
font-size: 90%;
font-weight: bold;
font-family : Tahoma, Geneva, sans-serif;
}

.formtext {
background-color: transparent;
border: 1px solid #1284BE;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
margin-bottom: 2px;
padding: 2px;
}

.subscribe {
border: 1px solid #1284BE;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
padding: 2px;
}

.photoright {
border: 1px solid #1284BE;
float: right;
margin: 5px;
display: block;
clear: both;
}

.photoplain {
border: 1px solid #1284BE;
display: block;
}

.photoleft {
border: 1px solid #1284BE;
float: left;
margin: 5px;
display: block;
clear: both;
}



/*new style begins*/

img {
	border: none;

}
.quicklinks {
color: #FFFFFF;
font-size: 70%;
text-align: right;
padding: 10px 10px 10px 10px;
margin: 0;
background-color: #414141;
}

.formtextql {
background-color: #FFFFFF;
border: 1px solid #1284BE;
font-size: 100%;
font-family : Tahoma, Geneva, sans-serif;
margin: 0;
}

.navigation {
color: #414141;
text-align: center;
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 : #414141; 
}

.navigation a:hover {
text-decoration:none;
font-weight : bold;
color : #1284BE; 
}

.footer1 {
font-size: 65%;
text-align: center;
padding: 10px;
color : #666666; 
}

.footer1 a:link, .footer1 a:active, .footer1 a:visited {
text-decoration:underline;
font-weight : normal;
color : #666666; 
}

.footer1 a:hover {
text-decoration:none;
font-weight : normal;
color : #1284BE; 
}

.footer2 {
font-size: 70%;
text-align: center;
padding: 10px;
color : #414141; 

}

.footer2 a:link, .footer2 a:active, .footer2 a:visited {
text-decoration:none;
font-weight : bold;
color : #414141; 
}

.footer2 a:hover {
text-decoration:none;
font-weight : bold;
color : #1284BE; 
}

span.small {
font-size : 75%;
}



.productcell {
font-size: 100%;
text-align: center;
padding: 10px;
}

/*renders the main contatent area of the template*/

.wrapper {
width: 748px;
text-align: left;
margin: 0 auto;
}

.bwrapper {
width: 760px;
text-align: right;
margin: 0;
background-image: url(images/layout-graphics/bottom.gif);
background-repeat: repeat-x;

}

.header {
background-image: url(images/layout-graphics/headerback.gif);
background-repeat: repeat-x;
border-bottom: 3px solid #FFFFFF;
background-color: #DFE0DB;
height: 167px;
}

.headerleft {
background-color: #414141;
text-align: left;
color : #FFFFFF; 
border-right: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}

.logo {
background-color: #414141;
font-size: 150%;
text-align: center;
color : #FFFFFF; 
padding: 0px;
}

.ctmain {
border-top: 4px solid #1284BE;
border-bottom: 4px solid #1284BE;
}

.footer {
text-align: center;
border-top: 3px solid #FFFFFF;
}

.footerleft {
text-align: center;
color : #666666; 
border-right: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.side1 {
background-color: #DFE0DB;
border-right: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.side2 {
border-bottom: 3px solid #FFFFFF;
border-top: 3px solid #FFFFFF;
}

.content {
font-size: 100%;
padding: 5px 15px 15px 15px;
}

.contentrt {
font-size: 100%;
padding: 5px 15px 15px 15px;
border-left: 1px solid #1284BE;
}

/*end main layout*/

/*renders the top cell*/

.contnenttop {
font-size: 70%;
}

.contnenttop H1 {
color : #1284BE;
font-size: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

.contnenttop h2{
color : #1284BE;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contnenttop h3, .contnenttop h4, .contnenttop h5, .contnenttop h6 {
color : #393939;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

/*end top cell*/

/*renders the top cell of the bottom area*/

/*ends bottom top area*/

/*renders bottom cell*/

.contentbottom {
font-size: 70%;
border-top: 5px solid #FFFFFF;
}

.contentbottom H1 {
font-size : 130%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #393939;
text-transform: lowercase;
border-bottom: 1px solid #DFE0DB;
}

.contentbottom h2{
color : #1284BE;
font-size: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

.contentbottom h3 {
color : #1284BE;
font-size: 95%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentbottom h4 {
color : #1284BE;
font-size: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: normal;
}

.contentbottom h5, .contentbottom h6{
color : #393939;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

/*end bottom cell area*/

/*renders bottom cell*/

.contentside {
font-size: 70%;
}

.contentside H1 {
font-size : 130%;
font-weight : bold;
margin-top: 0px;
margin-bottom: 5px;
color : #393939;
text-transform: lowercase;
}

.contentside h2{
color : #1284BE;
font-size: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
font-variant: small-caps;
}

.contentside h3 {
color : #1284BE;
font-size: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentside h4 {
color : #FFFFFF;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

.contentside h5, .contentside h6{
color : #393939;
font-size: 95%;
text-align: left;
padding: 5px 5px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight: bold;
}

/*end bottom cell area*/



