/*
	Filename         : 	rr_awards.css
	Created by       : 	Justin Perry
	Created          : 	20 November 2005
	Comments         : 	For styles that are used by every template
*/

/* =Elements */

html, body, form, fieldset {
    margin: 0;
	padding: 0;
}
html, body{
	height: 100%;
}
body{
	background: #777 url(/images/page_bg.gif) top center repeat-y;
	color: #000;
	font: 62.5%/130% Arial, Helvetica, Tahoma, Verdana, sans-serif;
	text-align: center;
}
body#landing{
	background: #777 url(/images/landing_page_bg.gif) top center repeat-y;
}
h1, h2, h3, h4, h5, h6, p,
blockquote, address {
    margin: 1em 0;
	line-height: 120%;
    padding: 0;
}
ul, ol, dl{
	margin: 1em;
	padding: 0;
}
li, dd, blockquote {
   	margin-left: 1em;
}
fieldset {
	border: none;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.4em;
}
h3{
	font-size: 1.3em;
}
h4{
	font-size: 1.2em;
}
p, blockquote p, address, li, dd, dt, td, th{
	font-size: 1.2em;
	line-height: 125%;
}
p, blockquote p, address, li, dd, dt, td, th, a, h1, h2, h3, h4, h5, h6{
	background: #fff;
}
img{
	border: none;
}
blockquote{
	margin: 1em 0 1em 2em;
}
table{
	margin: .5em 0 1em 0;
}
table th{
	text-align: left;
}

/* =IDs and Classes */


#wrapper{
	color: #555555;
	margin: 0 auto;
	min-height: 100%;
	padding: 0 0 1em 0;
	position: relative;
	text-align: left;
	width: 770px;
}

* html #wrapper{ 
	height: 100%;
}
* html body#landing #wrapper{ 
	height: auto;
}


#sponsors{
	position: relative;
	margin: -1.7em auto 0 auto;
	padding: 0 0 0 0;
	width: 770px;
}
* html #sponsors{
	margin-top: -1.8em;
}
#sponsors span{
	margin-top: -1.8em;
}
#sponsors span#jsLogo,
#sponsors small{
	border-top: 2px solid #999;
	display: block;
	position: absolute;
	right:31px;
	text-align: right;
	width: 160px;
}
#sponsors span#jsLogo{
	bottom: -3px;	
}
#sponsors small{
	background: 0;
	border: 0;
	color: #555;
	padding: 10px 5px;
}
#sponsors span img{
	margin: 10px 5px 0 5px;
}
#sponsors a:visited,
#sponsors a:visited:hover{
	color: #999;
}

#sponsors a.contact{
	border-right:1px solid #777;
	padding:0 5px 0 0;
	}

body#landing #sponsors{
	position: absolute;
	margin: 0;
	padding: 0;
	right: 47px;
	top: 0;
	width: 170px;
}
* html body#landing #sponsors{
	margin: 0;
}
body#landing #sponsors span{
	border-bottom: 2px solid #999;
	display: block;
	font-size: 1.1em;
	margin: 22px 0 0 0;
	padding: 0 0 4px 0;
	text-align: right;
}
body#landing #sponsors img{
	float: right;
	margin: 5px 0 0 15px;
}



#header{
	background: #fff url(/images/header_bg.gif) -1px top repeat-y;
	border: solid #999;
	border-width: 0 0 2px 0;
	display: block;
	margin: 0 0 0 1px;
	padding: 0 29px 0 29px;
	width: 710px;
}
*html #header{background: #fff url(/images/header_bg.gif) left top repeat-y;}
body div[id="header"]#header{
	margin: 0;
}

body#landing #header{
	background: none;
	border: none;
	display: block;
	margin: 0 0 0 1px;
	padding: 0 30px;
	width: 710px;
}
#header h1{
	float: left;
	margin: 0;
	padding: 20px 0 20px 14px;
}
body#landing #header h1{
	margin: 0;
	padding: 20px 0 5px 14px;	
}
#header h1 a{
	background: #fff url(/images/rra_logo.gif) top left no-repeat;
	display: block;
	height: 75px;
	text-indent: -5000em;
	text-decoration: none;
	width: 131px;
}
body#landing #header h1 a{
	background: #fff url(/images/rra_logo_large.gif) top left no-repeat;
	height: 213px;
	width: 371px;
}

#introContent{			
	float: left;
	margin: 0;
	padding: 25px 0 0 40px;
	width: 510px;
}
#introContent p{
	background: #fff;
	color: #FEA814;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -.06em;
	line-height: 100%;
	margin: 0 0 1.5em 0;
	word-spacing: -.04em;
}



