/* Start of CMSMS style sheet 'main' */
/* begin -- set color of links for whole site */
a:link { color: #CCC; text-decoration: none }
a:visited { color: #CCC; text-decoration: none }
a:hover { color: #d90b10; text-decoration: none  }
a:active { color: #CCC; text-decoration: none }
/* end -- set color of links for whole site */


/* begin - utility classes for styling as needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.overline { text-decoration: overline }
.strike { text-decoration: overline }
.floatright { float: left }
.floatleft { float: right }
.clearboth { clear: both }
.clearleft { clear: left }
.clearright { clear: right }

.nomargin { margin: 0px !important}
.nopadding { padding: 0px !important }
.noborder { border: 0px !important }
.nobackground { background: none !important }

.overflow_hidden { overflow: hidden }

.hide_ADA { position: absolute; left: -999999em } /* hide but remain usable for text readers */

/* end - utility classes for styling needed
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html { background-color: #666 }

body { background: url(/uploads/shared/footer_background.gif) repeat-x bottom center #000; color: #CCC }

#header { position: relative; width: 960px; height: 116px; margin: 0px auto }
#header h1 { position: absolute; top: 5px; left: 1px; width: 182px; height: 107px; margin: 0px }
#header h1 a { display: block; width: 182px; height: 107px; background: url(/uploads/shared/logo.gif) no-repeat 0px 0px; text-indent: -99999em }

#main_nav { position: absolute; top: 16px; left: 198px; width: 655px; height: 83px; margin: 0px }
#main_nav li { float: left; margin: 0px; list-style-type: none }
#main_nav li a { float: left; display: block; height: 83px; background: url(/uploads/shared/nav_sprite.gif) no-repeat 0px 0px; text-indent: -99999em }

#main_nav li.shop a { width: 108px; background-position: 0px 0px }
#main_nav li.shop a:hover { background-position: 0px -83px }
#main_nav li.watch a { width: 132px; background-position: -108px 0px }
#main_nav li.watch a:hover { background-position: -108px -83px }
#main_nav li.find-out a { width: 158px; background-position: -240px 0px }
#main_nav li.find-out a:hover { background-position: -240px -83px }
#main_nav li.learn a { width: 160px; background-position: -398px 0px }
#main_nav li.learn a:hover { background-position: -398px -83px }
#main_nav li.win a { width: 97px; background-position: -558px 0px }
#main_nav li.win a:hover { background-position: -558px -83px }

#tertiary_nav { position: absolute; top: 21px; right: 2px; margin: 0px; font-size: 85% }
#tertiary_nav li { margin: 0px; padding-bottom: 0.2em; list-style-type: none; text-align: right }


#content_area { width: 960px; margin: 0px auto }

#bgsound { float: right; width:800px; height: 16px; }
#testlink { font-size:11px;  float: right; width:800px; height: 12px; color:#ffffff; text-align:right; padding-bottom:4px; z-index:10000 !important; }

#content { width: 960px; margin: 0px auto; background-color: #FF6699 }

#footer { position: relative; width: 960px; min-height: 165px; margin: 0px auto; padding: 10px 0px 0px 0px; overflow: hidden }
* html #footer { height: 165px }

/* reset */
#footer dl { margin: 0px }
#footer dl dt, #footer dl dd, #footer dl dd ul, #footer dl dd ul li { margin: 0px; padding: 0px; list-style-type: none }

#footer dl { width: 130px; padding-right: 10px; float: left; font-size: 90% }
#footer dl dt { padding-bottom: 0.5em; font-weight: bold }
#footer dl dd ul li { padding-bottom: 0.4em } 
#footer dl.connect dd ul li a {  padding-left: 21px }
#footer li.facebook a { background: url(/uploads/shared/icon_footer_facebook.gif) no-repeat 0px 0px }
#footer li.flickr a { background: url(/uploads/shared/icon_footer_flicker.gif) no-repeat 0px 0px }
#footer li.myspace a { background: url(/uploads/shared/icon_footer_myspace.gif) no-repeat 0px 0px }
#footer li.twitter a { background: url(/uploads/shared/icon_footer_twitter.gif) no-repeat 0px 0px }
#footer li.blog a { background: url(/uploads/shared/icon_footer_blog.gif) no-repeat 0px 0px }
#footer li.share { padding-top: 4px }
#footer li.share a { position: relative; left: -21px }

#footer div.vcard { width: 300px; float: right; text-align: right; font-size: 90%; line-height: 140% }
#footer div.vcard abbr { border: 0px }
#footer div.vcard a.fn:hover { color: #ccc }
#footer div.vcard .tel .type { position: absolute; left: -99999em; top: -99999em }
#footer div.vcard a.view_map { font-weight: bold }







/* Safari FOUC - always leave this at the end of this file */
body { display: block !important }
/* End of 'main' */