/*
---------------------------------------------------------------------------------
= ACKNOWLEDGEMENT
---------------------------------------------------------------------------------
*/
/*

Author:		Christopher Taylor, Stephen Dupree
Date:		Copyright September 2008

*/
/*
---------------------------------------------------------------------------------
= IMPORT SEPERATE STYLE SHEETS
---------------------------------------------------------------------------------
*/

@import url(reset.css);
@import url(print.css);
@import url(typography.css);
@import url(jquery.lightbox-0.5.css);

/*
---------------------------------------------------------------------------------
= MAIN ELEMENTS
---------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }

body { font-size: 62.5%; font-family:"Helvetica Neue", Helvetica, sans-serif; text-align:center; margin:0; background: url(../images/bg.jpg) top no-repeat #808080; }

div#wrapper { width:770px; text-align:left; margin:0px auto; }

.container { width:770px; margin:0px auto; clear: both; } /* for head, main and foot */

div.clear { clear: both; }
.floatLeft  { float: left; }
.floatRight { float: right; }

/*
---------------------------------------------------------------------------------
= HOME PAGE LAYOUT ELEMENTS
---------------------------------------------------------------------------------
*/

/* Main logo */
h1#logo { position:absolute; top:20px; left:25px; height:102px; width:374px; margin:0; overflow: hidden; background:url(../images/logo.png) no-repeat; z-index:10; }
h1#logo a:link, h1#logo a:hover, h1#logo a:visited, h1#logo a:active { display: block; height:102px; width:374px; text-indent: -9999px; }

/* In Head Container */
div#masthead 		{ position:relative; height:130px; }
div#navigation 		{ float:left; margin:0; width:254px; height:420px; }
div#videoTrailer 	{ float:right; margin:0; width:509px; height:420px; background:url(../images/video_bg.png) top center no-repeat; }
div#colContent 		{ float:right; margin:0; width:491px; }

/* In Main Container */
div#colLeft 		{ float:left; margin:0; width:491px; }
div#colRight 		{ float:right; margin:0; width:239px; }

/* In Foot Container */
div#footerContent { float: left; width:100%; background: url(../images/bg_footer.png) top center no-repeat #dcdcdc; padding: 0; margin: 0; }

/*
---------------------------------------------------------------------------------
= STANDARD PAGE LAYOUT ELEMENTS
---------------------------------------------------------------------------------
*/

/*h2#titleNews { background:url(../images/titles/title_campaignNews.png) left no-repeat; width:491px; height:40px; text-indent:-9999px; } */
div#contentHead { width:100%; height:40px; }

div#contentWrap { background-color:#FFFFFF; width:491px; }
div#contentMain { padding:20px; }
div#contentFoot { background:url(../images/bg_newsFoot.png) no-repeat; width:491px; height:54px; }

/* standard content lists */
div#contentMain ul { list-style:disc; font-size:1.2em; padding: 0 20px; margin-bottom:1em; }
div#contentMain li { padding:0 0 5px 0; }

/* Sub page titles */
h2#subPageTitle { color:#d46401; font-size:1.8em; margin-bottom:1em; }

/*
---------------------------------------------------------------------------------
= NAVIGATION
---------------------------------------------------------------------------------
*/

div#mainNav { width:254px; margin:140px 0px 0px 0px; padding:0; }
div#mainNav li, div#mainNav a { height:42px; display:block; text-indent:-9999px; }
div#mainNav a { cursor:auto; }

#home { background:url(../images/nav/nav_home.png) 0px 0px no-repeat; }
#facts { background:url(../images/nav/nav_facts.png) 0px 0px no-repeat; }
#parents { background:url(../images/nav/nav_parents.png) 0px 0px no-repeat; }

#home a:hover { background:url(../images/nav/nav_home.png) 0px -42px no-repeat; }
#facts a:hover { background:url(../images/nav/nav_facts.png) 0px -42px no-repeat; }
#parents a:hover { background:url(../images/nav/nav_parents.png) 0px -42px no-repeat; }

div#backTop { position:relative; height:23px; background:url(../images/backToTop.png) no-repeat; padding:0px 0px 0px 0px; }
div#backTop a { display:block; height:23px; text-indent:-9999px; border:none; }

div#backTop2 { position:relative; height:23px; background:url(../images/backToTop.png) no-repeat center; padding:0px 0px 0px 0px; }
div#backTop2 a { display:block; height:23px; text-indent:-9999px; border:none; }

