@charset "utf-8";
    body {font-family:arial; font-size:11px;
	font-weight:bold;}
    .clear {clear:both}    
#nav {
        margin:0;
        padding:0;
        list-style:none;
}    
#nav li {
	float:left;
	display:block;
	width:100px;
	position:relative;
	z-index:500;
	margin:0 1px;
	color:#FFF;
	height:30px;
	font-size: 12px;
}
#nav li a {
            display:block;
            padding:8px 5px 0 5px;
            font-weight:700;
            height:30px;
            text-decoration:none;
            color:#fff;
            text-align:center;
}
        #nav li a:hover {
	color:#333;
	background-color:#FFF;
	border:1px solid #666;
}
#nav a.selected {
            color:#333;
}
#nav ul {
			position:absolute;
                left:0;
                display:none;
                padding:0;
                list-style:none;
}
            
 #nav ul li {
                width:150px;
                float:left;
                border:1px solid #333;
				background-color:#666;
}
#nav ul a {
                display:block;
                height:20px;
                padding: 8px 8px;
                color:#fff;
}
            
            #nav ul a:hover {
				color:#333;          
}
    /* fix ie6 small issue */
    /* we should always avoid using hack like this */
    /* should put it into separate file : ) */
    *html #nav ul {
        margin:0 0 0 -2px;
    }

.wrapper {
  width: 740px;
  margin: 0 auto;
}

.slider {
  width: 510px; /* Update to your slider width */
  height: 350px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
}

.slider li {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}


	
.whitemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
}
.graymenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	text-align: center;
}
.blackbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: left;
	padding-left: 5px;
}

.blueheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #06F;
	text-align: left;
	letter-spacing: 2px;
}
.largeblueleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #06F;
	letter-spacing: 1px;
}
.largewhiteleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 1px;
}


.whitebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
	text-transform: none;
}
.bulletlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

.smallwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: center;
}
.bg {
	background-image: url(images/graphics/background.png);
	background-repeat: no-repeat;
	text-align: center;
}
.bg2 {
	background-image: url(images/graphics/background2.png);
	background-repeat: no-repeat;
	text-align: center;
}
.whitecenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	text-transform: none;
	font-style: normal;
}
.largewhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-align: center;
}
.blackcenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: normal;
}
.blackmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	text-align: center;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFF;
	text-align: center;
}
.rightborder {
	border-right-width: medium;
	border-right-style: ridge;
	border-right-color: #333;
}
.blacklargeleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	text-transform: uppercase;
	padding-left: 5px;
}
.blueleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #06F;
	text-align: left;
}
.blackleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
}
.calculators_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-align: left;
	padding-left: 5px;
}
.calculators {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	text-align: left;
}
.backtotop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #000;
}