@charset "utf-8";

/* 
    Global reset of the image border and weird image link underlining (in IE)
*/
img {
	border: none 0px;
	text-decoration: none;
}

/* 
    This class should be placed on a div or break element and should be the 
    final element before the close of a container that should fully contain a 
    float 
*/

.ClearFloat { 
	clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}



/* Global Structure & Container */
body {
	margin: 0;
    background: black url(/images/general/burst.jpg) no-repeat scroll top center;
}
div#container {
    width: 950px;
    margin: auto;
}
div#content {
    /*background-color: green;*/
    clear: both;
}

/* Header */
div#header {
    height: 100px;
}
div#header div#headerLeft {
	float:left;
	width: 450px;
}
div#header div#headerRight {
	float:right;
	width: 468px;
	height: 60px;
	margin-top: 12px;
	background: #2B2B2B url(/images/general/contentBackgroundPattern.gif) repeat scroll 0%;
	padding: 1px;
	overflow: hidden;
}
div#header #logo {
    margin-top: 5px;
}
#logoZone {
    /*background-color: blue;*/
}
#tagline {
    /*background-color: green;*/
}
ul#mainNavigation {
	margin: 0;
    height: 45px;
    background: transparent url(/images/general/mainMenuBackground.gif) no-repeat;
    list-style-position: inside;
    list-style-type: none;
    padding: 0; 
    text-align: left;
    clear: both;
}
ul#mainNavigation li {
    margin: 0 0.5em;
    float: left;
    display: block;
    height: 45px;
}

ul#mainNavigation li#shareThis {
    float: right;
	font-size: 0.6em;
	color: #DB1E00;
}

#sharethis_0 {
	padding: 3px 0 3px 3px;
	background-color: white;
}
.stbuttontext{
	color:#DB1E00;
}

ul#mainNavigation li img {
    display: block;
    padding-top: 4px;
    
    /*  
        The line below only works in standards-capable browsers. Therefore, it
        is hidden in IE (through an IE specific CSS).
        
        The issue is that the margin gets applied to the <li /> container
        instead of being applied to the image as it should be.
        
    */
    margin: 0 auto; 
}

/* Primary Content Zone */
div#primaryZone {
    width: 610px;
    background: #2b2b2b url(/images/general/contentBackgroundPattern.gif);
    padding: 5px;
    float:left;
}
div#primaryContent {
    /*background-color: #e1e1e1;*/
    background-color: white;
    margin: 0;
    padding: 10px;
    min-height: 485px;
    /*background-color: green;*/
}

/* Secondary Content Zone */
div#secondaryZone {
    width: 310px;
    float: right;
}
div#secondaryZone img {
    display: block;
    margin: 0 auto;
}
.autopromoZone {
    width: 300px;
    background: #2b2b2b url(/images/general/contentBackgroundPattern.gif);
    padding: 5px;
}
.autopromoContent {
    height: 100px;
    margin: 0 auto;
    text-align: center;
}
.adZone {
    width: 300px;
    background: #2b2b2b url(/images/general/contentBackgroundPattern.gif);
    padding: 5px;
    color: white;
    text-align: center;
}
.adContent {

}
.autopromoZone, .adZone {
    margin-bottom: 15px;
}


/* Footer */
div#footer {
	height: 30px;
	background: #2b2b2b url(/images/general/contentBackgroundPattern.gif);
	margin: 15px 0;
	line-height: 30px;
}
div#footer ul#footerNavigation {
    margin:0;
    padding: 0;
    list-style: inside none;
    float:left;
}
ul#footerNavigation li {
    display:inline;
    margin: 0 0.7em;
}
div#footer div#copyright {
    float: right;
    margin: 0 0.5em;
}