#mainContent{
	padding: 2.3em 0 70px 0;
	margin: 0 20px 0 215px;
	overflow: hidden;
	position: relative;
	width: 344px;
}

body#awardCatCri #mainContent{
	padding: 2.3em 0 420px 0;
}

#mainContent h2{
	margin: 0 0 .5em 0;
	padding: 0;
}
#mainContent p{
	font-size: 1.2em;
	line-height: 110%;
	margin: 0 0 .5em 0;
	padding: 0;
}
body#landing #mainContent{
	margin: 0;
	padding: .8em 20px 20px 45px;
	width: 405px;
}
body#landing #mainContent p{
	font-size: 1.6em;
	font-weight: bold;
}
body#landing #mainContent a.enterLink{
	text-decoration: none;
}
#mainContent ul li{
	background: url(/images/bullet.gif) 0 5px no-repeat;
	font-size: 1.2em;
	height: 1%;
	line-height: 110%;
	list-style: none;
	margin: 0 0 .2em 0.6em;
	padding: 0 0 0 8px;
}
#mainContent ul li p,
#mainContent ul li ul li{
	font-size: 1em;
}
#mainContent a:link{
	color: #FEA814;
}
#mainContent a:hover{
	color: #FCC66A;
}
#mainContent a:visited,
#mainContent a:visited:hover{
	color: #FEA814;
}
#mainContent #w3cBanners{
	margin: 1em 0;
	text-align: center;
}
#mainContent #w3cBanners img{
	margin: 0 1em;
}
table#accessKeys #colAccessKeyHd{
	width: 7em;
}

#mainContent blockquote{
	margin: 2em 0;
	padding: 0;
}
#mainContent blockquote p.quote{
	background: url(/images/sm_start.gif) top left no-repeat;
	display: block;
	height: 1%;
}
#mainContent blockquote p.quote,
#mainContent blockquote p.author{
	padding: 0 1.0em 0 2.7em;
}
#mainContent blockquote p.author{
	font-weight: bold;
	margin: .7em 0 0 0;
}
#mainNav{
	left: 45px;
	position: absolute;
	top: 14em;
	width: 140px;
}
#mainNav ul{			
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainNav ul li{
	font-size: 1.2em;
	line-height: 110%;
	margin: 0 0 .4em 0;
	padding: 0;
	word-spacing: -.05em;
}	
#mainNav ul li a{
	background: #fff;
	display: block;
	text-decoration: none;
	width: 140px;
}	
#mainNav a:link,
#mainNav a:visited,
#mainNav a:focus,
#mainNav a:active{
	color: #555555;
}

#mainNav ul li a:hover,
#mainNav ul li a:visited:hover{
	color: #000;
	text-decoration: none;
}
body#index #mainNav ul li#index_tab a,
body#whatIsRR #mainNav ul li#whatIsRR_tab a,
body#aboutTheAwards #mainNav ul li#aboutTheAwards_tab a,
body#recCan #mainNav ul li#recCan_tab a,
body#recRec #mainNav ul li#recRec_tab a,
body#awardCatCri #mainNav ul li#awardCatCri_tab a,
body#howToGet #mainNav ul li#howToGet_tab a,
body#benOfWin #mainNav ul li#benOfWin_tab a,
body#accessibility #mainNav ul li#accessibility_tab a,
body#finalists #mainNav ul li#finalists_tab a,
body#winners #mainNav ul li#winners_tab a,
body#winners_pix #mainNav ul li#pix_tab a,
body#winnersVideo #mainNav ul li#video_tab a,
body#press #mainNav ul li#press_tab a,
body#casestudies #mainNav ul li#case_tab a,
body#research #mainNav ul li#research_tab a,
#mainNav ul li#emailUs_tab a{
	color: #555;
	font-weight: bold;
}
div#mainContent h3:focus,
div#mainContent h3:target{
	background: #FFF6E8;
	padding: 0 0 0 5px;
}


#footer{
	margin: 5em 0 0 0;
}
#footer small{
	font-size: 1em;
}

.accessibility, hr, body#landing #sponsors span.accessibility{
	display: none;
}

.underline{
	text-decoration: underline;
}

h3.headings{
	font-size: 1.2em;
	border-bottom: 1px solid #FF9900;
}

p.listspace{
	margin-bottom: 2em !important;
}
ul #pix{
	width:380px;
	padding:0;
	margin:0;
}
ul #pix {
	padding:0;
	margin:0;
}
ul#pix li{
	background: none !important;
	float:left;
	height: 90px;
	width: 105px;
	margin:0;
	padding: 0;
	text-align: center;
	list-style-type:none;
}
/* =Patches */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */