/*-------------*
	SYMANTICS
 *-------------*/
BODY
{
	margin: 0px;
	padding: 0px;
	background-color: #333333;

	font-family: Arial, Verdana, sans-serif;
	font-size: 0.70em;
	color: #333333;
}

a
{
	color: #45a12b;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


/*---------------------*
	TEXT AND HEADINGS
 *---------------------*/
p
{
	margin: 0 0 0.7em 0;
	line-height: 1.5;
}

p.footnote
{
	font-size: 0.9em;
	font-variant: italics;
}

h1
{
	margin: 0 0 0.5em 0;
	padding: 0;
}

h2
{
	margin: 0 0 0.5em 0;
	padding: 0;
}


h2.grey_block	/* h2 encapsulated in a grey bordered block */
{
	margin: 0 0 0.3em 0;
	padding: 9px 14px 11px 0;
	border: solid 7px #474747;
	text-align: right;
}

h3
{
	margin: 2em 0 0.5em 0;
	padding: 0;
	font-size: 1.0em;
	color: #45a12b;
}

ul
{
	list-style-image: url('/images/common/bullets/bullet.gif');
	line-height: 1.5;
}

ul li
{
	margin-bottom: 1em;
}


/*----------*
	LAYOUT
 *----------*/
div#main
{
	width: 939px;
	margin: 0 auto 0 auto;
}

div#navigation
{
	float: left;
	clear: left;
	width: 100%;
	height: 36px;

	padding-bottom: 28px;
	background: url('/images/header/nav_repeat.gif') repeat-x top left;
}

div#content
{
	float: left;
	clear: left;
	width: 100%;
}

div#footer
{
	float: left;
	clear: left;
	width: 100%;

	margin-top: 1.5em;
	padding-top: 0.8em;
	border-top: 1px solid #999999;

	text-align: right;
	color: #999999;
	font-size: 0.9em;
}

div#footer p
{
	padding-right: 1.5em;
}

div#footer a
{
	color: #999999;
	text-decoration: none;
}


/*--------------*
	NAVIGATION
 *--------------*/
#navigation a span
{
	display: none;	/* if css disabled this will display as alternate to the background images of buttons */
	color: #FFFFFF;
}

/* home button */
#navigation a#nav_index
{
	display: block;
	float: left;
	width: 73px;
	height: 36px;
	background: url('/images/header/nav_home.gif') no-repeat top left;
}

#navigation a#nav_index:hover,
#navigation a#nav_index.nav_active
{
	background: url('/images/header/nav_home-active.gif') no-repeat top left;
}

/* responsible drinking button */
#navigation a#nav_responsible_drinking
{
	display: block;
	float: left;
	width: 156px;
	height: 36px;
	background: url('/images/header/nav_responsible.gif') no-repeat top left;
}

#navigation a#nav_responsible_drinking:hover,
#navigation a#nav_responsible_drinking.nav_active
{
	background: url('/images/header/nav_responsible-active.gif') no-repeat top left;
}

/* getting help button */
#navigation a#nav_getting_help
{
	display: block;
	float: left;
	width: 138px;
	height: 36px;
	background: url('/images/header/nav_getting_help.gif') no-repeat top left;
}

#navigation a#nav_getting_help:hover,
#navigation a#nav_getting_help.nav_active
{
	background: url('/images/header/nav_getting_help-active.gif') no-repeat top left;
}


/*-----------*
	MODULES
 *-----------*/
div.mod_greybdr
{
	border: 7px solid #474747;
	margin-bottom: 1.2em;
	padding: 1em;
}

div.mod_greybdr h2
{
	text-align: right;
	margin: 0 0.2em 0.2em 0;
}

div.mod_greybdr p
{
	margin-left: 1em;
}

div.mod_greybdr ul
{
	margin-left: 1em;
}


/*---------*
	PAGES
 *---------*/
/* === HOME PAGE === */
/* - left section - */
#home div#left
{
	float: left;
	width: 454px;

	margin: 0;
	padding: 0;

	background-color: #FFFFFF;
}

#home div#left-content
{
	padding: 3.0em;
	min-height: 25em;		 	/* not supported by IE6 */
	height: auto !important;	/* ignored by IE6 */
	height: 25em;				/* used by IE6 to enforce a min-height */
	border-right: 1px solid #575757;
}

/* - central section - */
#home div#centre
{
	float: left;
	width: 242px;

	margin: 0 3px 0 0;
	padding: 0;
}

#home div#centre-content
{
	padding: 8px 3px 0px 8px;
	color: #d5d5d5;
	font-size: 0.9em;
}

#home div#centre-content p
{
	margin-left: 4em;
}

#home div#centre-content ul
{
	color: #FFFFFF;
}

/* - right section - */
#home div#right
{
	float: left;
	width: 238px;

	margin: 0 0 0 2px;
	padding: 0;
}

#home div#right-content
{
	padding: 8px 4px 0px 0px;
	color: #cccccc;
	font-size: 0.9em;
}

#home div#right-content img#help_guy
{
	padding: 0 0.1em 0 0.15em;
	border-width: 7px;
	border-color: #474747;
	border-style: none solid solid solid;
}


/* === RESPONSIBLE DRINKING PAGE === */
/* - left section - */
#responsible div#left
{
	float: left;
	width: 694px;

	margin: 0;
	padding: 0;

	background-color: #FFFFFF;
}

#responsible div#left-content
{
	padding: 3.0em;
	min-height: 25em;		 	/* not supported by IE6 */
	height: auto !important;	/* ignored by IE6 */
	height: 25em;				/* used by IE6 to enforce a min-height */
	border-right: 1px solid #575757;
}

/* - right section - */
#responsible div#right
{
	float: left;
	width: 243px;

	margin: 0 0 0 2px;
	padding: 0;
}

#responsible div#right-content
{
	padding: 8px 0px 0px 9px;
	color: #cccccc;
	font-size: 0.9em;
}

#responsible div#right-content img#help_guy
{
	padding: 0 0.1em 0 0.15em;
	border-width: 7px;
	border-color: #474747;
	border-style: none solid solid solid;
}

#responsible div#right-content ul
{
	padding-left: 0px;
}


/* === GETTING HELP PAGE === */
/* - left section - */
#help div#left
{
	float: left;
	width: 694px;

	margin: 0;
	padding: 0;

	background-color: #FFFFFF;
}

#help div#left-content
{
	padding: 3.0em;
	min-height: 25em;		 	/* not supported by IE6 */
	height: auto !important;	/* ignored by IE6 */
	height: 25em;				/* used by IE6 to enforce a min-height */
	border-right: 1px solid #575757;
}

/* - right section - */
#help div#right
{
	float: left;
	width: 243px;

	margin: 0 0 0 2px;
	padding: 0;
}

#help div#right-content
{
	padding: 8px 0px 0px 9px;
	color: #cccccc;
	font-size: 0.9em;
}

#help div#right-content ul
{
	padding-left: 0px;
}

#help div#right-content img#help_guy
{
	padding: 0 0.1em 0 0.15em;
	border-width: 7px;
	border-color: #474747;
	border-style: none solid solid solid;
}