﻿@import url('reset.css');
body{padding:10px;font:normal 12px Arial, sans-serif; }
a{}
div.wrapper{width:800px;margin:auto;}
div#header{background:url(../images/golfball.gif) 0 0 no-repeat;overflow:hidden;border:solid 1px #e3e3e3;border-bottom:none;}
div#header a#sitelogo{float:right;margin-right:60px;}
ul#topmenu{background:#FFF url(../images/top-menu-bg.jpg) top repeat-x;text-align:right; height:30px; padding-right:100px;}
ul#topmenu li{display:inline-block;margin:0 10px;line-height:30px; }
ul#topmenu li a {color:#79913C; font-size:15px;font-weight:bold;}
ul#topmenu li:hover a{color:#92B6DB;}

ul#sidemenu{float:left;width:200px;margin:15px 0;}
ul#sidemenu li{line-height:25px; background:url(../images/arrow.png) no-repeat 5px center; padding-left:20px}
ul#sidemenu li a{color:#BED6E1; font-size:16px;font-weight:bold;display:block;}

body.green ul#sidemenu li a{color:#A2D39C;}
body.pink ul#sidemenu li a{color:#F5989D;}
body.yellow ul#sidemenu li a{color:#FFE17F;}FDC689
body.pink ul#sidemenu li a:hover, body.yellow ul#sidemenu li a:hover {color:#003366;}
body.orange ul#sidemenu li a{color:#FDC689;}
body.orange ul#sidemenu li a:hover{color:#fff;}
body.red ul#sidemenu li a{color:#FF9966;}
body.red ul#sidemenu li a:hover{color:#fff;}


ul#sidemenu li.active a{color:#fff !important;}
ul#sidemenu li:hover a{color:#79913C;}
body.green ul#sidemenu li:hover a{ color:#BED6E1;}
body div#menubanner{background:#92B6DB url(../images/banner-top-gradient.png) repeat-x top;}
body div#menubanner .banner img{margin-top: 7px;}

body.blue div#menubanner{background-color:#92B6DB;}
body.green div#menubanner{background-color:#009900;}
body.pink div#menubanner{background-color:#ED145A;}
body.yellow div#menubanner{background-color:#FFB614 ;}
body.orange div#menubanner{background-color:#FF9933;}
body.red div#menubanner{background-color:#FF3333 ;height: 200px;}


body.blue div#content{background:url(../images/sidemenu-bg-blue.jpg) repeat-y left;color:#79913C; font-size:14px; overflow:hidden;}
body.green div#content{background:url(../images/sidemenu-bg-green.jpg) repeat-y left;color:#79913C; font-size:14px; overflow:hidden;}
div#content div.left{width:200px; float:left;}
div#content div.main{padding:20px; width:500px; float:left; }
body.green div#content div.main, body.green div#content h2{color:#009900;}
body.red div#content div.main, body.red div#content h2{color:#FF3333;}
div#content h2{color:#79913C;font-weight:bold; font-size: 16px;}
div#content p{margin:20px 0;}

div.newsflash{clear:both;background:url(../images/newsflash-bg-blue.jpg) repeat-x top;float:left;text-align:center; font-size:14px; font-weight:bold;}
div.newsflash div.left{float:left; width:224px;}
body.blue div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-blue2.jpg) repeat-x top;}
body.green div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-green2.jpg) repeat-x top;}
body.pink div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-pink.jpg) repeat-x top;}
body.yellow div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-yellow.jpg) repeat-x top;}
body.orange div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-orange.jpg) repeat-x top;}
body.red div.newsflash div.main{float:left; width:575px;background:url(../images/newsflash-bg-red.jpg) repeat-x top;}

ul.newsflash{display:inline-block; text-align:center;margin:auto;width:100% !important;}
ul.newsflash li{display:inline-block; line-height:30px;width:100%;}


div#footer{text-align:center; padding-left:200px;clear:both;font-size:9px;line-height:28px;}
div#footer a{color:#0000ee;text-decoration:underline;}

.leftText{ text-indent: -7453px; }
.pad{ padding: 20px; line-height: 18px;  padding-bottom: 0px;}
.green{ color: #79913C; }
body.green{color:#000;}

div#content div.left ul.green{font-size:16px;font-weight:bold;margin-top:20px;}
div#content div.left ul.green li{line-height:25px;padding-left:20px;background:url("../images/arrow-green.png") no-repeat scroll 5px center transparent;}
div#content div.left ul.green li a{color:#009900;}
div#content div.left ul.green li:hover a{color:#ED1B2F;}

div#content div.left ul.red{font-size:16px;font-weight:bold;margin:20px 0 0 15px;;}
div#content div.left ul.red li {line-height:25px;padding-left:20px;}
div#content div.left ul.red li.parent li a{color:#fff;font-size: 14px;font-weight: normal;}
div#content div.left ul.red li.parent li:hover a, div#content div.left ul.red li.parent li.active a{color:#9ABBDD;}
div#content div.left ul.red li.parent.hidden a { color: #FF3333;background:url("../images/arrow-red.png") no-repeat  0 4px ;padding-left: 15px}
div#content div.left ul.red li.parent.open a { color: #fff;background:url("../images/arrow-parent.jpg") no-repeat  0 6px ;padding-left: 15px}
div#content div.left ul.red li.parent.open ul li a { color: #fff;background:url("../images/arrow-red.png") no-repeat 0 8px ;padding-left: 15px;display: block;}

div#content div.left ul.red li.parent.open ul li:hover a { color: #9ABBDD;}
div#content div.left ul.red li.parent.open ul li.active a { color: #ff3333;}

div#content div.left ul.red li.hidden ul { display: none; }
div#content div.left ul.red li.parent{background: none;padding-left: 0;}
div#content div.left ul.red li.parent a {color: #fff;font-size: 16px;font-weight: bold;}

body.pink div#content div.main, body.pink div#content h2{color:#ED145A;}
body.yellow div#content div.main, body.yellow div#content h2{color:#003366;}
body.orange div#content div.main, body.orange div#content h2{color:#FF9933;}

#measurement {line-height:20px;}

body.orange div#content div.left { background: #FFCC99;height: 350px;}
body.orange div#content div.left p { margin: 200px 0 0 20px;color: #fff;font-weight: bold;}

body.red div#content { background:url(../images/red-cnt-bg.jpg) repeat-y left top;overflow: hidden;}
body.red div#content div.left { padding-bottom: 20px;}
div#content ul.cnt  {list-style: disc; }
div#content ul.cnt li {line-height: 25px;margin-left: 25px;}
body.red div#content .graphicCnt { width: 150px; float: left; margin-right: 10px;padding-left: 10px; }

body div#menubanner map area { cursor: pointer; }
.leftText{ text-indent: -7453px; font-size:xx-small;}



