/*----------------------------------------------------------
Colors:
Orange: #F8981D
Dark Blue: #003061
Light Blue: #dfe4e8
----------------------------------------------------------*/
body { background-color: #fff; font-size: .75em; font-family: Arial, Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #3D596E; }

a { color: #F8981D; text-decoration: none; }
a:link { color: #F8981D; text-decoration: none; }
a:visited { color: #F8981D; }
a:hover { color: #F8981D; text-decoration: underline; }
a:active { color: #F8981D; }
a.underline-hover { text-decoration: none; }
a.underline-hover:hover { text-decoration: underline; }
h4 { font-size: small; }

.hide { display: none; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page { width: 100%; margin-left: auto; margin-right: auto; }
.blank-page { background-color: #f8981d;  margin: 0; }
/* padding, margin and border-width must be set in separate styles for calculations on the blank page master page */
#blank-page-padder { background-color: #fff; padding: 10px; margin: 3px; border-width: 3px; border-color: #003061; border-style: double; }

/* HEADER
----------------------------------------------------------*/
#header { margin: 0px; color: #000; padding: 0; background-image: url('../../images/header/bg-header.gif'); background-repeat: repeat-x; height: 133px; }
#header-top { height: 101px; }
.header-content { position: relative; width: 1000px; height: 133px; }
.header-logo { position: relative; float: left; margin-left: 25px; }

.header-login { position: relative; color: #cddfec; }
.header-login > div { position: relative; background-color: #003061; height: 37px; background-image: url('../images/login-person.jpg'); background-position: 0px 5px; background-repeat: no-repeat; }
.header-login > div > table  { margin-left: 23px; }
.header-login td { padding-top: 5px; }
.header-login td div { padding-top: 3px; padding-right: 10px; }
.header-login img { padding-top: 5px; padding-right: 3px; }
.header-login input[type="text"],
.header-login input[type="password"]
	{ color: #9fafbc; height: 18px; font-size: 12px; width: 132px; }
.header-login input[type="password"] { width: 102px; }

#header-nav { position: absolute; top: 0; right: 0; height: 37px; margin-right: 5px; font-size: 12px; font-family: Arial; }
.header-nav-links > div { background-color: #003061; height: 37px; }
.header-nav-links a { margin: 0; border: solid 0px white; display: block; float: left; line-height: 37px; color: #d5dce0; text-decoration: none; padding: 0px 14px 0px 14px; }
.header-nav-links > div a:hover { color: #F8981D; }
.header-nav-links > div a.on { color: #F8981D; }
.header-nav-links > div img { float: left; margin-top: 3px; }
.header-nav-links > div span.left-link a { padding-left: 6px; }
.header-nav-links > div span.right-link a { padding-right: 6px; }

#header-buttons { position: absolute; top: 40px; right: 0px; margin-right: 5px; text-align: right; }
#header-buttons img { padding-left: 5px; margin-top: 7px; }

#header-chat { font-family: Arial; font-size: 12px; position: absolute; top: 40px; right: 0; height: 47px; line-height: 44px; margin-right: 5px; color: #000; padding-right: 165px; }
#header-chat img { position: absolute; right: 0px; top: 7px; }
#header-chat a { color: #003062; text-decoration: underline; }

#header-contact { position: absolute; top: 82px; right: 0; margin-right: 5px; color: #000; font-size: 90%; }
#header-contact span { color: #55A0D5; }

#header-navigation { height: 33px; font-size: 12px; width: 100%; }
#header-navigation table { left: 0px; width: 100%; height: 28px; border-right: solid 1px #445761; }
#header-navigation table td { border-left: solid 1px #455761; min-width: 50px; text-align: center; }
#header-navigation a { color: #d5dce0; font-weight: bold; text-decoration: none; display: block; height: 31px; line-height: 31px; }
#header-navigation a:hover { text-decoration: underline; }
#header-navigation a.on { color: #F8981D; }

#header-welcome { position: absolute; top: 100px; left: 25px; color: #fff; font-size: 14px; line-height: 31px; }

/* LEFT NAVIGATION 
---------------------------------------------------------*/
#left-menu { position: relative; margin-bottom: 25px; }
#left-menu div.link { padding-top: 6px; padding-bottom: 6px; font-family: Verdana, Geneva, Arial, helvetica; font-size: 11px; font-weight: 600; border-bottom: solid 1px #dfe4e8; }
#left-menu div.menu-top-link { padding-top: 0px; }
#left-menu div.menu-bottom-link { padding-bottom: 0px; border-bottom-width: 0px; }
#left-menu div.link a { display: block; margin: 0; padding-left: 6px; text-decoration: none; color: #003061; }
#left-menu div.link a:hover { text-decoration: underline; }

#left-menu div.admin-link a { display: block; margin: 0; text-decoration: none; color: #003061; }
#left-menu div.admin-link a:hover { color: #F8981D; }

#left-menu-public { position: relative; line-height: 140%; }
#left-menu-public div.link { padding-top: 6px; padding-bottom: 6px; font-size: 11px; font-weight: 600; }
#left-menu-public div.menu-top-link { }
#left-menu-public div.menu-bottom-link { padding-bottom: 0px; }
#left-menu-public div.link a { display: block; margin: 0; padding-left: 6px; text-decoration: none; color: #3D596E; font-size: 110%; line-height: 130%; padding-left: 12px; background-image: url('../images/arrow-flip.jpg'); background-repeat: no-repeat; background-position: 0px 2px; }
#left-menu-public div.link a:hover { text-decoration: underline; }

#left-ads { text-align: center; }
#left-ads img { padding-bottom: 10px; }

#left-login { margin-bottom: 25px; }
#left-login a { color: #003061; text-decoration: underline; }
#left-login a:hover { color: #F8981D; text-decoration: none; }

/* MAIN CONTENT
--------------------------------------------------------*/
#main-content { position: relative; width: 1000px; margin-bottom: 0px; min-height: 400px; padding-top: 25px; padding-bottom: 25px; }
#main-content > table { position: relative; width: 100%; }
#main-content-agent { position: relative; width: 100%; margin-bottom: 0px; min-height: 400px; padding-top: 25px; padding-bottom: 25px; }
#main-content-agent > table { position: relative; width: 100%; }

td.tri-column-left { width: 210px; }
td.tri-column-middle { width: 580px; }
td.tri-column-right { width: 210px; float: right; }
td.bi-column-left { width: 220px; text-align: left; position: relative; }
td.bi-column-right { position: relative; }

#main-content-agent > table td.bi-column-left { padding-left: 10px; }
#main-content-agent > table td.bi-column-right { padding-right: 25px; min-width: 790px; }

#content { position: relative; text-align: left; font-size: 110%; line-height: 140%; }
h1 { color: #223d51; font-size: 17px; font-weight: bold; background-image: url('../images/bg_title.jpg'); background-repeat: repeat-x; text-align: left; margin-top: 0px; height: 21px; padding-top: 2px; padding-left: 2px; margin-bottom: 15px; }
h2 { color: #003061; font-size: small; font-weight: bold; padding: 5px 0 10px 0; margin: 0px; }

#externalIframe { width: 100%; height: 100%; }
#externalIframeHolder { border: solid 0px #eee; }

/* HOME
----------------------------------------------------------*/
img.home-icon { float: left; padding-right: 25px; }
div.home-go { position: relative; width: 100%; text-align: right; line-height: 20px; vertical-align: top; }
div.home-go span { position: absolute; top: 0px; right: 25px; }
div.home-go span a { color: #003061; text-decoration: none; }


/* LISTS
----------------------------------------------------------*/
ul.arrow-orange { list-style-type: circle; margin: 0px; margin-left: 20px; padding: 0px; }
ul.arrow-orange li { line-height: 18px; }
ul.list-orange-diamond { list-style-type: disc; margin: 0px; margin-left: 20px; padding: 0px; }
ul.list-orange-diamond li { line-height: 18px; }


/* FOOTER
--------------------------------------------------------*/
#footer { }
.footer-public { width: 100%; padding-bottom: 25px; background-color: #003061; background-image: url('../../images/footer-bg.gif'); background-repeat: repeat-x; }
.footer-content { width: 1000px; padding-top: 25px; color: #6683a1; text-align: left; line-height: 20px; font-size: 11px; }
#footer > table { width: 100%; }
.footer-left { width: 23%; padding-right: 25px; }
.footer-content a { color: #6683a1; text-decoration: underline; }
.footer-content a:hover { color: #6683a1; text-decoration: none; }
.footer-right { width: 77%; }
#footer-navigation { font-family: Arial; font-size: 10px; }

.footer-agent { width: 100%; background-color: #003061; color: #6683a1; background-image: url('../../images/footer-bg.gif'); background-repeat: repeat-x; padding-top: 20px; text-align: center; padding-bottom: 5px; }


/* NEWS
-------------------------------------------------------*/
.news-widget-holder { height: 400px; overflow: auto; margin-top: 5px; }
.news-widget { padding-bottom: 5px; line-height: 16px; padding-right: 7px; }
.news-widget h3 { font-size: 100%; font-weight: bold; margin-bottom: 0px; }
.news-widget h3 a { text-decoration: none; }
.news-widget h3 a:hover { text-decoration: underline; }

/* MISC
------------------------------------------------------*/
.border_picture { border: 1px solid #223D6F; padding: 2px; margin-right: 10px; margin-bottom: 5px; }
.smaller { font-size: 90%; }

.employee-group { margin-bottom: 25px; line-height: 160%; }
.employee-group h2 { font-size: 110%; }
.employee-title { font-weight: bold; }
.employee-name { color: #003061; font-weight: bold; font-size: 100%; }
.employee-group div.paragraph { clear: both; }
.employee-group p {  }

.news-item { padding-bottom: 5px; }
.news-item h3 { margin-bottom: 3px; }
.news-item h4 { margin-bottom: 5px; margin-top: 5px; font-size: medium; }
.news-intro { font-weight: bold; }
.news-detail { }

.event-intro { padding-left: 25px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.event-intro p { margin: 0px; padding-bottom: 7px; }

hr.divider { background-color: #eee; color: #eee; width: 75%; height: 1px; margin-top: 15px; margin-bottom: 15px; }
.paragraph { padding-bottom: 10px; }
.required { color: Red; }

/* GRID VIEW
----------------------------------------------------*/
.full-width { width: 95%; }
.grid-view { border: solid 1px #CCCCCC; }
.grid-view tr td, .grid-view tr th { padding-right: 4px; padding-left: 2px; }
.border-collapse { border-collapse:collapse; }
.grid-view-header { background-color: #CCC; font-weight: bold; }
.alternate-row { background-color: #EEE; }