USEFUL -------------------*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearboth { clear: both; } /*
creates a new line */
img#block { display: block;} /* removes thin white line between images */
/* Images in Information Pages */
.photobox_left, .photobox_right
{
background-color: #ffffff;
border: 1px solid #cccccc;
text-align:center;
font-size:11px;
padding:4px;
}
.photobox_left
{
position:relative;
float:left;
margin:0px 15px 10px 0px;
}
.photobox_right
{
position:relative;
float:right;
margin:0px 0px 10px 15px;
}
/*------------------
LAYOUTS -------------------*/
img { border: 0px;}
img.dropdownline { padding: 0.2em 0em 0em 0em; }
#level0 { background:#FFF;}
/* Start WebSite Top DIV */
#level0 #top {
margin: 0px 0px 0px 0px;
background-image: url(/images/title_background3.gif); background-repeat: no-repeat; background-position: left;
height: 245px;
min-height: 1%;
}
#level0 #top .right {
background-image: url(/images/title_background_stretch3e.jpg); background-repeat: no-repeat; background-position: right;
height: 245px;
}
#level0 #top .logo {
position: relative; float: left; left: 15px; top: 1px;
}
#level0 #top .toplinks {
position: relative; float: left; left:75px; top: 1px; font-weight: bold; padding-top:3px; background-color:597ADC;
}
#level0 #top .rss {
position: relative; float: left; left:90px; top:1px;
}
#level0 #top .slogan {
position:absolute;
left: 300px;
top: 33px;
}
#level0 #top .banner {
position:absolute; left:15px; top:55px;
}
#level0 #top .searcharea {
position:absolute;
left: 20px;
top: 157px;
height: 57px;
width: 850px;
border:thin #999999;
}
#level0 #top .searcharea1 {
position:absolute;
left: 97px;
top: 4px;
height: 25px;
width: 672px;
}
/*------------------ Top Header and Search Bar CSS -------------------*/
#headertopbaroutline { position:absolute; top:0px; left:0px; width:100%; height:64px; }
#headertopbar { margin-left:269px; margin-right:7px; background-image: url('/images/header/menubg.jpg'); background-repeat: repeat-x; width:auto; height:50px; }
#headerundermenuright { position:absolute; top:50px; left:-8px; width:100%; }
#headerbanner { position:absolute; top:74px; left:12px; width:98%; }
#headerbannerimage { background-image: url('/images/header/bannerright.jpg'); background-repeat: no-repeat; background-position: right; height:90px; line-height:90px; width:auto; }
#headerunderbanner { position:absolute; top:174px; left:-8px; width:100%; margin-right:7px;}
#headersearchmenuoutline { position:absolute; top:183px; left:0px; width:100%; height:31px; }
#headersearchmenubackgr { background-color:#1948A4; background-image: url('/images/header/menu2bg.jpg'); background-repeat: repeat-x; margin-left:7px; margin-right:7px; }
#headersearchmenuleft { background-image:url('/images/header/menu2left.jpg'); background-repeat:no-repeat; height:31px; line-height:31px; }
#headersearchbar { position:absolute; top:214px; left:0px; width:100%; height:56px; }
#headersearchbarbackgr { background-image: url('/images/header/searchbg.jpg'); background-repeat: repeat-x; margin-left:7px; margin-right:7px;}
/* #headersearchbarright { background-image:url('/images/header/searchright.jpg'); background-position:top right; background-repeat:no-repeat; height:56px; } */
#headersearchbarleft { background-image:url('/images/header/searchleft.jpg'); background-position:left; background-repeat:no-repeat; height:56px; }
.headermenu1 {
position:relative;
width:auto;
bottom:20px;
font-size: 12px;
line-height: 12px;
color: #003399;
padding-right:8px;
}
.headermenu1 a:link, .headermenu1 a:visited {
font-family: "Trebuchet MS", arial;
color: #003399;
text-decoration: none;
}
.headermenu1 a:hover{
color: #03B902;
text-decoration: none;
}
#headermenu2 {
/* background-image:url('/images/header/menu2right.jpg'); background-position:top right; background-repeat:no-repeat; */
font-size: 12px;
line-height: normal;
color: #FFFFFF;
text-decoration: none;
}
#headermenu2 a:link, #headermenu2 a:visited {
font-family: "Trebuchet MS", arial;
padding:2px;
color: #FFFFFF;
text-decoration: none;
}
#headermenu2 a:hover{
color: #A3D2EC;
text-decoration: none;
}
.topsearchbox {
font-family: "Trebuchet MS", arial;
font-size: 12px;
color: #0A3C9D;
text-decoration: none;
margin: 0px 0px 0px 20px;
height: 24px;
width: 523px;
padding: 2px 5px 2px 5px;
border: 1px solid;
border-top-color: #b3bed6;
border-right-color: #b7c2da;
border-bottom-color: #b7c2da;
border-left-color: #b6c1d9;
}
.headersubmit
{
font-family: "Trebuchet MS", arial;
font-size: 12px;
color: #0A3C9D;
}
/*------------------ Search Navigation Bar - -------------------*/
ul#topnavlist3
{
float: right;
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
}
ul#topnavlist3 li { display: inline; }
ul#topnavlist3 li a
{
float: left;
width: 7.8em;
padding: 0.2em 0em 0.2em 0em;
text-decoration: none;
border-right: 1px solid #000;
border-left: 1px solid #ccccff;
border-top: 1px solid #000;
/* border-top: 1px solid #C7C7C7; */
text-align: center;
}
#level0 #top .searcharea2 {
position:absolute;
left: 5px;
top: 34px;
height: 44px;
width: 759px;
padding-top: 5px;
}
.searchbox{
float:right;
width:669px;
padding: 0;
}
#level00 { background:#FFF; clear:left; border-top: solid #F5F5F5; }
/* Start WebSite Bottom DIV */
#level00 #bottom {
margin: 0px 325px 0px 15px;
height: 60px;
}
/*background-image: url(/images/footer_background_long_honcode.gif); background-repeat: no-repeat; background-position: left; */
#level00 #bottom .bannerlinks {
}
/*position: relative; float: right; right: 5%; top:3px; background-color:597ADC;*/
/* Start WebSite Main DIV */
#main {
width:auto;
/* margin-left:162px; */
margin-left:15px;
margin-right:330px;
height:auto;
background:#FFF;
margin-top:230px;
padding:0px 4px 0px 4px;
}
.box
{
background-color: #eeeeff;
border-style: solid;
border-color: #ccccff;
border-width: 1px;
padding: 5px 5px 5px;
margin: 10px 0px 10px 0px;
}
.definitionbox
{
font-size:140%; border:1px solid #ccc; padding:15px; margin-bottom:20px;
}
/* Start WebSite Rightbar DIV */
#rightbar {
width:300px;
position:absolute;
top:285px;
right:0px;
background:#FFF;
margin-right:5px;
}
#rightbar .navbox
{
background-color: #ffffff;
border-style: solid;
border-color: #ddd;
border-width: 1px;
padding: 5px 5px 5px;
margin: 15px 0px 10px 0px;
}
#rightbar .navbox a, .bulletbox a
{
width:auto;
background: url("/images/layout/spacer_lblue.gif") #fff no-repeat left center;
padding-left:11px;
}
.right1 {
width:400px;
position:relative;
}
.right1a {
width:450px;
position:relative;
float:left;
}
.right1b {
width:250px;
position:relative;
float:left;
padding-left:10px;
margin-right:315px;
}
.right2 {
float:right;
width:150px;
margin-left:10px;
padding-left:10px;
padding-right:10px;
background: #EEF0EE;
}
#right140 {
float:right;
width:140px;
padding-left:5px;
}
.right160 {
float:right;
width:160px;
font-family: "Trebuchet MS", arial;
margin-left:5px;
}
#right160a {
float:right;
width:160px;
padding-left:5px;
border-right: #F3F3F3 solid;
border-bottom: #F3F3F3 solid;
}
#right190 {
float:right;
width:190px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin-right:5px;
}
#right190b {
float:right;
width:190px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin-right:10px;
background:#EBEEFA;
}
#right300_rightcol {
float:right;
width:120px;
background:#fff;
top:500px;
padding-left:25px;
padding-top:25px;
padding-bottom:25px;
}
#left160 {
float:left;
width:160px;
padding-right:5px;
}
#left190 {
float:left;
width:190px;
padding-right:5px;
}
#left190b {
float:left;
width:190px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
margin-right:10px;
background:#EBEEFA;
}
#left220 {
float:left;
width:220px;
padding-left:5px;
}
#lftnav {
position:relative;
float:left;
width:143px;
height:2150px;
left:0px;
margin-top:195px;
margin-left:7px;
background: #F4F2F0;
border-top:#0033CC;
font-weight:500;
text-align:right;
}
.lightblue {
background: #E6E9F0;
}
.lightblue2 {
background: #F0F0F0;
}
.colour5 {
background: #F4F2F0;
padding-right:5px;
}
.button1 {
font-size: 8pt;
background:#CCCCCC;
font-weight:bold;
}
/* Google Ad Styles */
/*-----------------------------------------------*/
div.googleads {
padding: 0px 2px 10px 2px;
margin:0px 0px 10px 0px;
}
div.rightgoogleads {
text-align:center;
margin-top:10px;
}
.g_adsbyline {
margin: 0 0 10px 0;
padding: 0;
background: url(/images/adline.gif) repeat-x transparent;
background-position: center right;
min-height: 10px;
text-align:left;
}
a.g_adsby:link, a.g_adsby:visited {
background-color:#fff;
font-size:12px;
color:#999;
font-weight:normal;
text-decoration:none;
padding:5px 5px 5px 0px;
}
div.afc_googleaddiv {
padding:5px;
padding-left:0px;
}
a.g_title:link, a.g_title:visited {
font-size:110%;
color:#0049db;
font-weight:bold;
margin-top:5px;
margin-bottom:0px;
text-decoration:underline;
}
.g_text {
color:#333;
font-weight:normal;
text-decoration:none;
}
a.g_link:link, a.g_link:visited {
color:#aaa;
font-weight:normal;
}
/* AFS Specific - Google Ad Styles */
/*-----------------------------------------------*/
div.google_afs_wide {
background-color:#fff;
padding:8px 10px 10px 0px;
}
div.google_afs_narrow {
background-color:#fff;
padding:9px 10px 0px 0px;
margin-left:0px;
}
div.afs_googleadwide {
background-color:#fff;
padding:8px 8px 6px 0px;
border:1px solid #F3F5F8;
border-bottom:1px solid #fff;
}
div.afs_googleadnarrow {
background-color:#fff;
padding:0px 8px 0px 0px;
}
a.afs_g_adsby:link, a.afs_g_adsby:visited {
font-size:12px;
color:#666;
font-weight:normal;
text-decoration:none;
}
.afs_g_title {
color:#0049db;
font-size:16px;
text-decoration:underline;
}
.afs_g_link {
font-size:14px;
color:#aaa;
font-size:12px;
text-decoration:underline;
}
.afs_g_text {
color:#333;
font-weight:normal;
font-size:12px;
text-decoration:none;
}
/*------------------ abbreviation search -------------------*/
.tick1 { display:block; width:20px; height:16px; background: url("/images/icons/tick-inactive.png") #fff center center no-repeat; }
/* .tick1:hover { width:20px; height:14px; background-image: url(/images/icons/tick.gif); background-repeat:no-repeat; } */
.tick1:hover { width:20px; height:16px; background: url("/images/icons/tick.png") #39f center center no-repeat; }