html {font-size:100%;}

body {
	margin:0;
	padding:0;
	background:url(../../images/body-bg.jpg) repeat-x 0 0 #53928d;
	padding:8px 0 40px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

a {
	text-decoration:none;
}
/**********************************************page-body*********************************************/
#page {
	width:834px;
	margin:0 auto;
}
/***********************************************header************************************************/
#header {
	width:834px;
	height:121px;
	background:url(../../images/header-bg.png) no-repeat 0 0;
}

h1 {
	margin:0;
	padding:45px 0 0 172px;
	float:left;
}

h1 a{
	display:block;
	width:322px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
}

#textchanger {
	float:right;
	padding:78px 19px 0 0;
}

#textchanger ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#textchanger ul li {
	float:left;
	width:25px;
	height:25px;
	padding:0 6px 0 0;
	overflow:hidden;
}

#textchanger ul li a {
	display:block;
	text-indent:-9999px;
	width:25px;
	height:25px;
	float:left;
}

#textchanger ul li#increase {
	background:url(../../images/increase.gif) no-repeat 0 0;
}

#textchanger ul li#reset {
	background:url(../../images/reset.gif) no-repeat 0 0;
}

#textchanger ul li#decrease {
	background:url(../../images/decrease.gif) no-repeat 0 0;
}
/*
#textchanger ul li#contraster {
	background:url(../../images/contrast.gif) no-repeat 0 0;
}*/


/******************************************main-box for content***************************************/
#content {
	width:784px;
	background:url(../../images/content-bg.gif) repeat-y 0 0 #fff;
	padding:204px 25px 0 25px;
	overflow:hidden;
	position:relative;
}
/******************************************box for three columns**************************************/
#main-box {
	width:766px;
	border:1px solid #737373;
	padding:7px 10px 0 6px;
	overflow:hidden;
}
/*****************************************box for menu and central text*******************************/
#content-menu-text {
	width:100%;
	overflow:hidden;
}

#menu-text {
	width:784px;
	float:left;
}
/******************************************box for central text*************************************/
#text {
	float:right;
	width:588px;
	padding:18px 31px 10px 29px;
}

#text p{
	margin:0;
	padding:0 0 10px 0;
	font-size:70%;
}

.text-block1 {
	width:580px;
	float:left;
	padding:0 0 40px 0;
}

h2 {
	margin:0;
	padding:0 0 36px 0;
	color:#a8a8a8;
	font-size:107%;
}

h3 {
	margin:0;
	padding:8px 0 4px 0;
	color:#0b0511;
	font-size:69%;
	font-weight:bold;
}

ol.text-ol {
	font-size:70%;
}
ul.text-ol li{
	padding:0 0 4px 0;
}

ul.text-ul {
	margin:0;
	padding:0 0 0 16px;
	font-size:70%;
}

ul.text-ul li{
	padding:0 0 4px 0;
}

.text-block2 {
	width:600px;
	float:left;
}

#please-choose {
	float:left;
}

#choose {
	float:left;
	height:10px;
	font-size:70%;
}

#choose label{
	float:left;
	padding:3px 3px 0 0;
}

#choose select{
	float:left;
	width:120px;
}

/*************************************************box for left menu*********************************************/
#menu-box {
	float:left;
	width:130px;
	padding-bottom:7px;
}

#date {
	float:left;
	width:116px;
	background:#4f6f95;
	padding:9px 5px 9px 9px;
	margin-bottom:2px;
	font-size:69%;
}

#date p{
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:0
}
/*
#menu-box ul{
	float:left;
	margin:0;
	padding:0;
	width:130px;
}

#menu-box ul li{
	list-style:none;
	float:left;
	width:130px;
	margin-bottom:2px;
}

#menu-box ul li a{
	color:#4f6f95;
	font-weight:bold;
	font-size:63%;
	width:124px;
	line-height:28px;
	background:#c7d4e4;
	padding:0 0 0 6px;
	float:left;
}

#menu-box ul li a.tandem{
	line-height:10px;
	padding:5px 0 5px 6px;
}

#menu-box ul li a:hover{
	color:#fff;
	background:#4f6f95;
}
*/
/***********************************************right content with two box's**************************************/
#right {
	float:right;
	width:184px;
	padding:9px 0 12px 0;
}

#right a, #text a 
{
    color:#4F6F95;
	/*color:#5b5b5b;*/
	font-weight:bold;
}

