html{min-height:100%;margin-bottom:1px}
body 
{
	font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
	font-size:12px;
	margin:0;
	padding:0;
	padding-bottom:1px;
	height:100.1%;
	padding-top:5px;
}

h2
h3,
h4,
h5,
form.questionnaire fieldset legend
{
	/*font-family: "Courier New", Courier, monospace;*/
	
	font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
	color:#000000;
	margin-bottom:0.3em;
}
h2
{
	font-family: "Courier New", Courier, monospace;
	font-size:2em;
	margin-top:0;
	margin-bottom:0.3em;
}
h3
{
	font-size:1.3em;
	margin-bottom:0.1em;
	margin-top:0.1em;
}
h4,
h5
{
	font-size:1em;
}
p
{
	color:#666666;
}

p.important
{
	font-size:1.2em;
	font-weight:bold;
}
p, address
{
	margin-left:1em;
}
p, li
{
	font-size:1.1em;
}

p.first
{
	font-size:1.3em;
	font-weight:bold;
}

img.right
{
	float:right;
}

a.selected
{
	color:#ff0000;
}
fieldset span.field
{
	display:block;
	clear:both;
}
fieldset
{
	display:block;
	clear:both;
}

div#top-bar
{
	background-image:Url(Images/topbar-back.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div#wrapper
{
	width:776px;
	background-color:#ffffff;
	margin:0 auto;
	background-color:Transparent;
	padding-bottom:80px;
	overflow:hidden;
	display:block;
	background-image:url(Images/bottom-ribbon.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:#fff;
}
h1
{
	height:0px;
	padding-top:140px;
	width:255px;
	float:right;
	display:block;
	background-image:Url(Images/Header.gif);
	overflow:hidden;
	margin-bottom:25px;
}

ul#main-menu
{
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
}
ul#main-menu li
{
	margin:0;
	padding:0;
	display:block;
	float:left;
}

div#side-bar
{
	width:190px;
	float:left;
	background-color:Transparent;
	overflow:hidden;
	margin-bottom:20px;
}
div#main-body
{
	float:right;
	width:560px;
	background-color:Transparent;
	padding-right:20px;
	overflow:hidden;
	color:#666;
	padding-bottom:2em;
}

a.skipper
{
	display:none;
}

div#main-body li
{
	margin-bottom:0.5em;
}




div.col1
{
	width:49%;
	float:left;
}
div.col2
{
	width:49%;
	float:right;
}

#sipnspin
{
	margin-left:50px;
}




/********* menu backs *****************/

ul#main-menu li a
{
	display:block;
	background-position:top;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
	height:0;
	padding-top:53px;
}


ul#main-menu li.home a
{
	background-image:url(Images/menu/home.png);
	width:90px;
}
body.Default ul#main-menu li.home a
{
	background-image:url(Images/menu/home-sel.png);
}
html>body ul#main-menu:hover li.home:hover a
{
	background-image:url(Images/menu/home.png);
}
html>body ul#main-menu:hover li.home a
{
	background-image:url(Images/menu/home-back.png);
}



ul#main-menu li.news a
{
	background-image:url(Images/menu/news.png);
	width:101px;
}
body.News ul#main-menu li.news a
{
	background-image:url(Images/menu/news-sel.png);
}
html>body ul#main-menu:hover li.news:hover a
{
	background-image:url(Images/menu/news.png);
}
html>body ul#main-menu:hover li.news a
{
	background-image:url(Images/menu/news-back.png);
}



ul#main-menu li.contacts a
{
	background-image:url(Images/menu/contacts.png);
	width:133px;
}
body.Contact ul#main-menu li.contacts a
{
	background-image:url(Images/menu/contacts-sel.png);
}
html>body ul#main-menu:hover li.contacts:hover a
{
	background-image:url(Images/menu/contacts.png);
}
html>body ul#main-menu:hover li.contacts a
{
	background-image:url(Images/menu/contacts-back.png);
}



ul#main-menu li.risky-drinking a
{
	background-image:url(Images/menu/risky-drinking.png);
	width:153px;
}
body.Risky-Drinking ul#main-menu li.risky-drinking a
{
	background-image:url(Images/menu/risky-drinking-sel.png);
}
html>body ul#main-menu:hover li.risky-drinking:hover a
{
	background-image:url(Images/menu/risky-drinking.png);
}
html>body ul#main-menu:hover li.risky-drinking a
{
	background-image:url(Images/menu/risky-drinking-back.png);
}


	
ul#main-menu li.safer-drinking a
{
	background-image:url(Images/menu/safer-drinking.png);
	width:152px;
}
body.Safer-Drinking ul#main-menu li.safer-drinking a
{
	background-image:url(Images/menu/safer-drinking-sel.png);
}
html>body ul#main-menu:hover li.safer-drinking:hover a
{
	background-image:url(Images/menu/safer-drinking.png);
}
html>body ul#main-menu:hover li.safer-drinking a
{
	background-image:url(Images/menu/safer-drinking-back.png);
}



ul#main-menu li.young-drinkers a
{
	background-image:url(Images/menu/young-drinkers.png);
	width:143px;
}
body.Young-Drinkers ul#main-menu li.young-drinkers a
{
	background-image:url(Images/menu/young-drinkers-sel.png);
}
html>body ul#main-menu:hover li.young-drinkers:hover a
{
	background-image:url(Images/menu/young-drinkers.png);
}
html>body ul#main-menu:hover li.young-drinkers a
{
	background-image:url(Images/menu/young-drinkers-back.png);
}


/*************** section specific colouring*****************/
body.Young-Drinkers h2,
body.Young-Drinkers h3,
body.Young-Drinkers h4
{
	color:#006F3A;
}
body.Young-Drinkers div#top-bar
{
	background-image:url(Images/topback-young.png);
}


body.Questionnaire h2,
body.Questionnaire h3,
body.Questionnaire h4,
body.Questionnaire form.questionnaire fieldset legend,
body.Default h2,
body.Default h3,
body.Default h4
{
	color:#ff0000;
}

body.Safer-Drinking h2,
body.Safer-Drinking h3,
body.Safer-Drinking h4
{
	color:#006AB2;
}
body.Safer-Drinking div#top-bar
{
	background-image:url(Images/topback-safer.png);
}


body.Risky-Drinking h2,
body.Risky-Drinking h3,
body.Risky-Drinking h4
{
	color:#F29400;
}
body.Risky-Drinking div#top-bar
{
	background-image:url(Images/topback-risky.png);
}


body.News h2,
body.News h3,
body.News h4
{
	color:#745A32;
}

body.Contact h2,
body.Contact h3,
body.Contact h4
{
	color:#972520;
}

/************************/
div#body-horror img
{
	float:left;
}
div#body-horror div.selection
{
	float:right;
	width:185px;	
	display:block;
	clear:right;
}
div#body-horror div.selection p
{
	font-size:1.1em;
}
div#body-horror div.selection img
{
	width:170px;
	float:right;
	clear:none;
}


/************************/

form.myths-game
{
	height:300px;
}
form.myths-game img
{
	float:right;	
}
form.myths-game div.buttons
{
	float:right;
	width:55px;	
}
form.myths-game div.buttons input
{
	float:right;	
	clear:right;
}

form.myths-game div#question div
{
	float:left;
	width:170px;	
	font-size:1.4em;
}
form.myths-game div#question div.correct,
form.myths-game div#question div.wrong
{
	font-size:1.2em;
}


form.myths-game div#question div.correct span.output,
form.myths-game div#question div.wrong span.output
{
	display:block;
	border:solid 2px #000;
	font-size:1.8em;
	text-align:center;
	margin-top:1em;
}
form.myths-game div#question div.correct span.output
{
	color:#0DB14B;
}
form.myths-game div#question div.wrong span.output
{
	color:#ED1C24;
}
form.myths-game div#question div.asking
{
	font-size:1.4em;
	font-weight:bold;
	margin-top:2em;
}
form.myths-game input.startButton,
form.myths-game div.buttons input
{
	width:55px;
	height:0px;
	padding-top:55px;
	background-color:#fff;
	border:none;
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;
}
* html form.myths-game input.startButton,
* html form.myths-game div.buttons input
{
	height:55px;
	padding-top:auto;
}
form.myths-game div.buttons input.falseButton
{
	background-image:url(Safer-Drinking/Images/Myths/btnFalse.png);
}
form.myths-game div.buttons input.falseButton.disabled
{
	background-image:url(Safer-Drinking/Images/Myths/btnFalse-dis.png);
}
form.myths-game div.buttons input.trueButton
{
	background-image:url(Safer-Drinking/Images/Myths/btnTrue.png);
}
form.myths-game div.buttons input.trueButton.disabled
{
	background-image:url(Safer-Drinking/Images/Myths/btnTrue-dis.png);
}
form.myths-game div.buttons input.nextButton
{
	background-image:url(Safer-Drinking/Images/Myths/btnNext.png);
}
form.myths-game div.buttons input.nextButton.disabled
{
	background-image:url(Safer-Drinking/Images/Myths/btnNext-dis.png);
}
form.myths-game input.startButton
{
	float:right;
	background-image:url(Safer-Drinking/Images/Myths/btnStart.png);
}
form.myths-game a.restartButton
{
	display:block;
	height:0px;
	padding-top:55px;
	background-image:url(Safer-Drinking/Images/Myths/btnRestart.png);
	background-repeat:no-repeat;
	background-position:center;
	width:55px;
	float:right;
	margin-right:100px;
	overflow:hidden;
}
/************** sub menus *********************/

div#submenu ul
{
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	width:181px;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
div#submenu
{
	display:block;
	overflow:hidden;
	width:181px;
	background-repeat:no-repeat;
	background-position:bottom left;
}

div#submenu ul li,
div#submenu ul li a
{
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	float:left;
	width:181px;
}
div#submenu ul li a
{
	background-repeat:no-repeat;
	overflow:hidden;
	height:0;
	background-position:top left;
}

div#submenu ul.young
{	
	background-image:url(Images/submenus/young/top-cap.png);	
	padding-top:18px;
}
div#submenu.young
{
	background-image:url(Images/submenus/young/bottom-cap.png);	
	padding-bottom:25px;
}
div#submenu ul.young li.the-law a
{
	background-image:url(Images/submenus/young/the-law.png);	
	padding-top:24px;
}
div#submenu ul.young li.the-law a.selected
{
	background-image:url(Images/submenus/young/the-law-sel.png);	
}

div#submenu ul.young li.public a
{
	background-image:url(Images/submenus/young/public.png);	
	padding-top:32px;
}
div#submenu ul.young li.public a.selected
{
	background-image:url(Images/submenus/young/public-sel.png);	
}



div#submenu ul.safer
{	
	background-image:url(Images/submenus/safer/top-cap.png);	
	padding-top:11px;
}
div#submenu.safer
{
	background-image:url(Images/submenus/safer/bottom-cap.png);	
	padding-bottom:17px;
}
div#submenu ul.safer li.intro a
{
	background-image:url(Images/submenus/safer/intro.png);	
	padding-top:24px;
}
div#submenu ul.safer li.intro a.selected
{
	background-image:url(Images/submenus/safer/intro-sel.png);	
}
div#submenu ul.safer li.myths a
{
	background-image:url(Images/submenus/safer/myths.png);	
	padding-top:24px;
}
div#submenu ul.safer li.myths a.selected
{
	background-image:url(Images/submenus/safer/myths-sel.png);	
}
div#submenu ul.safer li.sipnspin a
{
	background-image:url(Images/submenus/safer/sipnspin.png);	
	padding-top:24px;
}
div#submenu  ul.safer li.sipnspin a.selected
{
	background-image:url(Images/submenus/safer/sipnspin-sel.png);	
}
div#submenu  ul.safer li.short a
{
	background-image:url(Images/submenus/safer/short.png);	
	padding-top:22px;
}
div#submenu  ul.safer li.short a.selected
{
	background-image:url(Images/submenus/safer/short-sel.png);	
}
div#submenu  ul.safer li.long a
{
	background-image:url(Images/submenus/safer/long.png);	
	padding-top:31px;
}
div#submenu  ul.safer li.long a.selected
{
	background-image:url(Images/submenus/safer/long-sel.png);	
}
div#submenu  ul.safer li.female a
{
	background-image:url(Images/submenus/safer/female.png);	
	padding-top:24px;
}
div#submenu  ul.safer li.female a.selected
{
	background-image:url(Images/submenus/safer/female-sel.png);	
}
div#submenu  ul.safer li.male a
{
	background-image:url(Images/submenus/safer/male.png);	
	padding-top:30px;
}
div#submenu  ul.safer li.male a.selected
{
	background-image:url(Images/submenus/safer/male-sel.png);	
}


div#submenu ul.risky
{	
	background-image:url(Images/submenus/risky/top-cap.png);	
	padding-top:17px;
}
div#submenu.risky
{
	background-image:url(Images/submenus/risky/bottom-cap.png);	
	padding-bottom:21px;
}
div#submenu ul.risky li.intro a
{
	background-image:url(Images/submenus/risky/intro.png);	
	padding-top:22px;
}
div#submenu ul.risky li.intro a.selected
{
	background-image:url(Images/submenus/risky/intro-sel.png);	
}
div#submenu ul.risky li.body a
{
	background-image:url(Images/submenus/risky/body.png);	
	padding-top:24px;
}
div#submenu ul.risky li.body a.selected
{
	background-image:url(Images/submenus/risky/body-sel.png);	
}
div#submenu ul.risky li.game a
{
	background-image:url(Images/submenus/risky/game.png);	
	padding-top:22px;
}
div#submenu ul.risky li.game a.selected
{
	background-image:url(Images/submenus/risky/game-sel.png);	
}
div#submenu ul.risky li.behaviour a
{
	background-image:url(Images/submenus/risky/behaviour.png);	
	padding-top:23px;
}
div#submenu ul.risky li.behaviour a.selected
{
	background-image:url(Images/submenus/risky/behaviour-sel.png);	
}
div#submenu ul.risky li.accidents a
{
	background-image:url(Images/submenus/risky/accidents.png);	
	padding-top:24px;
}
div#submenu ul.risky li.accidents a.selected
{
	background-image:url(Images/submenus/risky/accidents-sel.png);	
}
div#submenu ul.risky li.signs a
{
	background-image:url(Images/submenus/risky/signs.png);	
	padding-top:24px;
}
div#submenu ul.risky li.signs a.selected
{
	background-image:url(Images/submenus/risky/signs-sel.png);	
}
div#submenu ul.risky li.help a
{
	background-image:url(Images/submenus/risky/help.png);	
	padding-top:24px;
}
div#submenu ul.risky li.help a.selected
{
	background-image:url(Images/submenus/risky/help-sel.png);	
}



/*********questionnaire*********/

form.questionnaire fieldset
{
	border:none;
	margin-left:20px;
}
form.questionnaire fieldset legend
{
	margin-left:-7px;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}
form.questionnaire fieldset span.field
{
	display:block;
	margin-bottom:10px;
}
form.questionnaire fieldset span.field span.options span
{
	display:block;
	padding-left:2em;
}
form.questionnaire div.submit
{
	border-top:dashed 1px #999;
	padding-top:10px;
	margin-bottom:20px;
	text-align:right;
	padding-right:2em;
}
form.questionnaire div.submit input
{
	font-weight:bold;
}

fieldset.contact-form
{
	border:none;
}
fieldset.contact-form legend
{
	display:none;
}
fieldset.contact-form input,
fieldset.contact-form textarea
{
	width:90%;
}
fieldset.contact-form textarea
{
	height:100px;
}




/*********************title rplacements*******************************/

h2#news-title
{
	height:0;
	width:67px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/news.png);
	background-repeat:no-repeat;
}

h2#sip-n-spin-title
{
	height:0;
	width:108px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/sipnspin.png);
	background-repeat:no-repeat;
}
h2#myths-title
{
	height:0;
	width:216px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/myths.png);
	background-repeat:no-repeat;
}
h2#public-drinking-title
{
	height:0;
	width:199px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/public-drinking.png);
	background-repeat:no-repeat;
}
h2#male-info-title
{
	height:0;
	width:194px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/male-info.png);
	background-repeat:no-repeat;
}
h2#female-info-title
{
	height:0;
	width:211px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/female-info.png);
	background-repeat:no-repeat;
}
h2#long-effects-title
{
	height:0;
	width:196px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/long-effects.png);
	background-repeat:no-repeat;
}
h2#help-title
{
	height:0;
	width:72px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/help.png);
	background-repeat:no-repeat;
}
h2#drinking-game-title
{
	height:0;
	width:168px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/drinking-game.png);
	background-repeat:no-repeat;
}

