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

*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-indent: 0;
}

body{
	color: #000000;
	text-align: center;
	background: #fff;
	font-family: Arial, Sans-Serif;
	font-size: 62.5%;
}

/* ---------- Mega Drop Down --------- */

#wrap {
min-height:100%; 
width:960px; 
margin: 0px auto 0;
background:#333;
}
* html #wrap { 
height:100%; 
}

#mega {
width:960px; 
list-style:none;
font-weight:bold;
margin:1.5em -1px 0 0;
z-index: 200;
background: url(/images/nav/main_bg.jpg) no-repeat;
position: absolute;
top: 87px;
-moz-border-radius: 5px;
	border-radius: 5px;
}
#mega li {
border-right:1px dotted #fff;
float:left;
width:8.567em;
text-align:left;
position:relative;
padding: .5em 10px 0 10px;
height: 68px;
}
#mega li a.menuitem{
line-height: 1.3;
color: #fff;
font-weight: bold;
height: 68px;
font-size: 1.05em;
}
#mega a.menuitem:hover{
color: #fff;
}
#mega li:hover {
background: url(/images/nav/hover.png) repeat;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
margin-top:0px;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#fff;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}
/* ----------- Hide/Show Div ---------- */

#mega div{
-moz-border-radius: 5px;
border-radius: 5px;
}

#mega div.col4-nav {
position:absolute;
left:-999em;
width:840px;
padding: 1em 6px 10px 6px;
margin-top:1em solid #fff;
font-weight:normal;
text-align:left;
background: url(/images/mega_bg4.png) repeat-y 2px 0 #fff;
z-index: 200000;
}

#mega div.col3-nav {
position:absolute;
left:-999em;
width:630px;
padding: 1em 6px 10px 6px;
margin-top:1em solid #fff;
font-weight:normal;
text-align:left;
background: url(/images/mega_bg3.png) repeat-y 2px 0;
z-index: 200000;
}

#mega div.col2-nav {
position:absolute;
left:-999em;
width:420px;
padding: 1em 6px 10px 6px;
margin-top:1em solid #fff;
font-weight:normal;
text-align:left;
background: url(/images/mega_bg2.png) repeat-y 2px 0;
z-index: 200000;
}

#mega div.nav-1col{
position:absolute;
left:-999em;
padding: 1em 6px 10px 6px;
margin-top:1em solid #fff;
font-weight:normal;
text-align:left;
z-index: 200000;
width:210px;
background: #fff;
}

#mega li:hover div.col4-nav,
#mega li:hover div.col3-nav,
#mega li:hover div.col2-nav,
#mega li:hover div.nav-1col  {
left:-1px;
top:auto;
}

#mega li.dif1:hover div.col4-nav,
#mega li.dif1:hover div.col3-nav,
#mega li.dif1:hover div.col2-nav,
#mega li.dif1:hover div.nav-1col  {
left:-81px;
}

#mega li.dif2:hover div.col4-nav,
#mega li.dif2:hover div.col3-nav,
#mega li.dif2:hover div.col2-nav,
#mega li.dif2:hover div.nav-1col  {
left:-181px;
}

#mega li.dif3:hover div.col4-nav,
#mega li.dif3:hover div.col3-nav,
#mega li.dif3:hover div.col2-nav,
#mega li.dif3:hover div.nav-1col  {
left:-281px;
}

#mega li.dif4:hover div.col4-nav,
#mega li.dif4:hover div.col3-nav,
#mega li.dif4:hover div.col2-nav,
#mega li.dif4:hover div.nav-1col  {
left:-101px;
}
/* --------- Within Div Styles --------- */

.nav_column{
      float: left;
      width: 210px;
}

#mega div.col4-nav  dl,
#mega div.col3-nav  dl,
#mega div.col2-nav  dl,
#mega div.nav-1col dl{
width: 205px;
float: left;
margin: 0 5px 0 0;
}

