/* Global Classes */
* {padding: 0px; margin: 0px;}
.clear         {clear: both; height: 0px;}
.float-left    {float: left; margin: 0px 20px 20px 0px;}
.float-right   {float: right; margin: 0px 0px 20px 20px;}
.text-left     {text-align: left;}
.text-right    {text-align: right;}
.text-center   {text-align: center;}
.text-justify  {text-align: justify;}
.bold          {font-weight: bold;}
.italic        {font-style: italic;}
.underline     {border-bottom: 1px solid;}
.highlight     {background: #ffc;}
.img-left      {float: left; margin-right: 10px; margin-bottom: 10px;}
.img-right     {float: right; margin-bottom:10px; margin-left: 10px;}
.nobullet      {list-style: none; list-style-image: none;}
.error, .red {background:#FFEBE8 none repeat scroll 0%; border:1px solid #DD3C10; margin:0px 10px 10px; padding:10px; display: block;}
.correct, .green {background:#E6FCE6 none repeat scroll 0%; border:1px solid #84DB12; margin:0px 10px 10px; padding:10px; display: block;}
.info {background:#FBFCE6 none repeat scroll 0%; border:1px solid #D9B411; margin:0px 10px 10px; padding:10px; display: block;}
.required_fields {color:red;}
/* End Global Classes */

body.editor {
background-color: #FFF;
}

body {
background-color: #d9d8d8;
font-size: 62.5%;
font-family: "Arial", Helvetica, sans-serif;
}

#container {
width: 940px;
margin: 10px auto;
background: url("../images/sce/container-bg.png") repeat-y top left;
padding: 0px 20px;
}

/* Header Styles */
#header {
width: 940px;
height: 115px;
display: block;
border-top: 1px solid #999;
}

#header .logo {
float: left;
display: block;
width: 450px;
height: 54px;
margin: 30px 0px 0px 35px;
}

#header .logo p {
padding: 12px 0px;
font-weight: bold;
font-style: italic;
color: #1071aa;
font-size: 2.6em;
}

#header .logo img {
float: left;
margin-right: 15px;
}

#header .phone {
float: right;
display: block;
width: 320px;
margin: 20px 10px 0px 0px;
text-align: right;
}

#header .phone p {
color: #1071aa;
font-size: 1.8em;
font-weight: bold;
}
/* End Header Styles */

/* Menu Styles */
#menu {
clear: both;
display: block;
height: 39px;
margin: 0px 5px 1px 5px;
border-top: 1px solid #999;
width: 930px;
font-size: 1.4em;
background: url(../images/sce/menu-link-bg.jpg) repeat-x top left;
}

#menu li {
float: left;
position: relative;
list-style: none;
border-right: 1px solid #FFF;
display: block;
height: 19px;
padding: 10px 0px;
text-align: center;
}

#menu a {
background: url(../images/sce/menu-link-arrow.gif) no-repeat left center;
color: #FFF;
text-decoration: none;
padding: 10px 15px;
}

#menu a:hover, #menu a.main_current {
color: #DCD1BB;
}

#menu #menu0, #menu #menu1, #menu #menu2, #menu #menu3 {
width: 185px;
}

#menu #menu4 {
width: 186px;
border-right: none;
}
/* End Menu Styles */

/* Footer Styles */
#footer {
font-size: 0.9em;
background-color: #CCC;
clear: both;
width: 920px;
padding: 5px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#footer ul {
float: right;
font-size: 1.4em;
}

#footer ul li {
text-align: center;
display: inline;
list-style: none;
}

#footer ul li a {
margin-left: 10px;
}

#footer .copyright {
margin: 10px 0px 0px 0px;
}

#footer .copyright a {
float: right;
}
/* End Footer Styles */

/* Contact Form Styles */
#contactform {
width: 900px; 
font-size: 1.3em; 
margin: 10px 0px; 
font-weight: bold;
margin-left: 0;
padding: 20px 10px 10px 10px;
background-color: #cccccc;
border: 1px solid #999;
}

#contactform .indent {
margin: 10px 0px 10px 135px;
}

#contactform .form_element {
padding: 0px 10px 0px 0px;
text-align: right;
float: left;
color: #000;
width: 125px;
}

#contactform .form_data {
text-align: left;
float: left;
}

#contactform .separator {
clear: left;
font-size: 5px;
height: 5px;
}

#contactform input, #contactform textarea {
width: 250px;
padding: 5px;
border: 1px solid #999;
}

