#header { width: 800px; height: 170px; }
#headerHome { height: 175px; background: transparent url(graphics/design/header_pic.jpg) no-repeat top left; }
#headerHome h1 { display: none; }
#headerImg { height: 0px; position: relative; bottom: 62px; right: 6px; }
#headerContact { height: 0px; overflow: visible; position: relative; bottom: 125px; right: 0px; }
#headerSales { height: 0px; overflow: visible; position: relative; bottom: 125px; right: 0px; }
#headerLogin { height: 0px; overflow: visible; position: relative; bottom: 125px; right: 0px; }
#headerRecording { height: 0px; overflow: visible; position: relative; bottom: 125px; right: 0px; }
#headerCamera { height: 0px; overflow: visible; position: relative; bottom: 125px; right: 0px; }

#content { width: 785px; padding: 0px 35px 50px 15px; border: 0px solid #C5C6C7; }
#content a { color: #04457D; }
#content img { border: 0; }
#contentHome { width: 550px; padding: 0px 35px 50px 15px; border: 0px solid #C5C6C7; }
#contentHome a { color: #04457D; }
#contentHome img { border: 0; }
#webpageWrapper H1 { margin-top: 0px; }
#footer { height: 40px; }
#footerHome { height: 29px; background: transparent url(graphics/design/footer_slogan.jpg) no-repeat bottom center; text-align: center; vertical-align: bottom; }
#copyright { font: normal 7pt Verdana, sans-serif; }