#mega div.col4-nav  dt,
#mega div.col3-nav  dt,
#mega div.col2-nav  dt,
#mega div.nav-1col  dt{
font-size:1.1em;
padding:3px 6px;
margin:0 0 5px 0;
clear:both;
float:left;
position:relative; /* makes above drop shadow */
color:  #fff;
width: 190px;
font-weight: bold;
background:url(/images/nav/nav-bg.jpg) repeat-x;
-moz-border-radius: 3px;
border-radius: 3px;
}
#mega div.col4-nav  dt.greenbg,
#mega div.col3-nav  dt.greenbg,
#mega div.col2-nav  dt.greenbg,
#mega div.nav-1col  dt.greenbg{
background:#339900;
}
#mega div.col4-nav  dt a,
#mega div.col3-nav  dt a,
#mega div.col2-nav  dt a,
#mega div.nav-1col dt a{
color:  #fff;
font-weight: bold;
line-height: 1.3;
}
#mega div.col4-nav dt a:hover,
#mega div.col3-nav dt a:hover,
#mega div.col2-nav dt a:hover,
#mega div.nav-1col dt a:hover{
color:  #ccc;
background:url(images/nav/clear.gif) repeat-x;
}
#mega div.col4-nav  dd,
#mega div.col3-nav  dd,
#mega div.col2-nav  dd,
#mega div.nav-1col dd{
margin: 0 0 3px 5px;
position:relative; /* makes above drop shadow */
font-size:1.2em;
font-family: Arial, Sans-Serif;
color:#000;
}
#mega div.col4-nav  dd a,
#mega div.col3-nav  dd a,
#mega div.col2-nav  dd a,
#mega div.nav-1col dd a{
text-decoration:none;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.2;
font-weight: normal;
color: #333;
margin: 0 0 7px 0;
}

#mega div.col4-nav  dd.greendd a,
#mega div.col3-nav  dd.greendd a,
#mega div.col2-nav  dd.greendd a,
#mega div.nav-1col dd.greendd a{
color: #339900;
}

#mega div.col4-nav  a:hover, #mega div.col4-nav a:focus, #mega div.col4-nav  a:active,
#mega div.col3-nav  a:hover, #mega div.col3-nav a:focus, #mega div.col3-nav  a:active,
#mega div.col2-nav  a:hover, #mega div.col2-nav a:focus, #mega div.col2-nav  a:active,
#mega div.nav-1col a:hover, #mega div.nav-1col a:focus, #mega div.nav-1col a:active {
text-decoration:none;
color: #3f6cc6;
background: #f1f1f1;
}

.navclear{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

/* ---------- Drop Shadow ---------- */
#mega div.col4-nav  .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div.col4-nav  .s1 {
top:1px;right:-9px;
} 
#mega div.col4-nav  .s2 {
bottom:-9px;left:1px;
} 
#mega div.col4-nav  .s3 {
top:9px;right:-9px;
}
#mega li:hover .s4 {
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}
.navclear{
width: 100%;
clear: both;
}


	

/* header layout layout 
------------------------------*/

#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}


#logobar{
	width: 960px;
	height: 87px;
	float: left;
	background:url(images/container_bkgd.png) repeat-y #000;
	position: relative;
        -moz-border-radius: 5px;
	border-radius: 5px;
        margin: 0 0 1em 0;
}

#logo{
	padding: 23px 0 0 18px;
	float:left;
	width: 725px;
}

#logo p{
	padding: 7px 0 0 52px;
	font: 1.6em Helvetica, Arial, sans-serif;
	color: #666666;
}

.logo_left{
	float: left;
	}

.header_left{
	float: left;
	margin: 1.3em 0 0 20px;
	}
	
#qq{ 
	height: 32px;
	padding: 0 0 0 10px;
	width: 156px;
	position: absolute;
	top: 0;
	left: 745px;
}

#facebook{
	height: 25px;
	padding: 5px 0 0 10px;
	width: 25px;
	position: absolute;
	top: 3em;
	left: 705px;
}
	
.search-box{
	height: 26px;
	padding: 5px 0 0 10px;
	width: 185px;
	position: absolute;
	top: 3.1em;
	left: 745px;
}

.google-search{
	width: 250px;
	position: absolute;
	top: 2em;
	left: 680px;
}
 
