@charset "utf-8";

* { border:0; margin:0 auto; padding:0; outline:none; }

ol, ul, li { list-style:none; }

a { text-decoration:none; }

body { width:100%; margin:0; padding:0; font:normal 12px/150% "Liberation sans", Arial, Helvetica, sans-serif; background:#fff; color:#a1a0a0; }

.clr { clear:both; padding:0; margin:0; width:auto; font-size:0px; line-height:0px; }

a { color:#cdcdcd;}

a:hover { color:#72c8ab;}

h2 { color:#555555; font-family: 'PT Sans', sans-serif; font-weight:700; font-size:14px; }

h3 { color:#555555; font-family: 'PT Sans', sans-serif; font-weight:700; font-size:14px; }

iframe { border: 0px; outline: none; margin: 0px; padding: 0px; }



/*images*/

img { }

@media \0screen {

img { width: auto; /* for ie 8 */ }

}



/* IMG  */

a.pic { display: block; position: relative; padding:0; margin:0;}

img.margin_right { margin:0 20px 0 0; }

a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0;  left:0px; visibility:hidden; height:100%; }

a.pic:hover img.h { background:url(../images/img_z.png) center no-repeat; visibility:visible; }

.etos_main_navigation{
width: 100%;
float:left;}

.etos_label{
padding-left:4px; 
padding-right:4px; 
color: #000000; 
line-height:25px;}

.etos_passwordlabel{
padding-left:4px; 
padding-right:4px; 
color: #000000; 
line-height:18px;
font-size:12pt;}

/*Input Boxes*/
input { 
font: normal 13px "Liberation sans", Arial, Helvetica, sans-serif;
line-height:19px;}

.etos_textbox{
background-color:#fefefe; 
border:1px solid #555555;
padding-left:4px; 
padding-right:4px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
color: #000; 
line-height:19px;}

.etos_passwordbox{
background-color:#fefefe; 
border:1px solid #555555;
padding-left:4px; 
padding-right:4px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
color: #000; 
line-height:19px;    
height:25px;
font-size:12pt;}

.etos_dropdownlist{
background-color:#fefefe; 
border:1px solid #555555;
padding-left:4px; 
padding-right:4px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
color: #000; 
line-height:25px;    
font-size:12pt;
}

.etos_loginborder{
border:1px solid #C6C6C8;
padding-left:4px; 
padding-right:4px; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */}

.etos_boxheadercell{
background-color:#959595;
color: #FFFFFF;}

.app_menu_title
{
    border-top:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;  
}

.ListBoxAppMenu
{
    border:1px solid #000000;
    padding:2px 2px 2px 2px;
    width:350px; 
}

.ticker_text
{
    font-size: 12pt;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color:#000000;  
}


.ticker_box
{
    background-color:#999999;
    color: #000000;  
    padding-left:4px; 
    padding-right:4px; 
    margin-top:0px;
     
}

.ticker_title
{
    font-size: 14pt;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight:bold;
    color:#CA002A;  
}

.ticker_box a
{
    color: #000000;      
    }

.etos_news_date
{
    font-size: 14pt;
}

.etos_news_article
{
    font-size: 14pt;
}

.news_row
{
    font-size: 14pt;
}

.news_row1
{
    font-size: 14pt;
    background-color:#EEEEEE;  
}

.news_cell
{
    padding: 4px;
}


.etos_e
{
    font-size: 5.0em;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight:bold;
    color:#3B86A1;  
}

.etos_TOS
{
    font-size: 3.8em;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight:bold;
    line-height:60px; 
    color:#C6C6C8;  
}

.etos_Info
{
    color:#3B86A1;  
}    

.etos_textbox:focus{ 
border: 1px solid #004272; 
background-color: #f5f7fb; 
}

.etos_passwordbox:focus{ 
border: 1px solid #004272; 
background-color: #f5f7fb; 
}

/*Buttons*/
.etos_button{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
-khtml-border-radius: 6px; 
padding:3px 8px 3px 8px !important;
font-size:14px !important;
background-color:#235895;
font-weight:bold;
color:#ffffff;
}

.etos_button:hover{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* future proofing */
-khtml-border-radius: 6px; 
padding:3px 8px 3px 8px !important;
font-size:14px !important;
background-color:#4C8BD3;
font-weight:bold;
color:#ffffff;
cursor:pointer;  
}

.ModuleListBox
{
    border-style:solid; 
    border-width:1px;
    font-size:12pt;
    font-family:Verdana;
}



/*header*/

.header { width:100%; background: #05213F repeat; height: 123px; margin-top:-40px; padding-top:40px; }

.branding_bar { width:100%; background:url(../images/body-bg.png) repeat; height:121px; }

.header_resize { margin:0 auto; width:100%;}


/*header_list_alt*/

.header_list_alt {height: 0px; width:0px; display:none; visibility:hidden;}


/*header_list*/

.header_list {float:left; margin-top:8px; padding-bottom:10px; width:75%; margin-left:1%; }

.header_list ul { list-style:none; color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:12px;  }

.header_list ul a { color:#FFFFFF;}

.header_list ul li { list-style:none; float:left; margin-right:10px; padding-right:10px; border-right: 1px solid #FFFFFF; }

.header_list a:hover {color:#000000;}

.header_list ul li:last-child {
  border-right: none;
}
 



/*logo*/

.logo { margin-top:35px;}

.logo a { color:#565656; font-size: 30px; font-family: 'PT Sans', sans-serif; font-weight:700; }

.logo a span { color:#d0d0d0;  }


/*logo branding*/

.logo_brand_left { margin-left:1%; background-image: url(../images/logo.png); height: 85px; width:210px; background-repeat:no-repeat; margin-top:8px; float:left;}

.logo_brand_left a { color:#565656; font-size: 30px; font-family: 'PT Sans', sans-serif; font-weight:700; }

.logo_brand_right { margin-right:1%; height: 85px; width:210px; background-repeat:no-repeat; margin-top:8px; float:right;}

.logo_brand_right a { color:#565656; font-size: 30px; font-family: 'PT Sans', sans-serif; font-weight:700; }



/* NAVIGATION ------------------------------------------------------------*/

nav { float: right; line-height: 1.8em; z-index:1000;    }

nav a { text-decoration: none; color: #878686; text-transform:uppercase; }

#nav { margin-top:-53px;  font-family: 'PT Sans', sans-serif; }

#nav li { display: inline; font-size: 12px; float: left; }

#nav>li>a { display: block; overflow: hidden; padding: 35px 20px 2px 20px; color: #878686;   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:none; height:55px; }

#nav>li>a:hover, #nav>li.current-menu-item>a, #nav>li.current_page_item>a { background: #f8f8f8; border-bottom:2px solid #0f51d0; padding: 35px 20px 0px 20px;}

#nav>li>a.active {background: #f8f8f8; border-bottom:2px solid #0f51d0; padding: 35px 20px 0px 20px;}

#nav>li.current-menu-item>a, #nav>li.current_page_item>a, #nav a:hover  {   }

#nav>li>a>.subheader { color: #717171; display: block; font-size: 11px; margin-top: -8px; font-weight: lighter; }

#nav .sf-sub-indicator { float: right; }

#nav>li>a>.sf-sub-indicator { display: none; }



/* sub navigation -----------------------------------------------------*/



#nav>li ul { display: block; margin-top: 74px; background: #f9f9f9; list-style:circle;  }

#nav>li ul li { padding: 5px 15px 0px 15px; margin-top:-7px;}

#nav>li ul li a { display: block; padding: 8px 0px 8px 15px; display: block; font-size: 11px; color: #878686; text-decoration: none; }

#nav>li ul li a:hover { background: #fff; color: #878686; border-top:1px solid #f8f8f8; border-bottom:1px solid #eee; padding: 8px 10px 8px 20px; position:relative; right:15px;   }


/*content*/


.content_background {}

.content { width:80%; margin:0 auto; margin-top:35px; border-bottom:1px solid #ededed; padding-bottom:35px; }

.content_resizer {width:95%; margin:0 auto;}

.content1 { width:80%; margin:0 auto; margin-top:35px; padding-bottom:35px;}


/* center_small_box */

.small_box { width:22.5%; margin:0 1.8% 0 0; float:left; background:none; border:1px solid #fff; min-height:200px; }

.small_box:hover { border:1px solid #ededed;}

.small_box h3.serv { background:#f9f9f9; padding:5px 10px; padding-bottom:15px;}

.small_box h3.serv img { position:relative; top:7px; margin-right:15px;}

.small_box p { padding:18px 10px;}

.small_box p.link { margin-top:-20px;}



/* center_small_box_recent */

.small_box_recent { width:23%; margin:0 1.8% 0 0; float:left; background:none; border:1px solid #fff;  }

.small_box_recent h2 { }

.small_box_recent h2 img { position: relative; top:0px; float:right; }

.small_box_recent p { padding:18px 0px;}

.small_box_recent p.link { margin-top:-20px;}



.center_small_box { padding:0; width:230px; float:left; margin:0 1.8% 0 0; position:relative; bottom:5px; }

.op { background: #f9f9f9; margin-top:10px; border-left:3px solid #e1e1e1; padding: 5px 0px 5px 20px; }

.op:hover { background: #f9f9f9; margin-top:10px; border-left:3px solid #72c8ab;}

.center_small_box a:hover {color:#a1a1a1;}



.center_small { width:23%; float: left; margin:1% 1.8% 0 0;}

.center_smalls {  float: left; margin:1% 1% 0 0;}

.center_small_box2 { width:46%; float: left;}



img.recent_prev { background:url(../images/prev.png) no-repeat; padding-left:1px; }

img.recent_next { background:url(../images/next.png) no-repeat;}



img.recent_prev:hover { background:url(../images/prev_a.png) no-repeat; padding-left:1px; }

img.recent_next:hover { background:url(../images/next_a.png) no-repeat;}



p.button { background:#f4f4f4; padding:0px; color:#a1a1a1; width:100px; height:21px; float:left;}

p.button span { position: relative; bottom:6px; left:12px; color:#a1a1a1; font-size: 11px;}

p.button img.recent_next { background:url(../images/next_a.png) no-repeat;}


.footer {width:100%; background:url(../images/slider_bg.jpg) repeat left top;}

.footer p { color:#858585; font-size:11px;}

.footer_resizer {width:76%;}

.footer h2 { margin-top:30px;}

.footer_error {width:100%; background:url(../images/slider_bg.jpg) repeat left top; position:absolute; bottom:30px;}

.footer_error p { color:#858585; font-size:11px;}

.footer_error p a { color:#858585;}

.footer_resizer {width:76%;}

.footer_error h2 { margin-top:30px;}

.copyright_error { color:#828282; font-size:11px; font-weight:normal; text-align:center; background:#363636; padding:10px 0 0px 0; position:absolute; bottom:0; width:100%; height:30px; }

.copyright_error a { color:#828282;  }


/* footer */

.pref_blog { width:22%; float:left; margin:5px 22px 15px 0; padding:0; min-width:200px;}

.pref_blog a { color:#A1A0A0; }

.pref_blog a:hover { color:#004a7d; }


.copyright { color:#828282; font-size:11px; font-weight:normal; text-align:center; background:#363636; padding:10px 0;  }

.copyright a { color:#828282;  }



/* ul li */

.left_side_big ul { list-style:none; margin:10px 0; padding:0;}

.left_side_big ul li { padding:5px 10px; margin:3px 0;  background:#eee; color:#333;}

.left_side_big ul li a {color:#333;}

.left_side_big ul li:hover { background:#cecece;}

.right_side_big {  width:63%; float:right; margin:0 0 15px 2%;}

.right_side_big.l {float:left; margin:0 2% 15px 0;}

.right_side { padding:10px 0;}



.bg { margin:20px 0;}

/*btn*/

.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }

.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }

.btn a:hover { color:#fff; background:#cdcdcd; border-color:#9cac50; }

.btn a span { color:#cdcdcd; font-size:12px; font-weight:normal; }

.pic img { padding:0px; background:#ffffff; max-width: 100%; height: auto; /*}

.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }

.pic img.h { background:none; }

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }

.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; height: 100%; width: 100%; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

.txt { margin-top:50px; }


#slider-wrapper object { width: 100%; }

iframe.wid5 { height: 300px; width: 100%; }

iframe.wid6 { height: 550px; width: 100%; }

iframe.wid7 { height: 400px; width: 100%; }

iframe.wid8 { height: 500px; width: 100%; }