h2#contacts-title
{
	height:0;
	width:97px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/contacts.png);
	background-repeat:no-repeat;
}
h2#body-horror-title
{
	height:0;
	width:131px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/body-horror.png);
	background-repeat:no-repeat;
}
h2#behaviour-title
{
	height:0;
	width:120px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/behaviour.png);
	background-repeat:no-repeat;
}
h2#accidents-title
{
	height:0;
	width:121px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/accidents.png);
	background-repeat:no-repeat;
}
h2#the-signs-title
{
	height:0;
	width:317px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/the-signs.png);
	background-repeat:no-repeat;
}
h2#the-law-title
{
	height:0;
	width:104px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/the-law.png);
	background-repeat:no-repeat;
}
h2#alcohol-dep-title
{
	height:0;
	width:220px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/alcohol-dep.png);
	background-repeat:no-repeat;
}


h2#short-effects-title
{
	height:0;
	width:195px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/short-effects.png);
	background-repeat:no-repeat;
}


h2#welcome-title
{
	height:0;
	width:115px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/welcome.png);
	background-repeat:no-repeat;
}
h2#risky-title
{
	height:0;
	width:167px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/risky.png);
	background-repeat:no-repeat;
}
h2#safer-title
{
	height:0;
	width:154px;
	padding-top:26px;
	overflow:hidden;
	background-image:url(Images/titles/safer.png);
	background-repeat:no-repeat;
}
span#phone-number {display:none;}

.contact-tel
{
	float:right;
	font-weight:bold;
	text-align:right;
}

.contact-tel a
{
	color:#972520;
}

.contact-tel a.visited
{
	color:#972520;
}