input.search-field{
	float: left;
	border:1px solid #999;
	margin:0;
	font-family:tahoma;
	font-size: 12px;
	color: #fff;
	padding: 3px 0px 0px 3px;
	height:18px;
	background: #666;
	width: 150px;
}
 
input.search-go {
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 21px;
	width: 21px;
	background: url(/images/search-icon.png) no-repeat top left;
	cursor: pointer;
}
 
input.search-go:hover{
	background:url(/images/search-icon.png) no-repeat bottom left;
}

#gsearch{
height: 100px;
clear: both;
margin: 100px 0 0 0;
}
	
/* home page
-----------------------------------*/	

#home_content{
	width: 960px;
	margin: 7.3em 0 0 0;
	float: left;
	background: #fff;
	height: 490px;
}

#home_main{
	width: 720px;
	float: left;
	margin: 2em 0 0 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
        position: relative;
}

#callout{
width: 175px;
position: absolute;
top: 310px;
right: 0;
z-index: 10;
}

#home_right{
	width: 220px;
	float: left;
	margin: 2em 0 0 20px;
}

#home_right1,
#home_right2,
#home_right3{
	width: 220px;
	height: 137px;
	margin: 0 0 20px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#home_right1{
background: #4e80cf;
}
#home_right2{
background: #9bd096;
}
#home_right3{
background: #675597;
}

#home_right h2{
	text-transform:uppercase;
	color: #fff;
	padding: 10px 10px 0 10px;
	font-size: 1.3em;
	background:url(/images/arrow-home.png) no-repeat 195px 5px;
}

#home_right h2 a{
	text-decoration: none;
	color: #fff;
}

#home_right h2 a:hover{
	text-decoration: none;
	color: #ddd;
}

#home_right p{
	color: #fff;
	padding: 0 10px 0 10px;
	font-size: 1.1em;
}

#home_right p a{
	color: #fff;
        text-decoration: none;
}

#home_right p a:hover{
	color: #ccc;
}

/* news ticker / webcam link
-----------------------------------*/	

#tickerwrap{
	width: 960px;
	height: 45px;
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	}
		

#news_ticker{
	width: 720px;
	height: 45px;
	background: url(/images/footer-bg.jpg) no-repeat;
	clear: both;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#ticker_left{
	float: left;
	width: 120px;
	height: 45px;
	border-right: 1px solid #fff;
	}
	
#ticker{
	float: left;
	width: 590px;
	}
	
#ticker_left h2{
	color: #fff;
	font-size: 1.8em;
	padding: .6em 0 0 15px;
	font-weight: bold;
	letter-spacing: 0;
}

#ticker li{
	color: #fff;
	font-size: 1.4em;
	padding: 1em 20px 0 10px;
	list-style: none;
	display: inline;
}

.tickercontainer {
	width: 598px; 
	height: 33px; 
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 3px;
	width: 600px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 560px;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #3f6cc6;
	margin: 0 20px 0 0;
} 

ul.newsticker a:hover {
	color: #fff;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
}

#vision{
	width: 220px;
	height: 45px;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 0 20px;
	}
		
/* standard page layout
-----------------------------------*/	

#content{
	width: 960px;
	float: left;
	position: relative;
       margin: 9.3em 0 2em 0;
}

#top_wrap{
	width: 960px;
	float: left;
}


#img_main{
	width: 670px;
	text-align: left;
	float: left;
	margin: 0 0 0 13px;
	display: inline;
	position: relative;
}

#right_col{
	width: 290px;
	text-align: left;
	float: left;
	margin: 0 0 0 0;
	background:#000;
        }	
		
#pullout{
	width: 612px;
	position: absolute;
	top: 240px;
	left: 13px;
	border-left: 8px solid #5ab3e3;
	background: url(images/pullout_bg.png) repeat;
	}
	
#lower_wrap{
	width: 960px;
	float: left;
	background: url(/images/content_bg.gif) repeat-y #fff;
}

#lower_wrap_no_col{
	width: 960px;
	float: left;
	background: #fff;
}

#body{
	width: 670px;
	text-align: left;
	float: left;
	padding: .5em 0 0 0;
	margin: 0 0 0 0;
	display: inline;
}

#body_full{
	width: 960px;
	text-align: left;
	float: left;
	padding: .5em 0 0 0;
}

#main_body,
#blog_body,
#accordion_body{
	width: 670px;
	text-align: left;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline;
}

#main_body_full{
	width: 960px;
	text-align: left;
	float: left;
	display: inline;
}

ul.linkbox li{
	list-style: none;
	margin: 1em 0 1em 10px;
	}

#NewsTicker{
	width: 290px;
	height: 189px;
	text-align: left;
	float: left;
	margin: 0 0 0 0;
	background:url(images/screen.gif) no-repeat;
        }
		
#NewsVertical{
    width: 240px;
	height: 100px;
	border-top: 1px solid #fff;
	margin: 0 0 0 25px;
	padding: 1em 0 0 0;
	display: block;
	overflow: hidden;
	position: relative;
	}
	
#read_more{
	position: absolute;
	top: 9em;
	left: 145px;
	}
	
ul#TickerVertical {
		width: 240px;
		display: block;
		list-style: none;
		margin: 1em 0 0 0;
		padding: 0;
	}
	
#TickerVertical li {
		display: block;
		width: 240px;
		color: #fff;
		text-align: left;
		height: 100px;
	}
	
#TickerVertical p{
	font-size: 1.3em;
	color: #fff;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 0 2em 0;
	font-style: italic;
}

#TickerVertical p a{
	color: #999;
	font-style: italic;
	text-align: right;
}

#TickerVertical p a:hover{
	color: #8dd6fe;
}

/* Thumbnail hover styles
-----------------------------------*/	

div.fadehover {
	position: relative;
	}
 
ul li img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
ul li img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

div.fadehover h5{
        position: absolute;
	left: 5px;
        top: 78px;
	}

/* products landing page styles 
-----------------------------------*/	

ul.products{
	margin: 1.5em 0 1em 13px;
	}
	
ul.products li{
	margin: 0 11px 0 0;
	display: block;
	float: left;
	list-style: none;
	}
	
ul.products li{
	border: 2px solid #999;
	}
	
ul.products li:hover{
	border: 2px solid #000;
	}
	
.clearfix{
	clear: both;
	height: 1.5em;
	}

.clear{
	clear: both;
        width: 100%;
	}

/* sector landing pages
-----------------------------------*/	
	
#tier3_body{
	width: 670px;
	text-align: left;
	float: left;
	padding: .5em 0 0 0;
	margin: 0 0 0 0;
	display: inline;
}

ul.tier3_prod{
	padding: .5em 0 0 13px;
	}
	
.tier3_prod li{
	width: 150px;
        height: 140px;
	float: left;
	list-style: none;
	margin: 0 12px 13px 0;
	background: #000;
	}
	
.tier3_prod li{
	border: 1px solid #888;
	}
	
.tier3_prod li:hover{
	border: 1px solid #000;
	}

.tier3_prod li p, .tier3_prod li h5{
	font-size: 1.2em;
	padding: .5em 5px .5em 5px;
	}
	
.tier3_prod li p a, .tier3_prod li h5 a{
	color: #fff;
	}
	
.tier3_prod li p a:hover,  .tier3_prod li h5 a:hover{
	color: #ccc;
	}

/* vCard list
-----------------------------------*/	

ul.vcard{
	padding: .5em 0 0 13px;
	}
	
.vcard li{
	width: 220px;
        height: 200px;
	float: left;
	list-style: none;
	margin: 0 12px 13px 0;
	}

.vcard li a{
	margin: .5em 5px .5em 8px;
	}

.vcard li h5{
	font-size: 1.2em;
	padding: .5em 0 .5em 20px;
	}
	
.vcard li p a, .vcard li h5 a{
	color: #fff;
	}
	
.vcard li p a:hover,  .vcard li h5 a:hover{
	color: #ccc;
	}

/* Support services
-----------------------------------*/	

.service{
       float: left;
       clear: both;
       width: 670px;
       }

.serv_pic{
        float: left;
        width: 310px;
        margin: 0 0 0 13px;
        }