#contactform .image {
color: #FFF;
background-color: #284979;
border: 2px solid #fff;
padding: 2px;
width: 100px;
font-weight: bold;
cursor: pointer;
}

#contactform .image:hover {
border: 2px solid #000;
}
/* End Contact Form Styles */

#content table {
font-size: 1.4em;
margin-top: 10px;
margin-bottom: 10px;
}

.downloads {
background-color: #CCC;
}

.downloads td {
border: 1px solid #FFF;
padding: 5px;
}

.downloads a {
font-weight: bold;
}

#top_content {
padding-bottom: 1px;
margin-left: 5px;
margin-right: 5px;
border-bottom: 1px solid #999;
display: block;
width: 930px;
height: 189px;
}

.home_flash {
float: left;
display: block;
width: 555px;
}

#content {
float: left;
width: 545px;
margin: 0px 10px;
padding: 10px 0px;
min-height: 250px;
}

#content ul, #content ol {
margin: 10px 0px 10px 20px;
}

p, #content li {
font-size: 1.3em;
line-height: 1.4em;
color: #000;
margin: 0px 0px 10px 0px;
}

a {
color: #000;
}

a:hover {
color: #284979;
}

hr {
border: 0;
width: 100%;
color: #999;
background-color: #999;
height: 1px;
clear: both;
}

h1 {
font-size: 2.2em;
color: #284979;
margin: 0px 0px 10px 0px;
}

h2 {
font-size: 2em;
color: #284979;
margin: 5px 0px;
}

h3 {
font-size: 1.8em;
color: #284979;
margin: 5px 0px;
}

h4, h5, h6 {
font-size: 1.6em;
color: #284979;
margin: 5px 0px;
}

/* Site Map Styles */
#site_map ul, #site_map ul ul {
margin-top: 0px;
margin-bottom: 10px;
list-style: none;
font-size: 14px;
}

#site_map ul li, #site_map ul ul li {
margin-top: 5px;
margin-bottom: 0px;
}
/* End Site Map Styles */

/* News Manager Styles */
/* HBA News & Events Homepage Styles */
.VolNewsLatest {
float: left;
width: 364px;
font-size: 1.3em;
padding: 10px 0px;
margin: 0px 5px;
}

.VolNewsLatest .news_title {
font-size: 1.1em;
font-weight: bold;
color: #284979;
text-decoration: none;
}

.VolNewsLatest .title {
display: block;
font-weight: bold;
font-size: 1.7em;
color: #284979;
margin-bottom: 5px;
}

.VolNewsLatest .link {
display: block;
font-weight: bold;
font-size: 1.1em;
color: #284979;
text-decoration: none;
}

.VolNewsLatest .read_more {
color: #284979;
}

.VolNewsLatest .news_headline {
margin-top: 5px;
margin-bottom: 10px;
}

.VolNewsLatest img {
float: left;
margin: 2px 5px 10px 0;
border: 1px solid #999;
}
/* End HBA News & Events Homepage Styles */

.VolNewsCategories {
font-size: 1.3em;
}

.VolNewsCategories .news_title {
font-size: 1.1em;
font-weight: bold;
color: #284979;
text-decoration: none;
}

.VolNewsCategories .news_headline {
margin-bottom: 10px;
}

.VolNewsCategories img {
float: left;
margin: 2px 5px 10px 0;
border: 1px solid #999;
}

.VolNewsDetail {
min-height: 300px;
}

.VolNewsDetail .news_title {
display: block;
width: auto;
font-weight: bold;
font-size: 2.2em;
color: #284979;
margin-bottom: 5px;
}

.VolNewsDetail .news_date {
display: block;
width: auto;
font-size: 1.2em;
margin-bottom: 5px;
}

.new_footer {
margin-top: 20px;
font-size: 1.4em;
}

.VolNewsSearch ul {
list-style: none;
}

#content .VolNewsSearch li {
margin-bottom: 10px;
}

.VolNewsSearch .search-label {
display: block;
width: 80px;
float: left;
}

#ctl01_MainContent_news_search_key_button, #ctl01_MainContent_news_search_spsearch_button {
width: auto;
background-color: #284979;
border: 1px solid #284979;
color: #FFF;
font-weight: bold;
}

#ctl01_MainContent_news_search_archive_list label {
margin-right: 10px;
margin-left: 2px;
}

.new_footer {
clear: both;
margin-top: 20px;
}

.new_footer a {
float: left;
display: block;
width: auto;
padding: 2px 5px;
margin-right: 10px;
background-color: #284979;
border: 2px solid #999;
color: #FFF;
text-decoration: none;
}

