/* CSS Document */

/*TAGS*/

body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#333333;
margin-left:22px;
margin-top:20px;
}

body a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#6699CC;
text-decoration:none;
}

body a:hover{
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#6699CC;
text-decoration:none;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#A2B7C3;
text-transform:uppercase;
margin-top:10px;}

table{
border:0px;
padding:0px;}

p{
margin-top:10px;
margin-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#333333;}

ul{
list-style-image:url(../images/bullet.gif);
margin-top:0px;
margin-bottom:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;
margin-left:15px;
}

li{
margin-bottom:5px;}

/*END TAGS*/

/*unique*/

.ImgLeft{
float:left;
margin-right:5px;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}

.ImgLeft1{
float:left;
margin-right:2px;
margin-bottom:0px;
margin-top:2px;
margin-left:0px;
}

.ImgRight{
float:left;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
margin-left:5px;
}

.ImgMargin{
margin-right:0px;
margin-bottom:10px;
margin-top:15px;
margin-left:0px;
}

.ImgTopMargin{
margin-right:0px;
margin-bottom:0px;
margin-top:15px;
margin-left:0px;
}

.ImgBtomMargin{
margin-right:0px;
margin-bottom:15px;
margin-top:0px;
margin-left:0px;
}

.p_standard{
margin-top:10px;
margin-bottom:0px;}

.td_granite{
background-color:#BFCCD5;}

.td_graniteSP{
background-color:#BFCCD5;
padding: 5px 5px 5px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#333333;}

.td_whitebrd{
background-color:#FFFFFF;
border-top: 1px #333333 solid;
border-bottom: 1px #333333 solid;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
}

.td_Granitebrd{
padding:10px 10px 10px 10px;
background-color:#FFFFFF;
border-top: 1px #BFCCD5 solid;
border-bottom: 1px #BFCCD5 solid;
border-left: 1px #BFCCD5 solid;
border-right: 1px #BFCCD5 solid;
}

/*Divs*/
#mainnav{
	position:absolute;
	top: 70px;
	left: 21px;
	color : #FFFFFF;
	background-color: transparent;
	padding: 0;
	margin: 0px;
	border-top: 0px #333333 solid;
	border-right: 0px transparent solid;
	border-bottom: 0px #333333 solid;
	border-left: 1px transparent solid;
	white-space: nowrap;
}

#mainnav a{
/*display: block;*/
float: left;
text-align: left;
padding: 3px 15px 5px 16px;
margin: 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
background-color: #BFCCD5;
border-top: 1px #BFCCD5 solid;
border-right: 1px #BFCCD5 solid;
border-bottom: 0px #BFCCD5 solid;
border-left: 1px #BFCCD5 solid;
white-space: nowrap;
}

#mainnav a:hover{
color: #333333;
background-color: #ffffff;
border-top: 1px #333333 solid;
border-right: 1px #333333  solid;
border-bottom: 2px #FFFFFF solid;
border-left: 1px #666666 solid;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;

}
.subnav{
position:absolute;
top:104px;
left: 24px;
float: left;
text-align: left;
padding: 5px 10px 1px 5px;
margin: 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #7B96A8;
background-color: #FFFFFF;
border-top: 0px #333333 solid;
border-right: 0px #333333 solid;
border-bottom: 0px #333333 solid;
border-left: 0px #333333 solid;
white-space: nowrap;
}

.subnav a{
/*display: block;*/
float: left;
text-align: left;
padding: 5px 10px 1px 5px;
margin: 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #BFCCD5;
background-color: #FFFFFF;
border-top: 0px #333333 solid;
border-right: 0px #333333 solid;
border-bottom: 0px #333333 solid;
border-left: 0px #333333 solid;
white-space: nowrap;
}

.subnav a:hover{
color: #BFCCD5;
background-color: #FFFFFF;
}

.subnav a:active{
color: #BFCCD5;
background-color: #FFFFFF;
}
/*END Divs*/

/*Rates - added on 05/07*/

#rates{
padding-top:1em;}

#rates:after{
content:".";
display:block;
visibility:hidden;
clear:both;
line-height:0;
height:0;}

#rates table{
height:300px;
font-size:1.2em;
border:0;
padding:0;
margin:0;
border-collapse:collapse;
font-family:Arial, Helvetica, sans-serif;}

#rates table th, #rates table td {
padding:6px;
padding-right:3px;}

#rates table thead th {
background-color:#A3B7C4;
color:#fff;
text-transform:uppercase;
vertical-align:top;
font-size:0.9em;}

#rates table thead th span {
font-weight:normal;}

#rates table tbody th{
text-align:left;
font-weight:normal;
padding-right:0;
width:60px;}

#rates table tbody th, #rates table tbody td{
background-color:#D6DFE6;}

#rates table tbody td{
text-align:center;}

#rates table tr.alt th, #rates table tr.alt td{
background-color:#BDCED6;}

.left, .right{
width:201px;}

.left {
float:left;}

.right {
float:right;}

#rates .sun, #rates .sun-dark{
background-repeat:no-repeat;
background-position:3.2em 50%;
text-align:left;
padding-left:1.2em;
}

.txt-left{
text-align:left;}

.w-5em{
width:5em!important;}

.h-5em{
height:5em!important;}

/*sun*/

.cold .sun{
background-image:url(../images/sun_pale_lightbg.gif);}

.cold .sun-dark{
background-image:url(../images/sun_pale_darkbg.gif)}

.cool .sun{
background-image:url(../images/sun_yellow_lightbg.gif);}

.cool .sun-dark{
background-image:url(../images/sun_yellow_darkbg.gif)}

.hot .sun{
background-image:url(../images/sun_orange_lightbg.gif);}

.hot .sun-dark{
background-image:url(../images/sun_orange_darkbg.gif)}