.serv_body{
        float: left;
        width: 340px;
        }

/* Gallery styles - 5 pics row
-----------------------------------*/	

ul.gallery{
	padding: .5em 0 0 13px;
	}
	
.gallery li{
	width: 100px;
        height: 100px;
	float: left;
	list-style: none;
	margin: 0 20px 20px 0;
	}
	
.gallery li img{
	border: 1px solid #888;
	}
	
.gallery li img:hover{
	border: 1px solid #000;
	}

/* Gallery styles - 4 pics row
-----------------------------------*/	

#gallery-scroll{
height: 140px;
overflow:auto; 
overflow: -moz-scrollbars-horizontal; /* for FF */
overflow-x:scroll; /* scroll horizontal */
overflow-y:hidden; /* Hide vertical*/
}
#gallery-scroll-inner{
width: 1350px;
}

ul.gallery4{
        clear: both;
	padding: 1em 0 0 0;
	}
	
.gallery4 li{
	width: 150px;
        height: 100px;
	float: left;
	list-style: none;
	margin: 0 0 0 14px;
	}
	
.gallery4 li img{
	border: 1px solid #888;
	}
	
.gallery4 li img:hover{
	border: 1px solid #000;
	}

/* Gallery styles - 3 pics row
-----------------------------------*/	

ul.gallery3{
        clear: both;
	margin: 0 0 0 0;
	}
	
.gallery3 li{
	width: 200px;
	float: left;
	list-style: none;
	margin: 0 0 1em 13px;
	}

.gallery3 h5{
	margin: 5px 0;
        font-size: 1.1em;
	color: #3f6cc6;
	}
	
.gallery3 li img{
	border: 1px solid #888;
	}
	
.gallery3 li img:hover{
	border: 1px solid #000;
	}

/* Images in floated right column
-----------------------------------*/	

.pics_right{
         float: right;
         width: 175px;
         margin: 0 28px 1em 10px;
}

/* list in floated right column
-----------------------------------*/	

.list-right{
         float: right;
         width: 150px;
         margin: 0 28px 1em 10px;
}

/* Blog page
-----------------------------------*/	

#blog_body h1{
	font-size: 2.5em;
	color: #000;
	line-height: 1.3;
	margin: 0 13px .1em 0;
border-bottom: 8px solid #fff;
}

#right_col_blog{
	width: 270px;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
	background:#000;
        }
.blog_entry{
       border-bottom: 1px dotted #666;
       margin: 0 0 2em 15px;
       width: 640px;
       clear: both;
}

.region{
       border-bottom: 1px dotted #666;
       margin: 0 0 15px 0;
       clear: both;
}

.blog_entry p{
       font-size: 1.2em;
	color: #333;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 13px .6em 0;
}

.blog_entry h2{
       font-size: 2.5em;
	color: #000;
	font-weight: normal;
	padding: 0 13px .5em 0;
}

.blog_entry h3{
       font-size: 1.8em;
	color: #000;
	padding: 0 13px 0 0;
}

.blog_entry p a{
	color: #009be3;
text-decoration: none;
font-weight: bold;
}

.blog_blue{
	color: #009be3;
}

.paginate{
 font-size: 1.2em;
	color: #000;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 0 1.5em 13px;
}

#right_col_blog h3{
	font-size: 1.7em;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	padding: 1em 13px .5em 0;
        font-style: normal;
}

#right_col_blog ul{
       border-top: 1px dotted #fff;
       border-bottom: 1px dotted #fff;
       padding: 1em 0;
       margin: 0 15px 0 0;
}

#right_col_blog ul li{
       color: #fff;
      font-size: 1.3em;
      list-style: none;
      padding: 3px 0 4px 0;
}

#right_col_blog ul li a{
       color: #fff;
}

#right_col_blog ul li a:hover{
       color: #009be3;
}

.comment{
border-bottom: 1px dotted #ccc;
padding: 1em 0 0 0;
}

.blog_entry input, 
.blog_entry textarea {
	font-size: 1.2em; 
	font-weight: normal;
	border: 0;
	border: 2px solid #666;
	padding: 3px 3px 3px 3px;
	margin: 2px 0 1em 0;
	color: #333333;
	background-color: #eaeaea;
}

.blog_entry input:hover, 
.blog_entry textarea:hover {
	border: 2px solid #000;
}

.comment_field{
width: 300px;
}

/* Main body styles 
-----------------------------------*/	

#pullout p {
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	line-height: 1.3;
	padding: 10px;
	text-transform:uppercase;
	letter-spacing: 1px;
}

h1{
	font-size: 2.5em;
	border-bottom: 8px solid #000;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
	margin: .7em 13px 10px 13px;
        clear: both;
}

.smallh1{
       font-size: 80%;
      letter-spacing: 0;
}

.h_one{
	font-size: 2.5em;
	line-height: 1.2;
}

#NewsTicker h2 {
	font-size: 1.8em;
	color: #8dd6fe;
	font-weight: normal;
	line-height: 1.3;
	padding: 1em 0 10px 25px;
	font-style: italic;
}

#main_body h2, 
#tier3_body h2,
#main_body_full h2{
	font-size: 1.5em;
	color: #000;
	line-height: 1.3;
	margin: 0 13px .7em 13px;
	border-bottom: 4px solid #000;
        clear: both;
}

#main_body h2 a{
	color: #000;
}

#main_body h2 a:hover{
	color: #333;
}

 #main_body h3,
 #main_body_full h3{
	font-size: 1.35em;
	color: #000;
	line-height: 1.3;
	margin: 0 13px .5em 13px;
	border-bottom: 3px solid #000;
        clear: both;
}

#accordion_body h3{
	font-size: 1.35em;
	color: #000;
	line-height: 1.3;
	margin: 0 13px .5em 13px;
        clear: both;
}

#main_body h4,
#main_body_full h4{
	font-size: 1.2em;
	color: #3f6cc6;
	margin: 0 13px .5em 13px;
}

#main_body h4 a{
	color: #3f6cc6;
}

#main_body h4 a:hover{
	color: #666;
}

#main_body h6,
#main_body_full h6{
	font-size: 1.2em;
	color: #666;
	padding: 0 13px .5em 13px;
}

#main_body p,
#main_body_full p,
#contact_body p, .cs_intro{
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 13px 1em 13px;
        font-style: normal;
}

.green{
       color: #66cc33;
       font-weight: bold;
       font-size: 1.5em;
       width: 640px;
}

#accordion_body p{
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
	line-height: 1.4;
	padding: 7px 13px 1em 13px;
        font-style: normal;
}

 address{
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 13px 1em 13px;
        font-style: normal;
}

.strap{
       font-size: 115%;
       font-weight: bold;
}

#right_col h2{
	font-size: 2em;
	color: #3f6cc6;
	font-weight: normal;
	line-height: 1.4;
	padding: 1em 13px .5em 10px;
        font-style: normal;
}

#right_col_blog h2{
	font-size: 2em;
	color: #009be3;
	font-weight: normal;
	line-height: 1.6;
	padding: 1em 13px .5em 0;
        font-style: normal;
clear: both;
}

#right_col h3{
	font-size: 1.7em;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	padding: 1em 13px .5em 10px;
        font-style: normal;
}



#right_col h4{
	font-size: 1.3em;
	color: #ccc;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 13px 0 10px;
        font-style: normal;
}

#right_col p{
	font-size: 1.1em;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	padding: 0 13px .5em 10px;
        font-style: normal;
}

#right_col p a{
	color: #B2D9E5;
        border-bottom: 1px dotted #B2D9E5;
}

#right_col p a:hover{
	color: #fff;
        border-bottom: 1px dotted #fff;
}

.breadcrumb{
	font-size: 1.1em;
	color: #333;
	padding: 1em 0 .5em 13px;
        width: 645px;
}

#main_body p a, #main_body_full p a, .breadcrumb a, .cs_intro a{
	color: #3f6cc6;
	border-bottom: 1px dotted #3f6cc6;
        font-weight:bold;
}

#main_body p a:hover, #main_body p a:focus, #main_body_full p a:hover, .breadcrumb a:hover, .cs_intro a:hover{
	color: #666;
	border-bottom: 1px dotted #666;
}

blockquote{
	font-size: 1.2em;
        font-style: italic;
padding: 0 10px 0 0;
}

cite{
	font-size: 1.2em;
        font-style: normal;
}

#ticker p a:hover{
	color: #8dd6fe;
	font-style: italic;
}

.mainlist, .olist, ol, .sitemap{
	margin: 0 20px 10px 28px;
	}

.inline{
	margin: 0 20px 10px 10px;
	}

.horizontal_list{
	margin: 0 20px 10px 15px;
	}

.mainlist li{
	font-size: 1.2em;
	color: #333;
	list-style-type: circle;
	line-height: 1.5;
	padding: 0 0 0 0;
	}

.two_col{
	margin: 0 20px 10px 15px;
	}

.two_col li{
        display: block;
        float: left;
        width: 280px;
	font-size: 1.2em;
	color: #333;
	line-height: 1.5;
	padding: 0 0 0 15px;
        background: url(/images/bullet.jpg) no-repeat 0 4px;
	}

.inline li{
	font-size: 1.2em;
	color: #333;
	list-style-type: none;
	display: inline;
	padding: 0 3px; 0 0;
	}

ul.osbs_menu{
        margin: 10px;
}

.osbs_menu li{
        display: block;
        color: #fff;
        background: #524187;
        list-style: none;
        font-size: 1.4em;
        padding: 5px;
        margin: 0 0 5px 0;
}

.osbs_menu li a{
        color: #fff;
}

.osbs_menu li a:hover{
        color: #ffff00;
}

.logos{
        margin: 0 0 0 10px;
}

.sitemap li{
	font-size: 13px;
	color: #333;
	list-style-type: circle;
	line-height: 1.5;
	padding: 0 0 0 0;
	}

.sitemap li ul li, .sitemap li ul li ul li{
	margin: 0 0 0 25px;
	}

.sitemap a{
	font-weight: bold;
        color: #666;
        border-bottom: 1px dotted #666;
	}

.sitemap a:hover{
	font-weight: bold;
        color: #000;
        border-bottom: 1px dotted #000;
	}

.sitemap ul li a ul li a{
	font-weight: bold;
        color: #666;
	}

.row2 a{
       color: #000;
	font-weight: bold;
}

ol li{
	font-size: 12px;
	color: #333;
	line-height: 1.5;
	}

.horizontal_list li{
	font-size: 1.2em;
	color: #333;
	list-style-type: none;
	line-height: 1.5;
	padding: 0 10px 0 0;
        display: inline;
	}

.mainlist li a, .horizontal_list a{
       	color: #3f6cc6;
	border-bottom: 1px dotted #3f6cc6;
        font-weight:bold;
}

.mainlist li a:hover, .horizontal_list a:hover{
       	color: #666;
	border-bottom: 1px dotted #666;
}

.olist li{
	font-size: 1.2em;
	color: #333;
	line-height: 1.5;
	padding: 0 0 0 0;
	}

table{
	border: 3px solid #ccc;
        margin: 0 0 1em 10px;
	}
#main_body table,
#main_body_full table{
       font-size: 11px;
}

.matrix th {
font-size: 80%;
background: #333366;
color: #fff;
}

.matrix td {
font-size: 80%;
}

.matrix-grey {
background: #ccc;
}


td{
	padding: 5px 0 5px 3px;
	border: 1px solid #fff;
	}
	
th{
	padding: 5px 0 3px 5px;
	background: #ccc;
	}

td{
	padding: 5px 2px 5px 5px;	
	}

.table_top{
	background: #fff;
	color: #333;
	font-size: 12px;
	} 
	
.table_blue{
	background: #3f6cc6;
	color: #fff;
	font-size: 11px;
	text-align: left;
	line-height: 1.3;
	} 
	
.table_grey{
	background: #ccc;
	color: #333;
	font-size: 11px;
	text-align: left;
	line-height: 1.3;
	} 

table.centre{
       margin-left: 100px; 
}

.red, 
.used{
	color: #cc0000;
	font-weight: bold;
}

