body { margin: 0; padding: 0; background: #000; }

#container { width: 845px; margin: 0 auto; }

/* Header */
#header { background: #fc3; width: 845px; height: 114px; background: url(../_images/header.jpg) 0 0 no-repeat; position: relative; }
	#logo { position: absolute; top: 12px; left: 12px; }
	    #logo a { display: block; width: 480px; height: 86px; }
	        #logo a img { position: absolute; top: -1000px; }
	#irishLink { position: absolute; left: 635px; width: 200px; text-align: right; }
		#irishLink a { color: #000; }
	#promo { position: absolute; top: 45px; right: 0; }
	
/* Auxillary Navigation */
#auxNav { float: right; margin: 0 auto; padding: 86px 5px 0 0; }
	#auxNav ul { list-style-type: none; padding: 5px 0 0 0; font-size: 1.1em;; color: #000; }
		#auxNav ul li { float: left; }
			#auxNav ul li a { text-decoration: none; display: block; white-space: nowrap; border-right: 1px solid #c0a143; padding: 1px 7px; color: #000; float: left; }
			#auxNav ul li.last a { border: none; }
			#auxNav ul li a:hover { text-decoration: underline; }
			#auxNav ul li a.selected { color: #d47919; }

/* Main Containers */			
#main { width: 845px; padding: 12px 0 0 0; overflow: hidden; }
	#mainLeft { width: 245px; float: left; }
	#mainRight { width: 600px; min-height: 700px; background: #fff; float: right; }
	#mainAdmin { width: 835px; padding: 5px; background: #fff; }
	
/* Main Nav */
#mainNav { padding: 10px 0 0 12px; }
	#mainNav ul { list-style: none; line-height: 1em; }
		#mainNav ul li { padding: 0 0 10px 0; }
			#mainNav ul li a { display: block; width: 177px; }
				#mainNav ul li a span { position: absolute; left: -999em; }
				#mainNav ul li a:hover { background-position: -177px 0; }
.nWhat { height: 45px; background-image: url(../_images/nav-what.gif); }
.nHow { height: 42px; background-image: url(../_images/nav-how.gif); }
.nFacts { height: 46px; background-image: url(../_images/nav-facts.gif); }
.nPrevent { height: 46px; background-image: url(../_images/nav-prevent.gif); }
.nStories { height: 42px; background-image: url(../_images/nav-stories.gif); }
.nGuidance { height: 44px; background-image: url(../_images/nav-guidance.gif); }
.nVideo { height: 50px; background-image: url(../_images/nav-video.gif); }
.nShow { height: 46px; background-image: url(../_images/nav-show.gif); }
.nAwards { width: 208px !important; height: 46px; background-image: url(../_images/nav-awards.gif); }
.nAwards:hover { background-position: -208px 0 !important; }
.nTwitter { height: 45px; background-image: url(../_images/nav-twitter.gif); }

#sWhat .nWhat, #sHow .nHow, #sFacts .nFacts, #sPrevent .nPrevent, #sStories .nStories, #sGuidance .nGuidance, #sVideo .nVideo, #sShow .nShow { background-position: -177px 0; }

#atRiskButton { padding: 12px 0 0 0; }


/* Homepage Rotating Banners */
#rotatingbanners { position: relative; z-index: 3; width: 600px; height: 240px; list-style: none; font-size: 1.2em; line-height: 1.5em; }
	#rotatingbanners li a.banner { position: absolute; z-index: 4; top: 0; left: 0;	}
		#rotatingbanners li a.caption {	position: relative;	z-index: 5;	display: block;	width: 150px; height: 30px; margin: 0 0 0 420px; _margin: -18px 0 0 420px; padding: 15px; color: #ccc; background-color: #222; text-decoration: none; }
		*+html #rotatingbanners li a.caption { margin: -18px 0 0 420px; }
			#rotatingbanners li.on a.caption,
			#rotatingbanners li a.caption:hover { color: #fff; background-color: #000; }
		#rotatingbanners li img { width: 600px; height: 240px; overflow: hidden; }

/* Content Styles */
.content { width: 560px; padding: 20px 20px 0 20px; font-size: 1.2em; color: #333; overflow: hidden; }
.autoWide { width: auto !important; }
	.content h1 { font-size: 1.7em; font-weight: normal; padding: 0 0 20px 0; }
	.content h2 { font-size: 1.4em; font-weight: normal; padding: 0 0 20px 0; }
	.content p { padding: 0 0 20px 0; }
	.content ul { padding: 0 0 10px 25px; }
		.content ul li { padding: 0 0 10px 0; }
	.content ol { padding: 0 0 10px 25px; }
		.content ol li { padding: 0 0 10px 0; }
	.content a { color: #04f; }
	.content a:hover { color: #222; }
	.content a:visited { color: #66c; }
    .content a.findoutmore { display: block; width: 53px; height: 25px; background: url(../_images/icon-findoutmore.gif); text-indent: -999em; }

    .content a.pdf { display: block; background: url(../_images/icon-pdf.jpg) 0 0 no-repeat; padding: 9px 0 9px 40px; }
    .content a.pdf2 { display: block; background: url(../_images/icon-pdf.jpg) 0 0 no-repeat; padding: 0 0 9px 40px; }
    .content a.swf { display: block; background: url(../_images/icon-swf.jpg) 0 0 no-repeat; padding: 9px 0 9px 40px; }
    .content a.img { display: block; background: url(../_images/icon-img.gif) 0 0 no-repeat; padding: 9px 0 9px 40px; }

.divider { border-top: 12px solid #000; }

.columns { width: 560px; padding: 0 0 10px 0; overflow: hidden; }
.leftColumn { width: 49%; float: left; }
.rightColumn { width: 49%; float: right; }

.content ul.listLogos { list-style-type: none; padding: 0 0 10px 0; overflow: hidden; }
    .content ul.listLogos li { display: block; padding: 10px 20px; float: left; }

.flags a { display: block; float: left; border: 1px solid #000; margin: 0 4px 0 0; }

#terms { background: #fff; }

#awardsFrame { position: relative; top: -16px; left: -55px; }

/* Footer */
#footer { width: 600px; padding: 16px 0; background: #000; font-size: 1.1em; color: #999; overflow: hidden; float: right; }
	#footer a { color: #999; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#copyright { width: 240px; float: left; }
	#footerLinks { width: 260px; float: left; }
		#footerLinks a { padding: 0 4px; }
	#shareThis { width: 100px; float: right; text-align: right; }


/* Admin Styles */
a#logout { background: url(../_images/icon-door.png) 0 0 no-repeat; padding: 0 0 0 22px; font-size: 1.2em; font-weight: bold; color: #000; text-decoration: none; }
a#logout:hover { text-decoration: underline; }

    #grid tr.headerRow th { padding: 5px; background-color: #333; color: #fff; }
        #grid tr.headerRow th a { color: #fff; font-weight: bold; }
    #grid tr td { padding: 5px; vertical-align: top; }

    #grid tr.altRow td { background-color: #eee; }
    
    #grid a { color: #555; }
    
    #grid a.excel { display: block; width: 150px; height: 30px; padding: 20px 0 0 50px; font-size: 1.4em; font-weight: bold; background: url(../_images/icon-excel.jpg) 12px 12px no-repeat; text-decoration: none; }