/* CSS Document */


/*---------------------------------general-------------------------------------*/

body{
margin:0;
padding:0;
line-height: 1.5em;
/*background:url(images/bg_middle_aurora.jpg) repeat-x #D3E2E9;*/
background: url(../images/bg.jpg) top #4a8ebd no-repeat;

}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
clear:left;
background: url(../images/bg.jpg) #4a8ebd repeat-y;

}


.subtitle{

font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-style:italic;
color: #154F77;
font-weight:bold;

}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 0;
height:37px;
font-size:1px;
margin: 0 ;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0 0 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}

.marghinbottom2{
margin: 0 0 2px 2px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;

}

img.logo_image{
padding: 0 0 0 0;
}

a img {	border: 0; }





/*-----------------------Top Navigation ---------------------------*/

#top_navigation{
width: 875px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*background-color:#FFFFFF;*/
background: url(../images/top.jpg) center no-repeat   ;
height: 78px;
/*border:solid thin #00FF99*/
 
}

#left_header{

float: left;
width: 100%;
}

#conten_left_header{
margin-right: 500px; /*Set right margin to RightColumnWidth*/
font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; font-weight:bold; line-height: 110%;
padding: 26px 0 0 0;
/*border: 1px #FF0000 solid*/
}

#right_header{
float: left;
width: 500px; /*Width of right column*/
margin-left: -500px; /*Set left margin to -(RightColumnWidth) */ 
text-align:center; 
padding: 49px 0 0 0;
}


/*------------------------------------- tab style ------------------------------------*/

#cfnavbar{
margin: 0 20px 0 0;
padding: 0;
float:right
}

#cfnavbar ul{
/*background: url(images/bg.png) repeat-x;*/
padding: 0;
margin: 0;
float: left;
font:  80% Arial;
}

#cfnavbar ul li{
display: inline;

}


#cfnavbar ul li a, #cfnavbar ul li span {
float: left;
color: #003366;

padding: 8px 14px 5px 7px;
text-decoration: none;
}

#cfnavbar a:hover {

color: #FFFFFF;
text-decoration: underline;

}


#cfnavbar ul li img{
float: left;
}



a.nondivider{
 background: url(../images/bg.gif) repeat-x;
}

div.nondivider{
 background: url(../images/bg.gif) repeat-x;
}


a.divider{
background: url(../images/divider.png) top right no-repeat;

}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(../images/leftcorner.gif) top left no-repeat;
}

#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(../images/rightcorner.gif) top right no-repeat;
}



#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/*end of tab style*/


/*------------------Top Banner-----------------------------------------------------*/

#topsection{
background: url(../images/header-bl.jpg) no-repeat top;
height: 210px; /*Height of top section*/
}

#topsectionrightcolumnwrapper{
float: right;
width: 334px; /*Width of right column in pixels
background: #FDE95E;*/
}

#topsectionrightcolumn{
margin-right: 76px;

padding: 45px 0 0 0;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #e7efef;
/*color:#FFFFFF;*/
font-weight:bold;

line-height: 1em;

text-align:justify;
}

#topsectionfooter{
clear: right;
padding: 34px 0 0 0;
height:20px;
}

#slogan{

height: 37px; /*Height of slogan*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}


/*----------------------------content area-----------------------------------------------*/

#contentarea{
width: 1000px;
background: url(../images/body1.jpg) no-repeat top;
/*border: solid #FFFF00 2px;*/
}

#left_margin_clear{
width: 68px; 
float:left; 
/*border:thin solid #FFBA75*/

}

#contentwrapper{
/*width: 100%;*/
float: left;
width: 585px;
display:block;
margin: 0 0 0 0;
}

#contentcolumn{
/*border:#3300CC 2px solid;*/

}

#rightcolumn{
display:block;
width: 342px; /*Width of right column*/
margin: 0 0 0 653px;

/*background:url(images/nav_bg.png) no-repeat;*/
/*border:#FF66CC solid 4px;*/

}


/*--------------------------------------right navigation -----------------------------------------*/

div#right_nav{ padding:0 0 0 15px;}

div#right_nav a:link{ font-family:Arial, Helvetica, sans-serif; color:#154F77;  font-size:11px; text-decoration: none; font-weight:bold; text-decoration:none}
div#right_nav a:visited{font-family:Arial, Helvetica, sans-serif; color:#154F77;  font-size:11px; text-decoration: none; font-weight:bold; text-decoration:none}
div#right_nav a:hover{font-family:Arial, Helvetica, sans-serif; color:#154F77;  font-size:11px; text-decoration: none; font-weight:bold; text-decoration: underline}
div.nav_link{ height:18px;  padding: 6px 0 0 2px; font-size: 1px; line-height: 14px;}
div.nav_line{ height:2px; background:url(../images/nav_line.png) no-repeat; font-size: 1px;}
div.nav_link_png{width:246px; height: 2px;   padding:0; margin:0; background: url(../images/nav_line.png)}
div.nav_line_long{ height:2px; background:url(../images/nav_line_long.jpg) no-repeat; font-size: 1px;}


/*----------------------------------left content area---------------------------------------------*/

#left_content{
/*border: #00FF66 2px solid;*/
padding: 0 0 0 0;
/*margin-left: 50px;*/
/*margin-left: 50px;
*/
}

#content_left_content{
width: 210px;
float: left;
/*border:solid thin #660066;*/
padding: 0;

}

#middle_arrow{
float: left;
width: 15px; /*Width of left column in pixel*/
/*border: #FF0000 solid 1px;*/

}

div.arrow0{ 
display: none;
}

div.arrow1{
padding: 10px 0 0 5px;
}

div.arrow2{
padding: 50px 0 0 5px;
}

div.arrow3{
padding: 90px 0 0 5px;
}

div.arrow4{
padding: 127px 0 0 5px;
}

div.arrow5{
padding: 165px 0 0 5px;

}

#right_content{


margin: 0 0 0 235px;
text-align:center; 
/*padding: 47px 0 0 0;*/
/*border: #FF0000 solid 1px;*/
}


/*----------------------------preview frame -----------------------------------------*/

div.top_preview_frame{
width: 320px;
height: 7px;
background: url(../images/frame_top.gif) no-repeat;
font-size:1px;
}

div.middle_preview_frame{
width: 319px; 
height:182px;
border-left: solid 1px #BCDEF6; 
border-right: solid 1px #BCDEF6; 
}

div.bottom_preview_frame{
width: 320px;
height: 8px;
background: url(../images/frame_bottom.gif)  no-repeat;
font-size:1px;
}

div.website_preview{
font-family:Arial, Helvetica, sans-serif; 
color:#00274F;  
font-size:11px; 
text-decoration: none; 
text-align:left;
margin: 0 10px 0 10px;
line-height: 19px;
}

img.previewImg{
float:right; margin: 0 0 4px 6px; border:solid 1px #666666;
}
/*-----------------------------------------------------------------------------------*/