#right a:hover, #text a:hover 
{
    color:Orange;
	/*color:#000;*/
}

.grid
{
	font-size:133%;
}

.box1-top, .box1-bottom {
	float:left;
	width:184px;
	height:8px;
	background:url(../../images/box1-top.jpg) no-repeat 0 0;
	overflow:hidden;
}

.box1-center {
	background:url(../../images/box1-bg.gif) repeat-y 0 0;
	float:left;
	width:176px;
	padding:0 2px 3px 6px;
}

.info-box1 {
	float:left;
	width:176px;
	background:url(../../images/angel.jpg) no-repeat 100% 0;
}

h4 {
	color:#ff7d00;
	margin:0;
	padding:0 0 27px 3px;
	font-size:113%;
	font-weight:bold;
}

h4.last {
	padding:0 0 0 3px;
}

.info-box1 p{
	padding:8px 10px 0 3px;
	margin:0;
	color:#5b5b5b;
	font-size:63%;
}

.box1-bottom {
	background:url(../../images/box1-bottom.jpg) no-repeat 0 0;
	margin-bottom:10px;
}

.box2-top, .box2-bottom {
	float:left;
	width:180px;
	height:7px;
	background:url(../../images/box2-top.jpg) no-repeat 0 0;
	overflow:hidden;
	margin-left:2px;
}

.box2-center {
	background:url(../../images/box2-bg.gif) repeat-y 0 0;
	float:left;
	width:159px;
	padding:0 12px 0 9px;
	margin-left:2px;
}

.box2-bottom {
	background:url(../../images/box2-bottom.jpg) no-repeat 0 0;
}

.info-box2 {
	float:left;
	background:url(../../images/spokeout.jpg) no-repeat 100% 10px;
	width:159px;
	padding:0 0 14px 0;
}

h5 {
	margin:0;
	padding:0;
}

.info-box2 p{
	padding:2px 0 0 0;
	margin:0;
	color:#5b5b5b;
	font-size:69%;
}
/***************************************top-image-and search form******************************************/
#image-and-search {
	position:absolute;
	top:18px;
	left:25px;
	width:784px;
	float:left;
}

#top-img {
	float:left;
	width:780px;
	border:2px solid #7a7a7a;
	margin-bottom:16px;	
}

#top-img img{
	float:left;
}

#search-box {
	float:left;
	width:768px;
	border:1px solid #7a7a7a;
	background:url(../../images/search-bg.jpg) repeat-x 0 0 #E6E6E7;
	padding:10px 0 13px 14px;
}

#search-box strong {
	float:left;
	color:#0b0511;
	font-size:107%;
}

#searching {
	float:left;
	height:23px;
	width:300px;
	padding-left:60px;
}

#searching label{
	color:#0b0511;
	font-size:63%;
	font-weight:bold;
	float:left;
	padding:5px 8px 0 0;
}

#searching input.text{
	float:left;
	width:134px;
	height:19px;
	border:1px solid #000;
}

#searching input.button{
	float:left;
	height:22px;
	padding-left:9px
}

#search-box ul{
	float:right;
	padding:0 5px 0 0;
	margin:0;
	width:220px;
	text-align:right;
}

.safari #search-box ul{
	margin-top:-3px;
}


#search-box ul li{
	list-style:none;
	background:url(../../images/separator.gif) no-repeat 100% 7px;
	padding:0 8px;
	display:inline;
}

#search-box ul li.last{
	background:none;
}

#search-box ul li a{
	font-size:63%;
	font-weight:bold;
	color:#0145a1;
}
	#search-box ul li a:hover{
	font-size:63%;
	font-weight:bold;
	color:#fff;
}

/******************************************************footer******************************************/
#footer {
	width:763px;
	background:#90bdc3;
	margin:14px 0;
	padding:12px 14px 11px 7px;
	overflow:hidden;
}

#footer ul{
	float:left;
	margin:0;
	padding:0;
}

#footer ul li{
	float:left;
	list-style:none;
	padding-right:4px;
}

#footer ul li.first{
	padding-right:6px;
}

#footer ul li a img{
	border:none;
}

#footer strong{
	color:#0b0511;
	float:right;
	font-size:63%;
	padding-top:5px;
}

#footer strong a{
	color:#000;
}

#footer strong a:hover{
	color:#fff;
}

#bottom {
	width:834px;
	height:2px;
	background:url(../../images/bottom.gif) no-repeat 0 0 #26877f;
	margin:0 auto;
	overflow:hidden;
}