.new_footer a:hover {
background-color: #FB1E00;
}
/* End News Manager Styles */

/* Intranet Login Styles */
#login {
font-size: 1.4em;
/*background: url("../images/sce/login-bg.jpg") no-repeat top left;*/
background: url("../images/sce/red-login-bg.jpg") no-repeat top left;
display: block;
width: 250px;
height: 130px;
padding: 10px 25px;
margin: 50px auto 0px auto;
}

#login p {
color: #FFF;
font-weight: bold;
margin-bottom: 10px;
}

#login .separator {
font-size: 5px;
height: 5px;
}

#login input {
width: 110px;
border: 1px solid #999;
padding: 2px;
}

#login label {
display: block;
width: 70px;
float: left;
color: #FFF;}

#login .image {
margin-left: 70px;
color: #FFF;
padding: 2px;
width: 56px;
background-color: #F72200;
border: 1px solid #FFF;
font-weight: bold;
cursor: pointer;
}
/* End Intranet Login Styles */

.logos a {
float: left;
display: block;
width: 100px;
text-align: center;
border: 1px solid #999;
text-decoration: none;
font-weight: bold;
margin: 10px 30px;
padding: 11px;
background-color: #CCC;
}

.logos img {
margin-bottom: 10px;
width: 100px;
height: 100px;
border: 1px solid #FFF;
}

/* Video Lightbox Styles */
#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer;}

#lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 5px;}

.lbLoading {background: #fff url("../images/sce/loading.gif") no-repeat center;}

#lbImage {border: 10px solid #fff;}

#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}

#lbPrevLink {left: 0;}

#lbPrevLink:hover {background: transparent url("../images/sce/prevlabel.gif") no-repeat 0% 15%;}

#lbNextLink {right: 0;}

#lbNextLink:hover {background: transparent url("../images/sce/nextlabel.gif") no-repeat 100% 15%;}

#lbBottom {font: 10px Verdana, Helvetica, sans-serif; color: #666; line-height: 1.4em; text-align: left; border: 5px solid #fff; border-top-style: none;}

#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url("../images/sce/closelabel.gif") no-repeat center; margin: 5px 0;}

#lbCaption, #lbNumber {margin-right: 71px;}

#lbCaption {font-weight: bold;}
/* Video Lightbox Styles */

/* HBA Bulletin Homepage Styles */
/*.VolNewsHeadline {float: right; width: 354px; height: 179px; padding: 5px 10px; font-size: 1.3em; background-color: #284979; margin-left: 1px;}

.VolNewsHeadline .news_title {font-size: 1.1em; font-weight: bold; color: #FFF; text-decoration: none;}

.VolNewsHeadline .title {display: block; font-weight: bold; font-size: 1.7em; color: #FFF; margin-bottom: 5px;}

.VolNewsHeadline .link {display: block; font-weight: bold; margin-top: 85px; font-size: 1.1em; color: #FFF; text-decoration: none;}

.VolNewsHeadline .clear {height: 5px;}*/

/*#top_content p {
float: right;
width: 374px;
height: 189px;
background-color: #284979;
}

#top_content a {
float: right;
display: block;
width: 334px;
height: 169px;
padding: 10px 20px;
font-size: 1.4em;
line-height: 1.4em;
margin-left: 1px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}*/
/* End HBA Bulletin Homepage Styles */

/* Gallery Styles */
.postcard_picture .panel {
float: left;
display: block;
width: 150px !important;
margin: 20px 40px;
}
/* End Gallery Styles */

#content table.downloads1 {
background-color: #CCC;
float: left;
width: 798px;
margin: 0px 0px 10px 0px;
}

.downloads1 td {
border: 1px solid #FFF;
padding: 5px;
}

.downloads1 a {
font-weight: bold;
}

.downloads1 strong {
color: #0000ff;
}

.downloads1_image {
float: left;
margin: 0px 20px 20px 0px;
}

/* Image Slider Styles */
#slider {
float: left;
display: block;
clear: left;
width: 555px;
height: 189px;
margin-right: 1px;
background: url("../images/loading.gif") no-repeat 50% 50%;
}

#slider img, #slider a.nivo-imageLink, .nivo-controlNav {
display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url("../images/arrows.png") no-repeat;
text-indent: -9999px;
border: 0;
position: absolute;
top: 45%;
z-index: 99;
cursor: pointer;
}

a.nivo-nextNav {
background-position: -30px 0px;
right: 15px;
}

a.nivo-prevNav {
left: 15px;
}
/* End Image Slider Styles */

