/*==============================MAIN ELEMENTS================================*/
body{background-color: #E4E0C3;background-image: url(../images/dropbg.jpg);background-repeat:repeat-y;background-position:center;margin:0px;} img{border-style: none;}
table{font-family: arial,serif; font-size:13px; border:0;} div{font-family: arial,serif; font-size:13px;} div a:hover{color: #3387FF;}
table th{font-size:13px;color:#fff; background-image:url(../images/brownbar.jpg);background-repeat:repeat-x; border:1px solid #000;font-weight:bold;padding:0.25em 1em;} table th a{color:#fff;}
a{text-decoration:underline;color:#EA6A22;} a:hover {color: #3387FF;} a:visited {color: #264F0F;} p{color:#000;font-size:13px;font-weight:normal;} p a:hover{color: #3387FF;}
/*==============================PAGE NAME AND BOB STUFF================================*/
.personName{text-align:center;font-weight:bold;font-family:verdana;color:#323024;font-size:small;text-decoration: underline;margin:0px;padding:0 0 2px 0;}
.personTitle{text-align:center;font-weight:bold;font-family:verdana;color:#323024;font-size:x-small;margin:0px;padding:0px;}
.popoutText{text-align:center;text-decoration: underline;font-weight:bold;font-family:verdana;color:#323024;font-size:x-small;margin:0px;padding:3px 0 5px 0;}
/*==============================FONT ELEMENTS================================*/
.justify{text-align:justify;} .justify p{text-indent:23px;} .indent{text-indent: 23px;} .i{font-size:12px;font-style:italic;font-weight:bold;padding-bottom:6px;} .u{text-decoration:underline;} .red{color:#A22C10;} .bolder{font-weight:bold;color:#000;} .bolderbrown{font-weight:bold;color:#67573E;}
/*==============================INFO ELEMENTS================================*/
.info{float:left;padding-right:25px;color:#67573E;font-size:13px;font-weight:bold;vertical-align:top;padding-top:48px;} .info ul{padding:2px 0 3px 0; margin:0 0 8px 15px;} .info li{font-size:12px;font-weight:normal;}
.blueguy{background-image:url(../images/icons/blueinfo.jpg);background-repeat:no-repeat;background-position:3px 1px;}
.usaflag{background-image:url(../images/icons/usa.png);background-repeat:no-repeat;background-position:3px 1px;}
.pagestrip{color:#fff;font-size:10pt;font-weight:bold;width:279px;height:400px;background-image:url(../images/pad.jpg);background-repeat:no-repeat;}
/*==============================RANDOM ELEMENTS================================*/
.inside{list-style-position: inside;} .clearfloat{clear: both;} .textrpad{padding-right:12px;} .textlpad{padding-left:12px;} .lpad{padding-left:22px;} .texttpad{padding-top:12px;}
.vt {vertical-align:top;} .vm {vertical-align:middle;} .ct{text-align:center;} .rt{text-align:right;} .sand{color: #67573E;} .b{font-weight:bold;}
/*==============================OTHER MAIN ELEMENTS================================*/
.c{margin:0 auto 0 auto;position:relative;clear:both;} .r {margin-right: 30px;margin-left: auto;} .fl{float:left;} .fr{float:right;}
.box {border-collapse: collapse;border: 1px solid #000; font-size: 10px; width:100%} .box h2{color:#fff;font-size:13px;margin:0;padding:0;} .box a{text-decoration:none; color:#67573E;} .box a:hover{text-decoration:underline; color:#DC9A1C;} .boxspace{padding:2px 12px 2px 12px;}
.copy{color:#000;font-size:11px;font-weight:bold;padding:40px 0 0 4px;margin:0;} .copy a:hover{color:#3387FF;} .line{background-image:url(../images/line.jpg);background-position:0px 28px;background-repeat:no-repeat;}
.logos{text-align:center;padding:15px 0 10px 0;} .logos a{text-decoration:none;} .w3{text-align:center;padding:5px 0 30px 0;} .w3 a{font-size:13px;font-weight:bold;}
.notfull{width:830px;} .nearfull{width:840px;} .w860{width:870px;} .overhalffull{width:560px;} .full630{width:630px;} .halffull{width:400px;} .morehalffull{width:420px;} .underhalffull{width:350px;} .kindafull{width:490px;} .full{width:900px;}
.topbar{padding:4px 0 0 0;text-align:left;width:905px;color:#67573E;font-weight:bold;height:18px;} .topbar a{color: #264F0F;} .topbar a:hover{color: #3387FF;} .topbarfl{float:left;margin:0 0 0 3px;font-size:12px;} .topbarfr{float:right;margin:0 3px 0 0;font-size:12px;}
.inline{display:inline;} .sunbrooktiles {float: left; width: 310px; padding-top: 25px;} #sunbrookvert{width:280px;} .sunbrookverttiles {width: 280px; padding-top: 15px;}
.picborder{border: 2px solid #e1e4fa;} .footer_img{padding:0 1px 0 1px;}
.padtop{padding-top:30px;} .padtophalf{padding-top:15px;} .padbot{padding-bottom:30px;} .padbothalf{padding-bottom:15px;}
/*==============================HEADER AND PAGE NAME AND BOB STAFF ELEMENTS================================*/
.header{width:900px;vertical-align:top;height:115px;background-image:url(../images/sghlogo.jpg);background-repeat:no-repeat;} .header a{color:#264F0F;}
.headright{width:400px;float:right;color:#67573E;font-size:9px;text-align:left;background-image:url(../images/icons/quicklinks.jpg);background-repeat:no-repeat;background-position:270px 44px;} .headright ul{font-size:9px;margin:59px 2px 0 265px;padding:0;} .headright li{list-style-image: url(../images/icons/grayarrow.gif);}
.headright #ph{float:right;text-align:right;margin:0 2px 0 0;padding:12px 0 0 0;font-weight:bold;font-size:16px;color:#9E2B0E;} .headright a{font-size:12px;font-weight:bold;} .headright a:hover{color: #3387FF;}
.titlehead{color:#fff;float:left;width:290px;vertical-align:top;text-align:center;} .titlehead h1{font-family:arial,serif;color:#fff;margin:20px 0 0 0;font-size:18px;font-weight:normal;}
.greenglobe{height:105px;text-align:center;font-size:12pt;font-weight:bold;padding-top:13px;background-image:url(../images/icons/greenglobe.png);background-repeat:no-repeat;background-position: 100px 9px;} .greenglobe h1{color:#000;}
.scroll{height:80px;font-weight:bold;background-image:url(../images/scroll.jpg);background-repeat:no-repeat;}
.toppics{float:left;padding:7px 0 0 0;width:308px;vertical-align:top;text-align:right;}
.head{float:left;color:#000;font-size:13px;font-weight:bold;background-repeat:no-repeat; width:276px; vertical-align:top; text-align:center;}
.topads{background-repeat:no-repeat;padding:47px 0 21px 0;} 
.topindex a{color:#EA6A22;font-size:13px;text-decoration:none;} .topindex a:hover{color:#3387FF;text-decoration:underline;}
.topindex{text-align:left;float:left;width:276px;vertical-align:top;padding:7px 0 21px 20px;color:#EA6A22;font-size:13px;font-weight:bold;} .topindex h2{font-family:arial,serif;margin:0 0 6px 0;text-decoration:underline;text-align:center;color:#264F0F;font-size:16px;}
.topindex ul{margin:0 0 0 8px; padding:0;} .topindex li{list-style-image: url(../images/icons/smallarrow.gif);margin:1px 0 1px 0;padding:0;}
.smartphone{color:#EA6A22;font-size:16px;background-image:url(../images/icons/smartphone.png);background-position:124px 10px;}
.camerasmall{background-image:url(../images/icons/camerasmall.jpg);background-position:105px 15px;}
.ok{background-image:url(../images/icons/ok.png);background-position:118px 52px;padding-top:16px;height:86px;}
.brownbutterfly{background-image:url(../images/icons/brownbutterfly.png);background-position:80px 6px;padding-top:10px;height:95px;}
.donkey{background-image:url(../images/icons/donkey.png);background-position:95px 41px;padding-top:10px;height:120px;}
.skunk{background-image:url(../images/icons/skunk.png);background-position:98px 41px;padding-top:10px;height:120px;}
/*==============================NAVIGATION ELEMENTS====================================*/
 /* Set up the default font and overall size to include image */
.menu {font-family: arial,serif; width:900px;height:36px;background-image:url(../images/navback.jpg); border: 0;margin:0 auto 0 auto; font-size: small;}
/* get rid of the default padding - margin and bullets */
.menu ul {padding:0; margin:0;list-style-type: none;}
/* make menu horizontal */
.menu ul li {float:left;position:relative;text-align:center;z-index:10;}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#9EA677; width:88px; height:23px; font-size:13px; font-weight:bold;
color:#FFFFFF; border-bottom:4px solid #5F7453;padding-top:2px;padding-left:2px; line-height:22px; margin-right:3px;}
/* hack for IE5.5 to correct the faulty box model */
html .menu ul li a, .menu ul li a:visited {width:98px;width:88px;}
/* hide the drop down menu */
.menu ul li ul {display: none;}
/* remove all table style so that it does not interfere with the menu */
.menu table {margin:-1px; border-collapse:collapse;font-size:12px;}
/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */
/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {color:#9EA677;border-bottom:4px solid #9EA677;}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; left:0; font-size:12px;width:88px;border:1px solid #888;border-bottom:1px solid #888;background:transparent;margin-top:0px;
/*bottom:-86px; change this to flip menu to the top*/}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#f2f2f2; color:#5F7453; border:0;margin:0;color:#333;font-weight:bold; font-size:12px;height:auto; line-height:1em; padding:4px; width:80px}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover{background:#5F7453;color:#fff;}
/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul 
{background:#f2f2f2;
/*background:transparent filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);*/
margin-top:10px; /* for IE5.5 faulty box model */
margin-top:11px; /* for IE6 */}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {background:#dddddd;
width:96px; /* for IE5.5 faulty box model */
width:86px; /* for IE6 */}