.ex_lease a{
     color: #3f6cc6;
     border-bottom: 1px dotted #3f6cc6;
       }

.ex_lease a:hover{
     color: #333;
     border-bottom: 1px dotted #333;
       }

ul.table_thumbs{
clear:both;
}

.table_thumbs li{
    display: block;
    float: left;

    margin: 0 10px 0 0;
    list-style: none;
}

.right{
      float: right;
      margin: 0 10px 1em 10px;
}
  
img {
	display: block;
	border: 0;
}
  
/* Form styles
----------------------------------------*/
fieldset {
    border: none;
    padding: 0;
    }

fieldset ul {
    list-style: none;
    padding: 0 15px 10px 15px;
    margin: 0 !important;
    }
    
fieldset ul li {
	padding-bottom: 10px;
	color: #3874a6;
        font-size: 1.2em; 
    }
    
fieldset input, 
fieldset select,
fieldset textarea {
	font-size: 1.2em; 
	font-weight: normal;
	border: 0;
	border: 2px solid #666;
	padding: 3px 3px 3px 3px;
	margin: 2px 0 0 0;
	color: #333333;
	background-color: #eaeaea;
}

fieldset input:hover, 
fieldset select:hover,
fieldset textarea:hover {
	border: 2px solid #000;
}
fieldset textarea {
    overflow: auto;
    font-size: 1.3em; 
}

fieldset select {
	padding: 1px;
	padding: 2px 1px 2px 0;
}

fieldset select option {
    padding: 0 15px 0 2px;
}

fieldset label {
     font-size: 1.3em; 
    display: block;
    margin: 0 0 5px 0;
}

fieldset label.note {
	font-size: 1.2em; 
    font-weight: normal;
    color: #999;
    margin: 3px 15px 0 0;
    font-style: italic;
}

.required {
	color: #cc0000 !important;
}

fieldset label.checkbox_note {
    font-weight: normal;
    display: inline;
    float: none;
}

fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 98%; }

fieldset label.full {
    float: left;
}

fieldset p {
    margin-bottom: 8px !important;
}

.submit button{
	display:block;
	float:left;
	margin:0 7px 0 15px;
	background-color:#CCCCCC;
	border:1px solid #3874a6;
	font-size: 1.2em; 
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	cursor:pointer;
	padding:5px 7px 6px 7px; /* Links */
}
.submit button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.submit button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.submit button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .submit a:hover{
	background-color: #999999;
	border:1px solid #478829;
	color:#fff;
}
	
	
/* footer styles 
------------------------------*/
	  
#footer{
	width: 960px;
	text-align: left;
	clear: both;
        background: #000;
        padding: 20px 0 0 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#footer_right{
	width: 510px;
	text-align: right;
	float: left;
        margin: 0 20px 0 30px;
}

.footer_links{
float: left;
width: 170px;
display: block;
}

.footer-logos img{
float: left;
display: block;
}

#footer_left{
	width: 400px;
	text-align: left;
	float: left;
}

#footer_left ul{
	padding: 0 0 .5em 10px;
	}

#footer_left li{
	color: #999;
	font-size: 1em;
	display: inline;
	list-style: none;
	margin: 0 0 0 10px;
}

#gplus{
margin: 10px 0 0 20px;
}

#footer_right h4{
	color: #3f6cc6;
	font-size: 1.2em;
}

#footer_right h4 a{
        color: #3f6cc6;
	text-decoration: none;
}

#footer_right li{
	color: #fff;
	font-size: 1em;
	list-style: none;
}

#footer_right li a{
	color: #fff;
	text-decoration: none;
}

#footer_right li a:hover, #footer_right li a:focus{
	color: #999;
} 

#footer p{
	color: #999;
	font-size: 1em;
	margin: 0 10px 0 20px;
}

#footer_left li a{
	color: #3f6cc6;
	text-decoration: none;
}

#footer li a:hover, #footer li a:focus{
	color: #999;
}


.seouter{
	color: #fff;
	font-size: 1em;
	margin: 1em auto;
        width: 960px;
clear: both;
text-align: left;
}