body {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	background-color: #C0C0C0;
	font: 0.80em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}

a { color: #EE0202; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

#container {
	margin: 0 auto; padding: 0;	
	width: 780px;
	background-color: #999999;
}

h1 { color: #fff; font-size: 16pt; margin: 0; }
h2 { color: #fff; font-size: 12pt; margin: 0; }
h3 { color: #fff; font-size: 10pt; margin: 0; }

.cleaner {
	clear: both;
	height: 0;
	font-size: 1px;
	margin: 0; padding: 0;
	background: transparent;
}


/*************************** HEADER **/

#header {
	margin: 0; padding: 0; 
	width: 780px; 
	height: 151px;
	background: url(../images/header.jpg) no-repeat #fff;
}

#banner {
    padding-top: 15px;
    width: 780px;
    height: 28px;
    background: url( ../images/bg_01.gif) repeat-x top left #666666;
    /*border: 1px solid green;*/
}
#banner-text {
    font-family: Swiss, Verdana;
    font-size: 20px; 
    font-weight: bold;
    color: #CCCCCC;
    /*border: 1px solid blue;*/
}


/******************************  TOP NAV  ************************/
#header-bar {
	margin: 0; padding: 0;
	width: 100%;
	background: #EE0202;
	height: 25px;
}
#header-bar li {
	margin: 2px 2px 0 0; padding: 2px 0;
	float: left;
	width: 102px;
	list-style-type: none;
	
	
}
#header-bar a {
	margin: 0; padding: 0;
	display: block;
	color: #333;
}
#header-bar a:hover {
	text-decoration: none; 
}
#header-bar li ul { /* all lists */
	margin: 0 0 3px 0; 
	padding: 0 0 0 0;
	list-style: none;
	line-height: 1;
	width: 100%;
}



#nav-top {float: right; margin: 0 !important; padding-left: 0px; }

#nav-top a { color: #333; }

#nav-top li { background: #fff; }

/* 2nd Level */
#nav-top li ul {
	position: absolute;
	width: 155px;
	height: auto;
	left: -999em;
	margin: 0 0 0 0;
}


#nav-top li:hover ul, #nav-top li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto;
	color: #fff !important;
}
#nav-top ul li { 
	margin: 0 0 0 12px;
	padding: 4px 0 4px 6px;
	text-align: left; 
	border: none;
	width: 155px;
	height: auto;
	text-transform: none;
	
}
#nav-top ul li a { 
    padding: 2px 0;
	font-weight: normal; 
	width: 155px;
	color: #333;
	font-size: 11px;
}

#nav-top ul li a:hover { color: #fff; text-decoration: none; }

#nav-top li.li-red { background-color: #EE0202; color: #fff; }
#nav-top li.li-red a { color: #fff !important; }

/* 3rd Level */
#nav-top li#nav-li-2 li ul {left: -999em; margin-top: -14px; }
#nav-top li#nav-li-3 li ul {left: -999em; margin-top: -14px; }
#nav-top li#nav-li-4 li ul {left: -999em; margin-top: -14px; }
#nav-top li#nav-li-5 li ul {left: -999em; margin-top: -14px; }
#nav-top li#nav-li-6 li ul {left: -999em; margin-top: -14px; }


#nav-top li#nav-li-2 li, 
#nav-top li#nav-li-3 li, 
#nav-top li#nav-li-4 li, 
#nav-top li#nav-li-5 li, 
#nav-top li#nav-li-6 li {
    background-color: #fff; 
    color: #333 !important; 
    border-left: 1px solid #EE0202;
    border-right: 1px solid #EE0202;
    border-bottom: 1px solid #EE0202; 
}

#nav-top li#nav-li-2 li a, 
#nav-top li#nav-li-3 li a, 
#nav-top li#nav-li-4 li a, 
#nav-top li#nav-li-5 li a, 
#nav-top li#nav-li-6 li a {color: #333 !important; }

#nav-top li#nav-li-2 li a:hover, 
#nav-top li#nav-li-3 li a:hover, 
#nav-top li#nav-li-4 li a:hover, 
#nav-top li#nav-li-5 li a:hover, 
#nav-top li#nav-li-6 li a:hover {color: #fff !important; }


#nav-top li#nav-li-2 li:hover, #nav-top li#nav-li-2 li.sfhover,
#nav-top li#nav-li-3 li:hover, #nav-top li#nav-li-3 li.sfhover, 
#nav-top li#nav-li-4 li:hover, #nav-top li#nav-li-4 li.sfhover, 
#nav-top li#nav-li-5 li:hover, #nav-top li#nav-li-5 li.sfhover, 
#nav-top li#nav-li-6 li:hover, #nav-top li#nav-li-6 li.sfhover { background-color: #EE0202; color: #fff !important;}

#nav-top li ul li:hover ul, #nav-top li ul li.sfhover ul
{ 
	left: auto !important;
	margin-left: 155px;
	background-color: #FFFF99;
	padding-left: 0;
	color: #fff !important;
}

#nav-top li ul li { margin-left: 0; }

.first {border-top: 1px solid red !important; }





/*************************** HOMEPAGE **/

#top-index {
	margin: 0; padding: 0;
	width:780px;
	height: 280px; 
	background-color: #999999;
	/*border: 1px solid red;*/
}

#top-index li { margin-left: 0 !important; }

#top-index-left {width: 380px;  }
#top-index-left-inside {
    margin: 20px;
    width: 340px; 
    height: 240px;
    overflow: auto; 
    color: #fff;
}


#top-index-right { 
    width: 400px; 
    height: 280px; 
    background: url(../images/pic_01.jpg) no-repeat top right #999;
}

#middle-index {
    padding: 40px 18px;
    width:744px;
    background: url(../images/bg_02.gif) repeat-x top left #666666;
}

#box-blue { background-color: #C8D9E0; }
#box-green { background-color: #D0DFC2; }
#box-yellow { background-color: #F2EEC8; }

.box-image { border: 1px solid #EE0202; width: 231px; height: 118px; }

#box-blue-tab {padding-left: 118px; background: url(../images/t_02.gif) no-repeat top right #C8D9E0; }
#box-green-tab {padding-left: 118px; background: url(../images/t_03.gif) no-repeat top right #D0DFC2;  }
#box-yellow-tab {padding-left: 118px; background: url(../images/t_04.gif) no-repeat top right #F2EEC8; }

#box-blue-text {padding: 10px 10px 15px 10px; height: 90px; }
#box-green-text {padding: 10px 10px 15px 10px; height: 90px; }
#box-yellow-text {padding: 10px 10px 15px 10px; height: 90px; }


/************************** INTERIOR  *************************/
#top {
    padding: 0 20px 20px 20px;
    width: 740px; 
    color: #fff;
    
}

#top li { margin-left: 0 !important; }

.title {color: #fff; font-weight: bold; font-size: 18px; margin: 10px 0 15px 0; }
.page-image {margin: 0 20px 0 0;}

/****template 3************/
.top-section {
	margin: 0;
	width: 740px; 
	background-color: #999;
	padding: 0 20px 0 20px;
}

.bottom-section {
	margin: 0;
	width: 740px; 
	background-color: #999;
	padding: 0 20px 20px 20px;
}
.top-section img{ margin: 0 20px 20px 20px; }

.top-section div {
    margin: 0;
    color: #fff;  
}

.bottom-section div {
    margin: 0;
    color: #fff;  
}

.image-content{
	padding: 20px 18px;
    width: 744px;
    background-color: #999;
}
.image-content td.box { background-color: #666; }
.box-text {padding: 10px; color: #c0c0c0; }
.box-text li { margin: 0 0 0 15px; }

#bottom {
   padding-bottom: 20px;
   background-color: #666;
}
#bottom-left {margin-left: 0; }
#bottom-right {margin-right: 15px;}

#table-bottom { margin: 0 0 20px 0; background-color: #666; }

.bubble-bg { background: url(../images/bubble_02.gif) repeat-y 0 0; }
#specials { background: url(../images/specials_bg.gif) repeat-y top right; }
#specials-text { padding: 15px 25px 15px 0; width: 330px; }
#specials-bottom { height: 20px; background: url(../images/specials_bottom.gif) no-repeat 0 0; }

#offers { background: url(../images/offer_bg.gif) repeat-y #666 0 0; }
#offers-text { padding: 15px 30px; }
#offers-bottom { height: 20px; background: url(../images/offer_bottom.gif) no-repeat 0 0; }

/*------------------------------------------*/
/* =FOOTER */
#footer {
	padding: 15px;
	height: 55px;
	color: #fff;
	font-size: 11px;
	border-top: 1px solid #EE0202;
}
#footer-text { float: right; margin: 15px 0 0 0; }
#footer a { text-decoration: underline; color: #CCFE00; }
#footer a:hover { text-decoration: underline; }
#footer-social { float: left; }
#footer-social a { text-decoration: none; }
#footer-social a:hover { text-decoration: none; }
#footer-social span { float: left; margin: -28px 0 0 45px; }

/*------------------------------------------*/

#table-bottom td { /*border: 1px solid yellow;*/ }