@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image: url("images/navimage/background.jpg");
	background-repeat:repeat-x;
	background-color:#d7d7d7;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#FFFFFF;
	width:1000px;
	height:auto;
	text-align: left;
}

a:link{ font-weight:bold; color:#000000;}
a:visited{ color: #404040;	text-decoration: underline;}
a:active{ color: #464646;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #7f0303;}


/*==========main container==========*/
.mainContainer{width:1000px; height:auto; float:left; background-color:#FFFFFF;}

/*==========header==========*/
.headerContainer{width:1000px; height:128px; float:left; font-size:1px;}
.headerLogo{width:745px; height:96px; float:left; font-size:1px;}
.headerOpening{width:255px; height:96px; float:left; font-size:1px;}
.menuContainer{width:1000px; height:32px; float:left; background-image: url("images/navimage/menu-bg.jpg"); background-repeat:repeat-x; font-size:1px;}
.menuLinks{width:670px; height:32px; float:right;}

/*==========content==========*/

/*==========top banner==========*/
/*.topBanner{width:1000px; height:227px; float:left; font-size:1px;}*/
/*.banner{width:747px; height:227px; float:left; font-size:1px;}*/
.topBanner{width:1000px; height:74px; float:left; font-size:1px;}
.banner{width:747px; height:74px; float:left; font-size:1px;}
.offer1and2{width:253px; height:74px; float:left; font-size:1px;}
.offer3{width:253px; height:79px; float:left; font-size:1px;}
.offerOne{width:253px; height:74px; float:left; font-size:1px;}
.offerTwo{width:253px; height:74px; float:left; font-size:1px;}
.offerThree{width:253px; height:79px; float:left; font-size:1px;}

/*========== LEFT MENU / SIDE ==========*/
/*==========Vertical Menu==========*/
.verticalMenuContainer{ width:200px;  float:left; background-color:#a8a8a8;}
.verticalMenuTop{ width:200px; height:25px; float:left; background-image: url("images/navimage/categories.jpg"); background-repeat:no-repeat}
.verticalMenuMiddle{ width:200px; height:auto; float:left;}
.verticalMenuBottom{ width:200px; height:8px; float:left;}

.glossymenu{
	margin: 5px 0;
	padding: 0;
	margin-left:5px;
	width: 190px; /*width of menu*/
}

.glossymenu a.menuitem{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color: #000000;}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image:  url("images/navimage/menu_bg.jpg");
	color:#FFFFFF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: #d3d3d3;}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{ border-bottom: 1px solid #a8a8a8;}

.glossymenu div.submenu ul li a{
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 15px;
}

.glossymenu div.submenu ul li a:hover{ background:#bf8081; color: #ffffff;}

/*==========middle content==========*/
.middleContainerIndex{width:600px; height:auto; float:left; background-color:#FFFFFF;}
.textIndex{
	width:560px;
	height:auto;
	float:left;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

.middleContainer{width:800px; height:auto; float:left; background-color:#FFFFFF;}
.text{
	width:760px;
	height:auto;
	float:left;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

.h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#7f0303;
}

.h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#7f0303;
}

.h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#7f0303;
}

.h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#808080;
}

.h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#808080;
}

.h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#808080;
}


.tableText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

/*==========middle content==========*/
.rightContainer{width:200px; height:auto; float:left; background-color:#a8a8a8; font-size:1px;}
.extraleftContainer{width:200px; height:auto; float:left; background-color:#a8a8a8; font-size:1px;}

/*==========footer==========*/

.footerBorder{width:1000px; height:10px; float:left; background-image: url("images/navimage/footer.jpg"); background-repeat:repeat-x; font-size:1px;}
.footerContainer{ width:1000px; height:auto; float:left; background-color:#FFFFFF;}
.footerAddress{
	width:160px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerContact{
	width:200px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerContact a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	text-decoration:none;
}
.footerContact a:hover{ text-decoration:underline; color:#464646;}
.footerContact a:active{ text-decoration:none; color:#464646;}
.footerContact a:visited{ text-decoration:none; color:#464646;}
.footerLinks{
	width:500px; 
	height:91px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}
.footerLinks a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
	text-decoration:none;
}
.footerLinks a:hover{ text-decoration:underline; color:#7f0303;}
.footerLinks a:active{ text-decoration:none; color:#464646;}
.footerLinks a:visited{ text-decoration:none; color:#464646;}

.footerDivider{ width:24px; height:111px; float:left; background-image: url("images/navimage/divider.jpg");}

.textSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#464646;
}