﻿/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, #tableImg td, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}


body {
	margin-top : 5px;
	padding : 0;
	text-align : left;
	font : 76% "Trebuchet MS", verdana, arial, sans-serif;
	color: #999999;
	background-image: url(../img/bg2.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-color: #7EC4D8;
}
#outerContainer {
	width : 850px;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	border: 5px solid #FFFFFF;
	line-height : 1.7em;
	background : #EAEFFF;
	color : #666;
}
			/*TOP BANNER*/
#header {
	height: 325px;
	padding : 0;
	margin : 0;
	color : #666;
	background-color: #99CCFF;
	background-image: url(../img/header5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
float : right;
margin : 10px 50px 0 0;
font-size : 1.8em;
letter-spacing: 3px;
background : transparent;
color : #eee;
}
			/*TOP NAVIGATION*/
			#thicktabs{
	font: bold 13px Tahoma;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
	color: #09C; /*padding of tabs*/
	text-decoration: none; /*thick bottom border below tabs*/
	background-color: transparent;
	background-image: url(../img/bluebg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #39C;
	border-bottom-color: #A3C6E2;
	padding-right: 11px;
	padding-bottom: 8px;
	padding-left: 11px;
	float: left;
	padding-top: 8px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #33F;
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
	background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #33F;
}

#thicktabs li a:visited{
	color: #999;
}

#thicktabs li a:hover{
	color: #69F;
	background-image: url(../img/bluebgover.gif); /*background image swap on hover*/
}
			
#topNavigation {
	float : left;
	width : 850px;
	border-top : 5px solid #666;
	border-bottom : 5px solid #666;
	margin-bottom : 20px;
	font-size : 1.3em;
	background : #bc1f26;
	color: #FFFFFF;
	border: 0px none #FFFFFF;
}
#topNavigation ul {
margin : 0;
padding : 0 5px 0 0;
list-style : none;
}
#topNavigation li {
display : inline;
margin : 0;
padding : 0;
}
#topNavigation a {
float : left;
background : url(img/tableftE.gif) no-repeat left top;
margin : 0;
padding : 0 0 0 0;
text-decoration : none;
}
#topNavigation a span {
float : left;
display : block;
background : url(img/tabrightE.gif) no-repeat right top;
padding : 5px 15px 4px 6px;
color : #fff;
}
#topNavigation a span {
float : none;
}
#topNavigation a:hover span {
color : #fff;
background : inherit;
}
#topNavigation a:hover {
background-position : 0% -42px;
}
#topNavigation a:hover span {
background-position : 100% -42px;
}
			/*MAIN CONTENT*/
#content {
	padding : 0;
	color : #666;
	background-color: #EAEFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	font-size: 14px;
	text-align: justify;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 165px;
}

#content2 {
	padding : 0;
	color : #666;
	background-color: #EAEFFF;
	font-size: 14px;
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width: 840px;
}

#content a:link, #content a:visited {
	text-decoration : none;
	background : inherit;
	color : #00F;
}
#content a:hover {
text-decoration : underline;
background : inherit;
color : #996681;
}
			/*SIDEBAR*/
#sidebar {
	float : left;
	margin : 0;
	width : 160px;
	color : #333;
	background-color: #EAEFFF;
}

#sidebar h2 {
	text-align: center;
	margin-left: -5px;
	text-transform: none;
}

			/*SIDE MENU*/
.sidemenu ul {
	padding: 0;
	border-top: 1px solid #b5d7f8;
	list-style-type: none;
}
}
.sidemenu ul li {
	border-bottom: 1px solid #b5d7f8;
	list-style-type: none;
}
.sidemenu ul li a {
	font-size: 14px;
	color: #666;
	text-decoration: none;
	width: 100%;
	font-weight: normal;
	display: block;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 5%;
	list-style-type: none;
}
.sidemenu ul li a:hover {
	background-color: #A2C5E3;
	color: #FFF;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #333;
}
			/*FOOTER*/
#footer {
	clear : left;
	height : 45px;
	padding : 5px;
	margin-top : 5px;
	color : #eee;
	background-color: #bc1f26;
	background-image: url(../img/footer.gif);
	background-repeat: repeat-x;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #333;
}
#footer a:hover {
border-bottom : 1px dashed #f7cdbf;
background : inherit;
color : #f7cdbf;
}
			/*TYPOGRAPHY*/
p {
margin : 20px;
}
h2 {
	margin-left : 15px;
	text-transform : uppercase;
	font-size : 120%;
	letter-spacing: 3px;
	background : inherit;
	color : #03C;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content h1 {
	margin-left : 15px;
	text-transform : capitalize;
	font-size : 120%;
	letter-spacing: 3px;
	background : inherit;
	color : #6488A0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-style: italic;
}

#content2 h1 {
	margin-left : 15px;
	text-transform : capitalize;
	font-size : 120%;
	letter-spacing: 3px;
	background : inherit;
	color : #6488A0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-style: italic;
}

#content h2 {
	margin-left : 15px;
	text-transform : capitalize;
	font-size : 120%;
	letter-spacing: 3px;
	background : inherit;
	color : #5F849E;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content2 h2 {
	margin-left : 15px;
	text-transform : capitalize;
	font-size : 120%;
	letter-spacing: 3px;
	background : inherit;
	color : #5F849E;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote {
	font-weight : normal;
	font-style : italic;
	color : #b29b35;
	text-align: center;
}

.divBorder {
	margin-left: 10px;
}

.imgBorder {
	padding: 4px;
	border: 1px solid #CCC;
}

.imgRight {
	float: right;
	margin-left: 5px;
	border: 1px solid #CCC;
	padding: 4px;
}

.imgLeft {
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #CCC;
}

.imgRightDetail {
	float: right;
	margin-left: 5px;
	border: 1px solid #CCC;
	padding: 4px;
	margin-right: 10px;
}

.imgLeftDetail {
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #CCC;
	margin-left: 10px;
}

#tabImg {
	float: right;
	width: 144px;
	padding: 0px;
	margin-top: 65px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#tabImg td {
	padding-bottom: 20px;
}
#ratestable {
	text-align: left;
	width: 50%;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
	padding: 5px;
	margin-left: 60px;
    }

#ratestable td {
	text-align: left;
	border: 1px solid #CCCCCC;
	padding: 5px;
	
    }			
.ratebox {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}

.ratebox td {
	padding: 10px;
}
