html {
	background: transparent url(../images/site_objects/html_bg.gif) repeat-y center top;
	font-family : Arial; font-weight : none; color : #000000; font-size : 12px; text-decoration: none; 
	margin:0px
	
	}
	

	
h5 {
font-size:100%}


#topcontainer{
margin: 0px auto;
width:912px;
padding:0
}	


#footerCol {
margin: 0px auto;
width:912px;
padding:20px 0 8px 0;
background: transparent url(../images/site_objects/footer_bg.gif) repeat-x top;
text-align:center;
color: #636363;
font-size: 90%
}

.navigationbar {
background-color: #1692c0;
float:right;
border-top: 3px solid #ffffff;
width:707px;
color: #ffffff
}

.OFL_logo {
float:left;
display: block;
}

.OFL_logo img{
padding: 10px 0 0 45px;
display: block;
}

.title {
font-size:12px;
color: #00799e;
text-align: center;
letter-spacing:0em;
width:195px;
margin-top: 5px}

.headertext { 
position: absolute;
padding: 110px 0 0 30px;
color:#FFFFFF;
font-size: 120%
}

#topcontainer h1 {
font-size:120%
}

div#menu {
	background:transparent url(../images/site_objects/navigation_bg.gif) repeat-x 0 0;  
}

.f_l {
float:left
}

.f_r {float:right}

.clear {clear:both}

.topimageBox {float:right; width: 707px}

.padtop5 { padding-top:5px!important;}

.martop_10 {margin-top:10px}

.blue {
	color:#0959ee
}

#pagecontent {
margin: 12px auto;
width:912px;
padding:0}

#leftpannel {
float:left;
width: 195px;
margin-right: 10px
}

#leftpannel h2{
color: #000000;
font-size: 130%;
padding-bottom: 0px;
margin-bottom: 0px;
}

#mainpannel {
float:left;
width:510px;
margin-right: 10px;
background-color:#ebebeb
}

#mainpannel_wide {
float:left;
width:704px;
background-color:#ffffff
}

#mainpannel .map_img {
padding: 15px 0 15px 0;
}

#mainpannel_short {
float:left;
width:510px;
margin-right: 10px;

}


#sciencepannel {
float:left;
width:510px;
margin-right: 10px;
background-color:#ebebeb
}

#sciencepannel .map_img {
padding: 15px 0 20px 0;
}

#rightpannel {
float:right;
width:184px;
padding:0px;
margin-top:0px;
}

#rightpannel h2{
color: #000000;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 130%;
}


#rightpannel_science {
float:right;
width:184px;
padding:0px;
margin-top:0px;
}

#rightpannel_science h2{
color: #000000;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 130%;
}

.subproducts {
border-top: 1px solid #000000;
padding-top:10px;
margin-bottom:10px;
}

#rightpannel a{
color:#333333;
font-size:12px;

}

#rightpannel a:hover{
color:#000000
}

.button {
padding:12px 0 0 10px;
width: 175px;
height: 27px;
margin-bottom:7px;
background: #cccccc url(../images/site_objects/btn_grey.gif) no-repeat top left;
}

a.experts {
background: transparent url(../images/site_objects/btn_green.gif) no-repeat top left;
display:block;

}

a.aqua {
background:  transparent url(../images/site_objects/btn_green.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
margin-bottom:7px
}

a:hover.experts, a:hover.aqua, a:hover.red, a:hover.blue, a:hover.pink, a:hover.limegreen, a:hover.orange, a:hover.chic, a:hover.pet, a:hover.vet, a:hover.openall {
background: url(../images/site_objects/btn_grey.gif) no-repeat top left;

}



a.red {
background: transparent url(../images/site_objects/btn_red.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
}

a.blue {
background: transparent url(../images/site_objects/btn_blue.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
}

a.pink {
background: transparent url(../images/site_objects/btn_pink.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
}

a.limegreen {
background: transparent url(../images/site_objects/btn_limegreen.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
}

a.orange {
background: transparent url(../images/site_objects/btn_orange.gif) no-repeat top left;
display:block;
height: 34px!important;
padding:5px 0 0 10px!important;
}

a.pet {
background: transparent url(../images/site_objects/btn_green.gif) no-repeat top left;
display:block;
}

a.vet {
background: transparent url(../images/site_objects/btn_vet.gif) no-repeat top left;
display:block;
}

a.chic {
background: transparent url(../images/site_objects/btn_chic.gif) no-repeat top left;
display:block;
}

a.openall {
background: transparent url(../images/site_objects/btn_openall.gif) no-repeat top left;
display:block;
}


.hotspot {
width:100%
}

.news {
background-color: #8ac8df;
padding: 10px 10px 10px 10px;
font-size: 100%
}

.news a{
font-size: 100%;
font-weight:bold;
color: #12789e;
}

.grey_box {
background-color: #e8e6e6;
padding: 10px 10px 10px 10px;
font-size: 110%;
color: #000000;
}

.grey a{
font-size: 100%;
font-weight:bold;
color: #12789e;
}

.listen {
background-color: #8ac8df;
padding: 10px;
font-size: 100%
}

.listen a{
font-size: 100%;
font-weight:bold;
color: #12789e;
}


.pagecontent_top  {
background: transparent url(../images/topline_bg.gif) no-repeat top left;
display:block;
width: 704px;
height:3px;
line-height:-0.10em
}

.pagecontent {
background: transparent url(../images/middel_bg.gif) repeat-y top left;
width: 674px;
padding:5px 15px 15px 15px
}

.pagecontent_bottom {
background: transparent url(../images/bottomline_bg.gif) no-repeat top left;
width: 704px;
height:3px;
}


.pagecontent_top_short  {
background: transparent url(../images/topline_bg.gif) no-repeat top left;
display:block;
width: 500px;
height:3px;
line-height:-0.10em
}

.pagecontent_short  {
background: transparent url(../images/middel_bg_short.gif) repeat-y top left;
width: 470px;
padding:5px 15px 15px 15px
}

.pagecontent_bottom_short  {
background: transparent url(../images/bottomline_bg.gif) no-repeat top left;
width: 500px;
height:3px;
}

.hpa {
padding-bottom:10px
}

a.quicklinks {
background: transparent url(../images/green_arrow.gif) no-repeat top left;
padding-left: 12px;
display:block;
min-height: 20px
}

a:hover.quicklinks {
background: transparent url(../images/grey_arrow.gif) no-repeat top left;
padding-left: 12px
}


.highlighted {
background-color:#e7fb09
}


.padtop0 { padding-top: 0px!important}

.hidden {display:none}

#main-content .accordion  ul.related li {
margin-bottom: 4px!Important;
padding-left: 0px!important
}

a.arrow {color: #0099CC!important;
background: transparent url(../images/site_objects/arrow_green.gif) no-repeat 0 3px;
padding:0 0 2px 10px;
display: inline-block;

}
a:hover.arrow {color: #454545!important;
background: transparent url(../images/site_objects/arrow_grey.gif) no-repeat 0 3px;
padding-left:10px
}

ul.spaced li {
padding-bottom:12px

}