/*** GENERAL STYLES ***/

body {background: #333333 url(/images/bkg.gif) left top repeat-x; text-align: center; margin: 0; padding: 0 0 20px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 11px; color: #000;}
body, th, td {line-height: 16px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #d8641d; text-decoration: none;}
a:hover {text-decoration: underline;}

a.arrowup {padding-left: 13px; background: url(/images/arrowup.gif) left center no-repeat;}
a.arrowright {padding-left: 13px; background: url(/images/arrowright.gif) left center no-repeat;}
a.arrowleft {padding-left: 13px; background: url(/images/arrowleft.gif) left center no-repeat;}
a.rightarrow {padding-right: 13px; background: url(/images/arrowright.gif) right center no-repeat;}
a.leftarrow {padding-right: 13px; background: url(/images/arrowleft.gif) right center no-repeat;}
a.backlink {position: absolute; right: 5px; top: 15px;}

.hide {display: none;}
.small {font-size: 10px;}
.large {font-size: 12px;}
.gray {color: #999;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

.floatleft {float: left;}
.floatright {float: right;}

.imgleft {float: left; margin: 0 15px 15px 0; border: 1px solid #ccc;}
.imgright {float: right; margin: 0 0 15px 15px; border: 1px solid #ccc;}
.imgreplace {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; cursor: hand;}

.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; margin: 0 auto; text-align: left; padding-bottom: 5px; background: url(/images/outer.gif) left bottom no-repeat;}
#main {position: relative; background: #fff; border: solid #ccc; border-width: 0 1px; padding: 8px; min-height: 100px; height: 10px; overflow: hidden;}
	html>body #main {height: auto;}
#sidebar {float: left; width: 210px; padding: 15px; background: #efefef; border: 1px solid #ccc; margin-right: 20px;}
	body.gshome #sidebar {margin-top: 254px;}
	body.sitesearch #sidebar {display: none;}
#content {float: left; width: 450px;}
	body.gshome #content {margin-top: 254px;}
	body.sitesearch #content {width: 892px; padding: 20px 40px 40px 40px;}
#modules {float: right; width: 240px;}
	body.sitesearch #modules {display: none;}


/*** GSISD HOME FLASH STYLES ***/

#homeflash {position: absolute; left: 8px; top: 8px; width: 719px; height: 241px;}
#homeflash a {display: block; width: 717px; height: 239px; text-align: center; border: 1px solid #ddd;}
#homeflash a img {margin-top: 103px;}


/*** SIDEBAR STYLES ***/

#leftnav {list-style: none; margin: -8px -8px 30px -8px; padding: 0 0 4px 0; background: url(/images/leftnav.gif) left bottom no-repeat; border-top: 1px solid #999;}
#leftnav li {list-style: none; margin: 0; padding: 0; border: solid #999; border-width: 0 1px 1px 1px; background: #dbdbdb url(/images/leftnav-li.gif) repeat-x;}
#leftnav a {display: block; width: 178px; padding: 9px 18px 9px 28px; font-size: 12px; color: #000; font-weight: bold; background: url(/images/leftnav-a.gif) 11px 9px no-repeat;}
#leftnav a:hover {background: url(/images/leftnav-a-on.gif) 11px 9px no-repeat; color: #d8641d; text-decoration: none;}
#leftnav li.on a {background: url(/images/leftnav-a-on.gif) 11px 9px no-repeat; color: #d8641d; text-decoration: none;}

#leftnav ul {display: none; list-style: none; margin: 0; width: 224px; padding: 5px 0; background: #000; border-top: 1px solid #999;}
#leftnav li.on ul {display: block;}
#leftnav ul li {border: 0; background: none;}
#leftnav ul li.on {border: 0;}
#leftnav li.on li a {width: 178px; padding: 4px 18px 4px 28px; color: #fff; background: none;}
#leftnav li.on li a:hover {background: #555; color: #fff !important;}
#leftnav li.on li.on a {background-color: #d8641d;}

#leftfeature img {float: left; max-width: 80px; max-height: 80px;}
#leftfeature h2 {margin-bottom: 1.5em; font-size: 12px; padding-top: 10px;}
#leftfeature p {clear: left;}


/*** CONTENT AREA STYLES ***/

#content {position: relative; font-size: 12px; line-height: 17px;}
#content h1 {font-size: 16px; line-height: 20px; margin: 15px 0;}
#content h2 {font-size: 14px; line-height: 18px; margin: 15px 0;}

.homefeature {clear: left; margin-bottom: 15px;}
.homefeature img {max-width: 80px; max-height: 80px;}
.homefeature p {margin: 0;}

.listtable {border-collapse: collapse;}
.listtable td, .listtable th {border: 1px solid #ccc; padding: 3px 10px;}
.listtable thead td, .listtable thead th {background: #eee; font-weight: bold;}
.listtable .nowrap {white-space: nowrap;}
.listtable .right {text-align: right;}
.listtable .center {text-align: center;}
.listtable span {margin: 0 2px; padding: 0 3px; border: 1px solid #f3ead9; background: #d8641d; color: #fff;}
.listtable span.gray {color: #ddd; background: #eee; border: 1px solid #eee;}

.xname {}
.xthumbnail {float: left; margin: 0 20px 20px 0; width: 80px; height: 80px; overflow: hidden;}
.xthumbnail img {max-width: 80px; max-height: 80px;}
.xposition, .xleader, .xphone, .xemail {font-size: 13px; line-height: 20px;}
.xemail {margin-bottom: 20px;}
.xphotoright, .xphotoleft, .xphotocenter {text-align: center; font-size: 11px;}
.xphotoright img, .xphotoleft img, .xphotocenter img {max-width: 450px;}
.xphotoright {float: right; margin: 0 0 20px 20px;}
.xphotoleft {float: left; margin: 0 20px 20px 0;}
.xphotocenter {margin-bottom: 20px;}
.xcontent {position: relative; clear: both; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; min-height: 10px;}
.xcontent h1 {margin-top: 0 !important;}
.xcontent .backlink {top: 5px;}

#booksform {border: 1px solid #ccc; background: #eee; padding: 20px;}
#booksform h2 {margin-top: 0;}
#booksform div {clear: left;}
#booksform label {clear: left; float: left; width: 45px; margin-bottom: 10px; text-align: right; padding-right: 10px;}
#booksform input, #booksform select {vertical-align: middle;}
#booktitle, #bookauthor {width: 340px;}
#booklevel, #bookpoints {width: 100px;}
#booksubmitdiv {padding-top: 5px; text-align: right;}

.joblist li {margin-bottom: 15px;}
.faqlist li {margin-bottom: 15px;}
.linklist li {margin-bottom: 15px;}
.newslist li {margin-bottom: 15px;}
.calendarlist li {margin-bottom: 15px;}
.downloadslist li {margin-bottom: 15px;}
.gallerieslist li {margin-bottom: 15px;}

.photositem {float: left; width: 140px; padding: 0 5px 20px 5px; text-align: center;}
.photosimg {border: 1px solid #ccc; padding: 5px; height: 128px;}
.photosimg img {max-width: 128px; max-height: 128px;}
.photositem p {margin: 5px 0 0 0; font-size: 11px; line-height: 14px;}

body.photobody {background: #fff;}
#titlebar {position: relative; height: 33px; line-height: 33px; background: url(/images/titlebar.gif); font-size: 13px; color: #fff; font-weight: bold; padding: 0 50px;}
#titlebar a {position: absolute; right: 5px; top: 0; width: 33px; height: 33px; overflow: hidden; line-height: 100px; background: url(/images/close.gif) center 7px no-repeat;}
#thephoto {position: relative; height: 400px;}
#thephoto img {max-width: 600px; max-height: 400px;}
#photoprevlink, #photonextlink {position: absolute; top: 150px; width: 30px; height: 30px; background: center 7px no-repeat; line-height: 100px; overflow: hidden;}
#photoprevlink {left: 20px; background-image: url(/images/photo-prev.gif);}
#photonextlink {left: 650px; background-image: url(/images/photo-next.gif);}
#thecaption {padding: 10px 50px 0 50px; font-size: 12px;}

.menudiv {border: 1px solid #ccc; background: #f5f5f5; margin-bottom: 10px;}
.menudiv h3 {border-bottom: 1px solid #ccc; background: #fff url(/images/leftnav-li.gif) left center repeat-x; padding: 6px 15px; font-size: 12px; margin: 0;}
.menudiv h3 strong {float: right; text-transform: uppercase;}
.menuside {float: left; width: 194px; padding: 15px; margin: 0;}
.menumeal {display: block; border-bottom: 1px solid #ddd; margin-bottom: 5px; position: relative: top: -5px;}

.pagination {border-bottom: 1px solid #ccc; padding: 4px 10px 4px 0; text-align: right; margin-bottom: 30px;}
.paginationbottom {border-top: 1px solid #ccc; padding: 4px 10px 4px 0; text-align: right; margin-top: 40px;}
.pagination h2, .paginationbottom h2 {float: left; margin: 0 !important;}


/*** RIGHT MODULE STYLES ***/

.module {position: relative; background: url(/images/module.gif) center bottom no-repeat; margin-bottom: 7px; padding-bottom: 3px;}
.module h4 {line-height: 14px; padding: 6px 60px 6px 8px; background: #fff url(/images/module-h4.gif) left bottom repeat-x; border: 1px solid #999; font-size: 11px;}
.module h4 span {color: #d8641d; text-transform: uppercase;}
.module .viewall {position: absolute; left: 175px; top: 0; width: 55px; line-height: 28px; text-align: right;}
.module .viewall a {font-size: 9px;}
.module ul {list-style: none; margin: 0; padding: 0; background: #fff url(/images/module-ul.gif) left top repeat-x; border: 1px solid #999; border-top: none;}
.module li {list-style: none; margin: 0; padding: 0;}
.module ul a {display: block; width: 222px; font-size: 10px; color: #666; padding: 6px 8px; line-height: 14px;}
.module ul a strong {display: block; font-size: 11px; color: #000;}
.module ul a:hover {background: #f79548; text-decoration: none;}


/*** TOP AND NAV STYLES ***/

#top {position: relative; height: 128px; background: #fff;}
#top h1 a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 128px; font-size: 20px; text-indent: 20px;}
	body.gs #top h1 a .imgreplace {background: url(/images/top-1.jpg);}
	body.co #top h1 a .imgreplace {background: url(/images/top-2.jpg);}
	body.es #top h1 a .imgreplace {background: url(/images/top-3.jpg);}
	body.is #top h1 a .imgreplace {background: url(/images/top-4.jpg);}
	body.ms #top h1 a .imgreplace {background: url(/images/top-5.jpg);}
	body.hs #top h1 a .imgreplace {background: url(/images/top-6.jpg);}
#top h2 {position: absolute; left: 745px; top: 16px; width: 245px; height: 106px; line-height: 106px; font-size: 13px;}
	body.gs #top h2 .imgreplace {background: url(/images/topphoto-1.jpg);}
	body.co #top h2 .imgreplace {background: url(/images/topphoto-2.jpg);}
	body.es #top h2 .imgreplace {background: url(/images/topphoto-3.jpg);}
	body.is #top h2 .imgreplace {background: url(/images/topphoto-4.jpg);}
	body.ms #top h2 .imgreplace {background: url(/images/topphoto-5.jpg);}
	body.hs #top h2 .imgreplace {background: url(/images/topphoto-6.jpg);}
#top ul {position: absolute; left: 596px; top: 17px; width: 149px; height: 105px; list-style: none; margin: 0; padding: 0;}
#top ul li {list-style: none; margin: 0; padding: 0;}
#top ul a {position: relative; display: block; width: 149px; height: 21px; line-height: 20px;}
#sitenav .imgreplace {background: url(/images/sitenav.gif);}
	#sitenavco .imgreplace {background-position: 0 0;}
	#sitenaves .imgreplace {background-position: 0 -21px;}
	#sitenavis .imgreplace {background-position: 0 -42px;}
	#sitenavms .imgreplace {background-position: 0 -63px;}
	#sitenavhs .imgreplace {background-position: 0 -84px;}
	body.co #sitenavco .imgreplace, #sitenavco a:hover .imgreplace {background-position: -149px 0;}
	body.es #sitenaves .imgreplace, #sitenaves a:hover .imgreplace {background-position: -149px -21px;}
	body.is #sitenavis .imgreplace, #sitenavis a:hover .imgreplace {background-position: -149px -42px;}
	body.ms #sitenavms .imgreplace, #sitenavms a:hover .imgreplace {background-position: -149px -63px;}
	body.hs #sitenavhs .imgreplace, #sitenavhs a:hover .imgreplace {background-position: -149px -84px;}

#mainnav {position: relative; height: 33px; list-style: none; margin: 0; padding: 0; line-height: 33px; background: #000 url(/images/mainnav.gif);}
#mainnav li {position: relative; float: left; list-style: none; margin: 0; padding: 0;}
#mainnav a {position: relative; display: block; height: 33px; text-align: center; color: #fff;}
#mainnav .imgreplace {background: url(/images/mainnav.gif);}
	#mainnavhome a {width: 60px; padding-right: 137px;}
	#mainnavnews a {width: 58px;}
	#mainnavcale a {width: 80px;}
	#mainnavdown a {width: 92px;}
	#mainnavphot a {width: 118px;}
	#mainnavpare a {width: 105px;}
	#mainnavcont a {width: 100px;}
	#mainnavdire a {width: 88px;}
	#mainnavfaqs a {width: 58px;}
	#mainnavsear a {width: 94px;}
	#mainnavhome .imgreplace {background-position: 0 0;}
	#mainnavnews .imgreplace {background-position: -197px 0;}
	#mainnavcale .imgreplace {background-position: -255px 0;}
	#mainnavdown .imgreplace {background-position: -335px 0;}
	#mainnavphot .imgreplace {background-position: -427px 0;}
	#mainnavpare .imgreplace {background-position: -545px 0;}
	#mainnavcont .imgreplace {background-position: -650px 0;}
	#mainnavdire .imgreplace {background-position: -750px 0;}
	#mainnavfaqs .imgreplace {background-position: -838px 0;}
	#mainnavsear .imgreplace {background-position: -896px 0;}
	#mainnavhome.on .imgreplace, #mainnavhome a:hover .imgreplace {background-position: 0 -33px;}
	#mainnavnews.on .imgreplace, #mainnavnews a:hover .imgreplace {background-position: -197px -33px;}
	#mainnavcale.on .imgreplace, #mainnavcale a:hover .imgreplace {background-position: -255px -33px;}
	#mainnavdown.on .imgreplace, #mainnavdown a:hover .imgreplace {background-position: -335px -33px;}
	#mainnavphot.on .imgreplace, #mainnavphot a:hover .imgreplace {background-position: -427px -33px;}
	#mainnavpare.on .imgreplace, #mainnavpare a:hover .imgreplace {background-position: -545px -33px;}
	#mainnavcont.on .imgreplace, #mainnavcont a:hover .imgreplace {background-position: -650px -33px;}
	#mainnavdire.on .imgreplace, #mainnavdire a:hover .imgreplace {background-position: -750px -33px;}
	#mainnavfaqs.on .imgreplace, #mainnavfaqs a:hover .imgreplace {background-position: -838px -33px;}
	#mainnavsear.on .imgreplace, #mainnavsear a:hover .imgreplace {background-position: -896px -33px;}


/*** FOOTER STYLES ***/

#footer {height: 20px; line-height: 20px; padding: 0 15px; border: 1px solid #ccc; background: url(/images/footer.gif); color: #666; font-size: 10px;}
#footer ul {float: right; list-style: none; margin: 0; padding: 0;}
#footer ul li {display: inline; list-style: none; margin: 0; padding: 0;}
#footer p {margin: 0;}
#footer a {color: #666; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}