/* ---------------Global Styles--------------- */
a { color: #04457D; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #414141; }
h1 { color: #000; font-size: 18pt; }
h2 { color: #000; font-size: 14pt }
h3 { color: #04457D; font-size: 12pt; }
h4 { color: #000; font-size: 11pt }

body { color:#000;  }
#page { background: #fff; }
body, p, td, div { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.container { width: 800px; margin:0 0; padding: 0; background: #fff;  clear: both; }
form, input { padding:0; margin:0; }
.center { text-align: center; }
/* End Global Styles */

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* --------------- Menu Styles --------------- */

/* MenuBegin:menuTop */
#menuTop { width: 800px; height: 95px; position: absolute; top: 150px; left: -1000px; }
#menuTop a { display: inline; text-decoration: none; font-size: 16px; font-weight: bold; color: #000; position: relative; left: 1480px; padding: 0px 5px 0px 5px; }
#menuTopHome { width: 455px; height: 95px; position: absolute; top: 150px; left: -1000px; }
#menuTopHome a { display: inline; text-decoration: none; font-size: 16px; font-weight: bold; color: #000; position: relative; left: 1280px; padding: 0px 5px 0px 5px; }

/* MenuBegin:menuBottom */
#menuMainBottom { font: normal 7pt Verdana, sans-serif; color: white; line-height: 20px; }
#menuMainBottom a { text-decoration: none; color: white; }

/* MenuBegin:menuBottom */
#menuTextLinks { font: normal 7pt Verdana, sans-serif; color: black; display: inline; }
#menuTextLinks a { text-decoration: none; color: black; }

/* MenuBegin:menuSubmenu */
#menuSubmenu { font: normal 7pt Verdana, sans-serif; color: black; line-height: 20px; text-align: right; visibility: hidden; white-space: nowrap; }

/* --- MenuBegin:menuMainTop --- */
#menuh-container { position: absolute; top: 56px; left: 176px; overflow: visible; }
#menuh { font: normal 7pt Verdana, sans-serif; width:100%; float: left; margin:2em; margin-top: 1em; }
#menuh ul { display: inline; list-style: none; margin: 0; padding: 0; white-space: nowrap;
/* width of all menu boxes. NOTE: For adjustable menu boxes you can comment out the above width rule. However, you will have to add
 padding in the "#menh a" rule so that the menu boxes will have space on either side of the text -- try it */ }

/* Root Menu */
#menuh a { text-align: center; display: block; border-right: 1px solid white; white-space: nowrap; margin: 0; padding: 0.3em; }
#menuh ul a:link, #menuh ul a:visited, #menuh ul a:active /* menu at rest */ { color: white; background-color: #04457D; text-decoration: none; }
#menuh ul a:hover /* menu on mouse-over */ { color: #04457D; background-color: #BCC5CC; text-decoration: none; }

/* 2nd Level */
#menuh ul ul li { width: 100%; }
#menuh ul ul a { white-space: nowrap; border-right: 0px solid white; text-align: left; position: relative; right: 1px; }
#menuh ul ul a:link, #menuh ul ul a:visited, #menuh ul ul a:active /* menu at rest */ { color: #04457D; background-color: #BCC5CC; text-decoration: none; }
#menuh ul ul a:hover /* menu on mouse-over */ { color: white; background-color: #04457D; text-decoration: none; } 

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */ { background-image: url(navdown_white.gif); background-position: right center; background-repeat: no-repeat; }
#menuh a.parent, #menuh a.parent:hover  /* attaches side-arrow to all parents */ { background-image: url(nav_white.gif); background-position: right center;
 background-repeat: no-repeat; }
#menuh li { float: left; display: inline; position: relative; min-height: 1px; /* for IE7 */ vertical-align: bottom;  /* for IE7 */ }
#menuh ul ul { position: absolute; z-index: 500; top: auto; display: none; padding: 0em; margin: 0em 0 0 0em; }
#menuh ul ul ul { top: 0; left: 100%; }

div#menuh li:hover { cursor:pointer; z-index:100; }

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/* --- MenuBegin:menuMainLeft --- */
ul.menuMainLeft,ul.menuMainLeft li,ul.menuMainLeft ul { width: 169px; /* Menu Width */ margin: 0px; padding: 0px; list-style: none; }
ul.menuMainLeft li { float: left; position: relative; width: 140px; }
ul.menuMainLeft li.iehover { z-index: 1000; /* IE z-index bugfix */ }
ul.menuMainLeft { padding-left: 20px; }
ul.menuMainLeft ul { display: none; float: none; position: absolute; top: 0; left: 100%; z-index: 9999; }
ul.menuMainLeft ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/; left: 0; }

/* Root Menu */
ul.menuMainLeft a { border-right: 1px solid #FFF; padding: 2px 6px 2px 6px; display: block; color: #04457D; font: normal 14px Arial, sans-serif; text-decoration: none; height: 1%; }
ul.menuMainLeft a.item1 {  }

/* Root Menu Hover Persistence */
ul.menuMainLeft a:hover,ul.menuMainLeft li:hover a,ul.menuMainLeft li.iehover a { color: #04457D; }

/* 2nd Menu */
ul.menuMainLeft li:hover li a,ul.menuMainLeft li.iehover li a { float: none; background: #BCC5CC; font: bold 11px Arial, sans-serif; border-bottom: 1px solid #999; text-decoration: none; width: 190px; }
ul.menuMainLeft li:hover li:last-child a,ul.menuMainLeft li.iehover li:last-child a { float: none; font: bold 11px Arial, sans-serif; border-bottom: 1px solid #FFF; }
ul.menuMain li:hover li a,
ul.menuMain li.over li a { color: #ffffff; text-decoration: none; text-align: left;
 font-size: 12px; line-height: 14px; 
 background: #5FA701; padding: 5px 20px; float: none; height: auto;}

/* 2nd Menu Hover Persistence */
ul.menuMainLeft li:hover li a:hover,ul.menuMainLeft li:hover li:hover a,ul.menuMainLeft li.iehover li a:hover,ul.menuMainLeft li.iehover li.iehover a { background: #04457D; color: #BCC5CC; }

/* 3rd Menu */
ul.menuMainLeft li:hover li:hover li a,ul.menuMainLeft li.iehover li.iehover li a { background: #BCC5CC; color: #04457D; position: relative; top: 8px; right: 8px; border-bottom: 1px solid #999; }
ul.menuMainLeft li:hover li:hover li:last-child a,ul.menuMainLeft li.iehover li.iehover li:last-child a { border-bottom: 1px solid #FFF; }

/* 3rd Menu Hover Persistence */
ul.menuMainLeft li:hover li:hover li a:hover,ul.menuMainLeft li:hover li:hover li:hover a,ul.menuMainLeft li.iehover li.iehover li a:hover,ul.menuMainLeft li.iehover li.iehover li.iehover a { background: #04457D; color: #BCC5CC; }

/* 4th Menu */ ul.menuMainLeft li:hover li:hover li:hover li a,ul.menuMainLeft li.iehover li.iehover li.iehover li a { background: #666; }

/* 4th Menu Hover */ ul.menuMainLeft li:hover li:hover li:hover li a:hover,ul.menuMainLeft li.iehover li.iehover li.iehover li a:hover { background: #333; }

/* Hover Function - Do Not Move */
ul.menuMainLeft li:hover ul ul,ul.menuMainLeft li:hover ul ul ul,ul.menuMainLeft li.iehover ul ul,ul.menuMainLeft li.iehover ul ul ul { display: none; }
ul.menuMainLeft li:hover ul,ul.menuMainLeft ul li:hover ul,ul.menuMainLeft ul ul li:hover ul,ul.menuMainLeft li.iehover ul,ul.menuMainLeft ul li.iehover ul,ul.menuMainLeft ul ul li.iehover ul { display: block; }
/* MenuEnd:menuMainLeft */

/* --------------- End Menu Styles --------------- */

/* ModuleBegin::search */
.searchBoxInput { font-size: 10pt; vertical-align: middle; position: relative; bottom: 6px; }
.searchBoxList { }
.searchBoxTable { }
.searchBoxText { font-size: 10pt; }
/* ModuleEnd::search */

/* ModuleBegin::news */
.newsWrapper #headerImg {  }
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
.morelink { position: relative; bottom: 10px; }
/* ModuleEnd::news */

/* ModuleBegin::poll */
.pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;}
.pollSmallWrapper span.pollChoices { padding-bottom: 5px; }
.pollListWrapper { }
.pollDetailWrapper { }
.pollQuestion { }
.pollChoices { }
.pollLink { }
.pollResultQuestion { font-weight: bold; }
.pollResultChoices { }
.pollBar { background-color: #ccc; height: 7px; }
/* ModuleEnd::poll */

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */

/* Form Styles */
.formtextRequired { background-image: url('graphics/asterisk.gif'); background-repeat: no-repeat; background-position: 0px 2px;
 padding-left: 10px; }
/* End Form Styles */

/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */