/*CSS-reset*/

* { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}



:focus {
outline: 0;
}

body
{
background: #15b430 url(../images/body-bg.jpg) no-repeat top center;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}


#container {
margin-right: auto;
margin-left: 	auto;
width:		970px;
text-align: left;
}

/* =Header
---------------------------------------------------------------------------------------------------- */

#header {
width:		870px;
text-align: left;
background:  url(../images/header-bg.jpg) no-repeat top center;
padding-left: 100px;
color: #fff;
}


.badge-win-garmin {
	float:right;
	padding-right:10px;
}

#header-atlas-online {
padding-left:70px;	
}

#header-social-media-links {
	padding-top:130px; 
	text-align:left;
}

#header-social-media-links ul {
        margin:0;
        padding:0px 0px 0px 500px;
        list-style:none;
      }
	  
#header-social-media-links li {
      float:left;
      margin:0;
      padding:0;
	  padding-right:10px;
      }

#header-social-media-links li a.sprite-twitter,
#header-social-media-links li a.sprite-twitter:link,
#header-social-media-links li a.sprite-twitter:visited,
#header-social-media-links li a.sprite-twitter:hover{
	text-decoration:	none;
	background: url(../images/header-twitter.png) no-repeat top left;
	text-indent: -9999px;
	display: block;
	width: 42px;
	height: 39px;
	overflow: hidden;
}

#header-social-media-links li a.sprite-facebook,
#header-social-media-links li a.sprite-facebook:link,
#header-social-media-links li a.sprite-facebook:visited,
#header-social-media-links li a.sprite-facebook:hover{
	text-decoration:	none;
	background: url(../images/header-facebook.png) no-repeat top left;
	text-indent: -9999px;
	display: block;
	width: 38px;
	height: 39px;
	overflow: hidden;
}
	
#header-social-media-links li a.sprite-youtube,
#header-social-media-links li a.sprite-youtube:link,
#header-social-media-links li a.sprite-youtube:visited,
#header-social-media-links li a.sprite-youtube:hover{
	text-decoration:	none;
	background: url(../images/header-youtube.png) no-repeat top left;
	text-indent: -9999px;
	display: block;
	width: 65px;
	height: 39px;
	overflow: hidden;
	
}


/* =Navigation
---------------------------------------------------------------------------------------------------- */

    #navigation {
      width:780px;
      background: url("../images/nav-right.jpg") repeat-x left top;
      font-size:12px;
	  margin-left:110px;
	  margin-right:80px;
	  margin-top:10px;
      }
    #navigation ul {
        margin:0;
        padding:0;
        list-style:none;
      }
    #navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navigation a {
      float:left;
      background:url("../images/nav-left.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 11px;
      text-decoration:none;
      }
    #navigation a span {
      float:left;
      display:block;
      background:url("../images/nav-right.jpg") no-repeat right top;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none;}
    /* End IE5-Mac hack */
    #navigation a:hover span {
      color:#FFF;
	  cursor: pointer;
      }
    #navigation a:hover {
      background-position:0% -33px;
      }
    #navigation a:hover span {
      background-position:100% -33px;
      }

        #navigation #current a {
                background-position:0% -33px;
				color: #000;
				font-weight: bold;
        }
        #navigation #current a span {
                background-position:100% -33px;
				color: #000;
				font-weight: bold;
        }


    #navigation a span.link-introductions {
	width: 115px;
    padding:9px 10px 9px 20px;
	}
	
    #navigation a span.link-history {
	width: 110px;
    padding:9px 10px 9px 25px;	
	}
	
    #navigation a span.link-rant-zone {
	width: 100px;
    padding:9px 10px 9px 35px;		
	}

    #navigation a span.link-multimedia {
	width: 105px;
    padding:9px 10px 9px 30px;	
	}

    #navigation a span.link-contest-details {
	width: 120px;
    padding:9px 10px 9px 15px;
	}
	
	
/* =Layouts
---------------------------------------------------------------------------------------------------- */

#layout
{
      width:970px;
      background: url("../images/layout-bg.gif") repeat-y left top;
      font-size:12px;
}

#sidebar-history
{
		float:left;
      	width:212px;
		padding-top:15px;
}

#sidebar-geography
{
		float:left;
      	width:201px;
		padding-top:15px;
}

#content
{
		float:left;
      	width:557px;
		padding-top:15px;
		padding-bottom:15px;
}



#content .padding {
	padding: 0px 20px 0px 20px;
    width:517px;
}


/* =footer
---------------------------------------------------------------------------------------------------- */
#footer {
      width:780px;
      font-size:10px;
	  margin-left:110px;
	  margin-right:80px;
	  margin-top:15px;
	  margin-bottom:20px;
	  color: #000;
      }


/* =Home Page Blocks
---------------------------------------------------------------------------------------------------- */

.home-intro-blocks {
	background:url(../images/home-intro-blocks.jpg) no-repeat top left;
	width: 557px;
	height: 389px;
	min-height: 389px;
	color: #fff;
}

.history-intro {
float: left;
width: 200px;
padding: 50px 20px 29px 50px;
}

.geography-intro {
float: left;
width: 208px;	
padding: 50px 30px 10px 40px;
}

/* =History  Page Blocks
---------------------------------------------------------------------------------------------------- */

.history-intro h2,
.geography-intro h2 { 
	font-size: 18px;
	font-weight: bold;
	padding-bottom:12px;
	color: #fff;	
}

.history-intro h3,
.geography-intro h3 { 
	font-size: 15px;
	font-weight: bold;
	color: #fff;	
	padding-bottom:6px;	
}

.history-says {
	background:url(../images/history-says-bg.jpg) no-repeat top left;
	width: 271px;
	height: 55px;
	color: #fff;
	padding: 25px 20px 0px 150px;
}

.geography-says {
	background:url(../images/geography-says-bg.jpg) no-repeat top left;
	width: 238px;
	height: 55px;
	color: #fff;
	padding: 25px 30px 0px 183px;
	margin-left:70px;
}


/* =Rant Zone Page Blocks
---------------------------------------------------------------------------------------------------- */

#content-rant-zone {
	 width:700px;
	 padding: 20px 120px 15px 150px;
	
}

#content-rant-zone p {
	 line-height: 13px;
	 padding-bottom:14px;	
}

.rant-on-people {

	background:url(../images/rant-zone-on-people-bg.jpg) no-repeat bottom left;
	width: 700px;	
	height:584px;
	color: #fff;
	font-size: 11px;
}



.rant-on-people .rant-history {	
	float:left;
	width:300px;
	padding: 340px 0px 0px 50px;
	
}
.rant-on-people .rant-geography {
	float:left;
	width:280px;
	padding: 340px 30px 0px 40px;
	
}

.rant-on-energy {
	background:url(../images/rant-zone-on-energy-bg.jpg) no-repeat bottom left;
	width: 700px;	
	height:342px;
	color: #fff;
	 font-size: 11px;
}

.rant-on-energy .rant-history {
	float:left;
	width:280px;
	padding: 150px 0px 0px 70px;
	
}
.rant-on-energy .rant-geography {
	float:left;
	width:260px;
	padding: 150px 50px 0px 40px;
	
}

.rant-geography h3,
.rant-history h3 { 
	color: #fff;
}


/* =Multimedia Page Blocks
---------------------------------------------------------------------------------------------------- */


.tbl_multimedia {
	border: none;
	width: 517px;
	margin: 12px 0px 12px 0px;
}



.tbl_multimedia th{
	color: #fff;
	font-size: 13px;
	text-align:left;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	background-color: #86c330;
	
}

.tbl_multimedia td{
	color: #000;
	font-size: 11px;
	text-align:left;
	vertical-align: top;
	padding: 10px 5px 0px 5px;
}

.embeddedVideo {
	text-align:center;
	margin-top:24px;
	margin-bottom:24px;
}


/* =Custom Page Blocks
---------------------------------------------------------------------------------------------------- */

#block-recently-twittered {
	background:url(../images/recently-twittered-bg.jpg) repeat-y top left;
	width:533px;
	color: #fff;
	margin-left:15px;
	margin-top:12px;
	margin-bottom:12px;
}

#twitter-logo {
	width:135px;
	float: left;
	
}

#twitter_div {
	float: left;
	width: 363px;
	padding: 10px 25px 10px 10px;
}

#twitter_update_list li {
	padding-bottom:6px;
	color: #fff;
	font-size:12px;
}

#twitter_update_list li a {
	color: #fff;
	font-size:10px;
}

/* =Text Styles
---------------------------------------------------------------------------------------------------- */


h1 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}


h2,
h2 a,
h2 a:link,
h2 a:visited{ 
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-bottom:12px;	
}

h2 a:hover{ 
	text-decoration: underline;
}

h3 { 
	font-size: 15px;
	font-weight: bold;
	color: #000;	
	padding-bottom:6px;	
}


h4 {
	font-size: 13px;
	font-weight: bold;
	color: #b5b5b5;		
	padding:0;
	margin:0;
}

#content p  {
line-height: 16px;
padding-bottom: 12px;
}

ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 



ul.doubleLineSpace li
 {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-bottom: 			12px;
} 


ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

/* =Link Styles
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color: #000;
	text-decoration:	underline;
outline: none; 
}
	
a:hover {
	color: #000;
	text-decoration:	none;
outline: none; 
}

a img {
border: none;
outline: none;
}




/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong { font-weight: bold; }
b { font-weight: bold;}
i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.image-float-left {float:left; margin: 5px 15px 5px 0px; }
.image-float-right {float:right; margin: 5px 0px 5px 15px;}


.disclaimer,
.footnote,
.text-small,
.copyright{
	font-size: 10px;
}


/* =Lines
---------------------------------------------------------------------------------------------------- */

hr {
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: 0;
	height: 1px;
	margin: 0px 0 12px 0;
} 

div.hr {
width: 100%; 
height: 1px; 
border: 0; 
background-color: #c0c0c0;
margin-top: 12px; 
margin-bottom:12px;
}

/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

.singleLineBreak {
	margin:0;
	padding:0;
	}
	
.marginZero {
	margin:0;
	padding:0;
	}

.spacer,
.clear {
	clear: both;
	margin:0;
	padding:0;
}

.padding {
	padding: 5px;
	}