/* Common.css */

/* Layout */
body { margin: 0; padding: 0; }
.nocss { display: none; }
.clr { clear: both; overflow: hidden; height: 1px; }

acronym { cursor: help; }

#main { min-width: 750px; }

#search { float: right; display: block; padding: 15px; padding-top: 32px; padding-bottom: 0; }
#header-gfx { float: left; }
#header-holder { background-position: 375px 0px; }
#section-title { float: left; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
#header-gfx { height: 76px; overflow: hidden; }

#global-nav { clear: both; display: block; height: 24px; }
#global-nav-items { float: right; }
#global-nav-items ul { margin: 0; padding: 0; list-style: none; }
#global-nav-items ul li { float: left; }
#global-nav-items ul li a { display: block; padding-left: 6px; padding-right: 6px; padding-top: 5px; padding-bottom: 5px; }
#global-nav-items div.subnav ul { position: absolute; z-index: 1000; }
#global-nav-items div.subnav ul { display: none; }
#global-nav-items div.subnav:hover ul, #global-nav-items div.hover ul { display: block; }
#global-nav-items div.subnav ul li a, #global-nav-items div.subnav ul { width: 120px; }

h3 { display: block; padding-bottom: 4px; }

#content { margin-right: 215px; padding: 7px; }
#content-holder { width: 100%; clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.centre { text-align: center; }
.column-left { float: left; width: 50%; padding: 10px; }
.column-right { float: left; width: 50%; padding: 10px; }
.important-box-1, .important-box-2, .important-box-3, .see-also-box { display: block; padding: 6px; }
.section { height: 20px; padding: 5px 0px 3px 10px; font-size: 0.95em; font-weight: bold; }


.row { width: 100%; }
.home-block-holder { float: left; width: 31%; margin: 1%; }
.row-2 .home-block-holder { width: 47.5%;  }
.home-block {  width: 100%; height: 18em; }
.home-block ul { margin: 0; padding: 6px; margin-left: 12px; }
.home-block ul li { padding-bottom: 3px; }
.general-block { width: 100%; margin: 1%; }

#left-column { float: left; width: 179px; overflow: hidden; }
#menu { width: 100%; }
#menu ul, #menu ul li { margin: 0; padding: 0; list-style: none; }
#menu li a { display: block; line-height: 24px; overflow: hidden; padding-top: 0; padding-bottom: 0; }

#right-column { float: right; width: 220px; }
#right-column ul li { padding-bottom: 4px; }
#right-column ul { margin-top: 4px; margin-bottom: 4px; }
#right-column #news ul li { padding-bottom: 8px; }

#footer { padding: 6px; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { padding-right: 2px; display: inline;}
#copyright { float: left; }

/* Style */
body { font-family:Verdana, Helvetica, sans-serif; font-size: 76%; color: #002F63; }
img { border: 0; }

h3 { border-bottom: 2px solid; }

#search input { border: 0; }
#search input.submit { background: transparent; color: #fff; font-weight: bold;cursor: pointer;}

#global-nav a { color: #fff; }
#global-nav-items ul li a { text-decoration: none; font-size: 0.9em; }
#global-nav-items div.subnav ul li a { border-top: 1px solid #FFF; }
#breadcrumbs { color: #626c87; }
#breadcrumbs a { color: #626c87; }

.column-left { border-right: 1px solid #0e2e65; }
.important-box-3 { border: 1px solid; }
.title { padding: 4px; padding-left: 10px; background-repeat: repeat-y; background-position: right; }
.title h2 { font-weight: bold; font-size: 0.95em; margin:0; padding: 0; }


.home-block, .general-block { font-size: 0.95em; }
.home-block a, .general-block a { color: #002F63; text-decoration: none; } 
.home-block a:hover, .general-block a:hover { color: #9E4519; text-decoration: underline; }

#menu li span { display: block; border-bottom: 2px solid #FFF; }
#menu li a { color: #FFF; text-decoration: none; }
#submenu li a { border-left: 18px solid; }
#subsubmenu li a { border-left: 35px solid; }

#right-column, #right-column a { color: #fff; }
#right-column ul { margin-left: 15px; padding: 0; list-style: none; }
#right-column h2 { text-transform: uppercase; margin: 0; padding: 0; font-size: 0.9em; padding-left: 8px; }
.right-column-link { text-align: right; }
#right-column div.nav-block { border-bottom: 2px solid #97afcd; padding-bottom: 12px; padding-right: 10px; padding-top: 8px; }
#right-column a { text-decoration: none; }
#right-column a:hover { text-decoration: underline; }

#footer { border-top: 2px solid #0e2e65; text-align: center; }
#copyright a, #site-links a { text-decoration: none; color: #0e2e65; font-size: 0.9em; }
#copyright a:hover, #site-links a:hover { text-decoration: underline; color: #0e2e65; font-size: 0.9em; }

.row .bsgbox { display: block; width:94%; float: left;  margin:1%;  }
.row .bsgbox p { margin: 0; padding:10px; }
.row .bsgbox p a { text-decoration:underline; }
.row .bsgbox p a:hover { text-decoration:none; color:#9E4519 }


#accessibilitybar #bar {height:7px; margin: 0; padding: 0;font-size: 1px; cursor:arrow;}
#accessibilitybar #text {position:absolute; top:0; right:0; padding: 2px 15px; text-align:right; margin: 0; color:#FFFFFF; vertical-align:middle; background-repeat:no-repeat; background_position: bottom left; font-size: .9em;}
#accessibilitybar p {padding: 0;}
#accessibilitybar img {padding:0; margin:0; vertical-align:bottom;}
#accessibilitybar a, #accessibilitybar a:link {color:#ffffff;text-decoration:underline;} 
#accessibilitybar a:hover {color:#ffffff;text-decoration:none;}
#accessibilitybar #text ul { list-style:none; margin:0; padding:0;} 
#accessibilitybar #text li { display:inline;} 

#main #header-holder #header h1.hide { position:absolute; left:-500; top:-500; overflow:hidden; height:1px; width:1px;}