a { outline: none; }
a:link { outline:none; color:#18b0f0; text-decoration: none; font-weight:bold; }
a:visited { text-decoration: none; color:#18b0f0; font-weight:bold; }
a:hover { text-decoration: underline; color:#18b0f0; font-weight:bold; }
a:active { text-decoration: none; color:#18b0f0; font-weight:bold; }

/* Sub Navigation */

div#subNav { float:left; width:100%; margin:0 0 20px 0; padding:0 0 0 0; list-style:none; }
div#subNav ul { padding:0; /* position with padding */ }
div#subNav li { float:left; margin:0 2px 2px 0; padding:0; list-style:none; }
div#subNav a { display:block; margin:0; padding:4px 8px; color:#fff; text-decoration:none; border: 1px solid #9b8748; background:#d46401; }
div#subNav a:hover, body #page1 #link1 a { color:#fff; background:#000; }

/*
---------------------------------------------------------------------------------
= CONTACT DETAILS
---------------------------------------------------------------------------------
*/

div#contactDetails { background:url(../images/nav/contactDetails.png) no-repeat top; width:254px; height:149px; }

div#contactDetails ul { padding-top:50px; font-size:1.4em; color:#000; font-weight:bold; list-style:none; }
div#contactDetails ul a { color:#000; font-weight:bold; text-decoration:none; }
div#contactDetails ul a:hover { color:#000; font-weight:bold; text-decoration: underline; }
div#contactDetails li { margin-left:80px; padding:0 7px 8px 0; line-height:1.2em; }
div#contactDetails li img { margin-right:10px; vertical-align:middle; display:inline; }

/*
---------------------------------------------------------------------------------
= TITLES
---------------------------------------------------------------------------------
*/

h2#titleTrailer { background: url(../images/titles/title_trailer.png) left no-repeat; width:383px; height:51px; margin-bottom: 2px; text-indent:-9999px; }
h2#titleGallery { background: url(../images/titles/title_gallery.png) left no-repeat; width:239px; height:46px; margin-bottom: 2px; text-indent:-9999px; }
h2#titleMaterials { background: url(../images/titles/title_materials.png) left no-repeat; width:239px; height:49px; margin-bottom: 2px; text-indent:-9999px; }
h2#titleAlcoholAwareness { background: url(../images/titles/title_alcoholAwareness.png) left no-repeat; width:239px; height:61px; margin-bottom: 2px; text-indent:-9999px; }
h2#titleUseful { background: url(../images/titles/title_useful.png) left no-repeat; width:214px; height:29px; margin-bottom: 5px; text-indent:-9999px; }
h2#titleNews { background:url(../images/titles/title_campaignNews.png) left no-repeat; width:491px; height:40px; text-indent:-9999px; }
h2#titleFactsAndInfo { background:url(../images/titles/title_factAndInfo.png) left no-repeat; width:491px; height:40px; text-indent:-9999px; }
h2#titleParent { background:url(../images/titles/title_infoForParents.png) left no-repeat; width:491px; height:40px; text-indent:-9999px; }
h2#titleUsefulServices { background:url(../images/titles/title_usefulServices.png) left no-repeat; width:491px; height:40px; text-indent:-9999px; }
h2#titleMedia { background: url(../images/titles/title_media.png) left no-repeat; width:239px; height:49px; margin-bottom: 10px; text-indent:-9999px; }

/*
---------------------------------------------------------------------------------
= VIDEO TRAILER
---------------------------------------------------------------------------------
*/

div#flashContent { width:480px; height:308px; padding:0 0 0 15px; }
	
/*
---------------------------------------------------------------------------------
= MAIN CONTENT
---------------------------------------------------------------------------------
*/

#pub_quiz { background:url(../images/pub_quiz.png) left no-repeat; width:239px; height:219px; text-indent:-9999px; margin:0px; padding:0px;  } 
#pub_quiz a { display:block; width:239px; height:219px;margin:0px; padding:0px;  } 

/* GALLERY ----------------- */
/* p.thumbs{ padding: 12px 0 12px 0; }
.thumbs img { position: relative; border: 1px solid #ebebeb; background: none; padding: 3px; margin: 3px; }
.thumbs img:hover	{ border: 1px solid #000000; background: none; }
.thumbs a:hover { background-color: transparent; border: none } */

#thumbs p { padding: 12px 0 12px 0; }
#thumbs img { position: relative; border: 1px solid #ebebeb; background: none; padding: 3px; margin: 3px; }
#thumbs img:hover	{ border: 1px solid #000000; background: none; }
#thumbs a:hover { background-color: transparent; border: none } */

/* CAMPAIGN NEWS ----------------- */
div#newsHead { width:100%; height:40px; }

div#newsMain { background-color:#FFFFFF; width:491px; }
div#newsContent { padding:20px; }

div#newsFoot { background:url(../images/bg_newsFoot.png) no-repeat; width:491px; height:54px; }

/* Campaign news lists */
div#newsMain ul { list-style:disc; font-size:1.2em; padding: 0 20px; margin-bottom:1em; }
div#newsMain li { padding:0 0 5px 0; }

/* hr break */
div.hr { height: 2px; background: url(../images/hr.png) repeat-x scroll center; margin-bottom:1em; }
div.hr hr { display: none; }

/* XMAS CAMPAIGN MATERIALS ----------------- */
div#colRight ul.sidelist { text-align: left; margin: 7px 5px 8px 0px; padding: 0; text-decoration: none; }
div#colRight ul.sidelist li { list-style: none; border-bottom:solid #000000 1px; padding: 8px 10px; margin: 0; font-size:1.2em; }
* html body #colRight ul.sidelist li { height: 1%; }

/* title link */
div#colRight ul.sidelist li a { font-size:1.4em; border: none; color: #fff; font-weight: bold; text-decoration: none;	}

/* smaller link */
div#colRight ul.sidelist li a span { color: #fff; font-size:0.6em; font-weight: bold; text-decoration:none; }
div#colRight ul.sidelist li a:hover { color: #000; text-decoration:underline; }
div#colRight ul.sidelist li a:hover span { color: #000; text-decoration:underline; }

/*
---------------------------------------------------------------------------------
= FOOTER CONTENT
---------------------------------------------------------------------------------
*/

.footerColLeft { display: inline; float: left; width:217px; margin:40px 12px 30px 24px; }
.footerColRight { display: inline; float: left; width:200px; margin:40px 12px 30px 24px; }
.footerColLogos { display: inline; float: left; width:230px; margin:40px 12px 30px 24px; }

div#footerContent h2, div#footerContent p { padding-left: 0; }
div#footerContent a { color: #000; background: transparent; }

/* Useful services */
/*
div#footerContent ul.footerList { margin:0; padding:0; list-style: none; }
div#footerContent ul.footerList li { padding: 0px 0px 0px 28px; border-bottom: 1px solid #000000; font-size:1.2em; color:#333333; background: url(../images/bullet.png) no-repeat 0 0.3em; }
*/
ul.footerList { margin-left:0em; padding-left:0.2em; margin-bottom:1em; font-size:1.2em; }
ul.footerList li { border-bottom: 1px solid #000000;  background:url(../images/bullet.png) no-repeat; background-position:left top; /* change background em accordingly */ padding:0 0 0.6em 2em; list-style: none; margin-bottom:1em; }

/* footer-bottom */
div#footerBottom { clear: both;  width: 750px; margin: 0 auto; }
div#footerBottom .bottomLeft { float: left; /* padding-left: 5px;*/ }
div#footerBottom .bottomRight { text-align: right; padding-right: 0; }

/* Main logo */
h1#logoFooter { height:63px; width:217px; margin:10px 0 0 0; overflow: hidden; background:url(../images/logo_footer.png) no-repeat; z-index:5; }
h1#logoFooter a:link, h1#logoFooter a:hover, h1#logoFooter a:visited, h1#logoFooter a:active { display: block; height:63px; width:217px; text-indent: -9999px; }

/* contact details */
div#contactFooter ul { padding-top:20px; font-size:1.4em; color:#000; font-weight:bold; list-style:none; }
div#contactFooter ul a { color:#000; font-weight:bold; text-decoration: none; }
div#contactFooter ul a:hover { color:#000; font-weight:bold; text-decoration:underline; }
div#contactFooter li { margin-left:0px; padding:0 7px 10px 0; line-height:1.2em; }
div#contactFooter li img { margin-right:10px;vertical-align:middle; display:inline; border:0; padding:0; background:none; }

/* footer logos */
div#footerContent a:link img  { border: 1px solid #fff; }
div#footerContent a:hover img  { border: 1px solid #000; }

div#footerContent img {  border: 1px solid #fff; }
.footerColRight p { margin-bottom:0; }
.footerColRight img { margin:0; }
.footerColRight a { margin:0; }

/*
---------------------------------------------------------------------------------
= IMAGES
---------------------------------------------------------------------------------
*/

/* img { background: #fafafa; border: 1px solid #dcdcdc; padding: 5px; } */



img.floatRight { margin: 5px 0px 10px 10px; }
img.floatLeft { margin: 5px 10px 10px 0px; }

/*
---------------------------------------------------------------------------------
= FLASH MP3 PLAYER
---------------------------------------------------------------------------------
*/

.flashMp3 { background: url(../images/bg_rightcol.png) top; padding:3em 0 1em 0; text-align:center; margin-bottom:1em; }