﻿body 
{
color: #fff;
font-family: Tahoma,Verdana;
font-size: 9pt;
margin-top: 0px;
/* background: url("../images/body.png") repeat-x scroll 0 0 #f7f7f7; */
background:transparent;

}
ol, ul 
{
list-style: none outside none;
}   
#wrapper 
{
height: auto;
margin: 0 auto;
min-height: 100%;
position: relative;
width: 975px;
}
#container 
{
margin: 0 auto;
min-width: 970px;
width: 970px;
}
#header
{
height: 170px;
display: block;
 /* background: url("../images/Ceats_Logo_3.png") no-repeat scroll 0 0 transparent; */
 background: transparent;
}
#logo 
{
float: left;
width: 100%;
height: 173px;
}
#login
{
 float: left;
width: 230px;
}
#ceatslogo 
{
background: url("../images/Ceats_Logo_1.png") no-repeat scroll left top transparent;
display: block;
float: left;
height: 173px;
overflow: hidden;
width: 100%;
}
#navcontainer 
{
  font-family: Tahoma,Verdana;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 147px;
}
#navcontainer ul
{
padding: 5px 0px 2px; 
margin: 0;
list-style : none; 
}
#navcontainer ul li 
{
background: none repeat scroll 0 0 #03315F;
display: inline;
padding-bottom: 2px;
padding-top: 5px;
color: #fff;
}
#navcontainer ul li.faq
{
background: none repeat scroll 0 0 #436F24;
}
#navcontainer ul li a 
{
padding: 2px 10px; 
text-decoration: none;
}
#navcontainer ul li a:link 
{
 color: #fff;
}
#navcontainer ul li a:visited 
{
color: #fff;
}
#navcontainer ul li.activelist
{
 background: none repeat scroll 0 0 #8CC2D2;  
}
#navcontainer ul li.activelist a
{
 color:#03315F;  
}
hr 
{
display: none;
}
hr 
{
color: #E5E6E6;
height: 1px;
}
.clear 
{
 clear: both;
}
.navline ,.linebr
{
background: url("../images/top.png") no-repeat scroll 0 0 transparent;
height: 12px;
}

#maincontent
{
background: none repeat scroll 0 0 #424456;   
height: 400px;
padding:10px;
}
#featured 
{
background: none repeat scroll 0 0 #fff;
border: 2px solid #436F24;
height: 390px;
padding-right: 245px;
position: relative;
width: 700px;
}
#featured ul.ui-tabs-nav 
{
    height: 390px;
    left: 700px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 245px;
   
}
#featured ul.ui-tabs-nav li 
{
    color: #666666;
    font-size: 12px;
    height: 126px;
    border: 2px solid #000000;
}
#featured li.ui-tabs-nav-item a 
{
    color: #333333;
    display: block;
    height: 108px;
    line-height: 10px;
    width: 220px;
}
#featured ul.ui-tabs-nav li img 
{
    border: 0 none;
    float: left;
 
}
#featured li.ui-tabs-selected 
{
    background: none repeat scroll 0 0 #000000;
}
#featured .ui-tabs-panel 
{
    height: 350px;
    position: relative;
    width: 700px;
}

#featured ul.ui-tabs-nav li div.thumcontent
{ 
	font-size:11px; 
	font-family:Tahoma; 
	color:#fff;
	text-align:justify;

}
#featured ul.ui-tabs-nav li div.thumtitle
{ 
	font-size:15px;
	font-weight:bold;
	font-family:Tahoma; 
	color:#fff; 
	overflow:hidden;
	text-align:left;
}


#featured .ui-tabs-panel .info
{ 
	position:absolute; 
	top:295px; left:0; 
	height:75px; 
	background: url('../images/transparent-bg.png'); 
	width:100%;
	opacity:0.7;
}
#featured .ui-tabs-panel .demo {
    float: right;
    height: 30px;
    opacity: 0.7;
    position: relative;
    width: 30%;
}
#featured a.btndemo 
{
    -moz-border-radius: 4px 4px 4px 4px;
    background: none repeat scroll 0 0 #4e5673;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    text-shadow: 1px 1px 1px #333333;
    width: 75px;
    padding:2px 15px;
}
#featured .info h2
{ 
	font-size:18px; 
	font-family:Tahoma; 
	color:#FFE303; 
	padding:5px; 
	margin:0;
	overflow:hidden;
	text-align:left; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color: #FFE303; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#featured div.favevent 
{
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    padding: 5px 5px 0;
    text-align: left;
    font-weight:bold;
}
#roundcontent
{
 
}
.roundcont 
{
	
	color: #fff;
    clear: none;
    display: block;
    float: left;
    position: relative;
    width: 320px;
    font-family: Tahoma;
    font-size: 13px;
    height:250px;
    
   
}
.boxinner
{
  padding: 6px 8px 0;
  
}
.tblboxinner
{
   background: #4e5673;  
   padding:5px;
}

.roundleft {
    background: url("../images/ceatsdemoimages/grey.box.png") repeat-x scroll 0 0 transparent;
}
.roundmiddle
{
   background: url("../images/ceatsdemoimages/dark.red.box.png") repeat-x scroll 0 0 transparent;
   margin-left:5px;
   margin-right:5px;
}
.roundright
{
   background: url("../images/ceatsdemoimages/tan.box.png") repeat-x scroll 0 0 transparent;
}

.roundinnercontent
{
   padding-right:40px; 
   padding-top:10px; 
  
}
.roundinnercontent ul
{
   list-style-type:disc;
   color:#000;
   
}
.roundinnercontent ul li
{
 
   
}
.roundinnercontent ul li p
{
 font-size: 13px; 
font-weight:bold;
text-align:justify;
text-shadow: 1px 1px #333333;
color:#fff;
}
#footer
{
    
    background:none repeat scroll 0 0 #000000;
    height:100px;
    font-size: 13px; 
    
    
}
#bottomFront 
{
    background: url("../images/bottom-main.png") no-repeat scroll 0 0 transparent;
    height: 12px;
}
.footerlinks
{
     clear: none;
    display: block;
    float: left;
    position: relative;
    width: 25%;
    font-family: Tahoma;
    font-size: 13px;
    
}
.links li.title {
    border: 0 none;
    font-weight: bold;
    height: 22px;
    padding: 0;
}
.footerlinks .links a 
{
    text-decoration: none;
    text-shadow: 1px 1px #333333;
}
.ulfirst a
{
    
    color:#9cf;
    
}
.ulsecond a
{
    
    color:#9cf;
}
.ulthird a
{
    
    color:#9cf;
}
.ulfourth a
{
    
   color:#9cf;
}