body
{
	margin: 0;
	padding: 0;
	text-align: center;
/*	background: #FFFFFF; */
	color: #444;
/*the color here #2c2721 was the bottom color
of my gradient image - a seamless fade*/
/*	background: #C0D3ED url(../images/page/bg3.gif) repeat-x; */
}

#container
{
	width: 910px; /* was 900px but using print stylesheet clips last couple of characters of each line - then changed to 875px */
	margin: 0px auto;
	background: #FFF url(../images/page/leftnavyellowbackground.gif) repeat-y;
	color: #003366;
	border: 1px solid gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
}

#top
{
	padding: 0em;
	border-bottom: 1px solid gray;
	background-color: #1864B5;
	background-image: url(../images/backgrounds/emphasisheader.gif);
	background-repeat: no-repeat;
	height: 70px;
}

#top h1
{
	padding: 5;
	margin: 0;
	text-align: right;
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
}

#leftnav
{
	float: left;
	margin-left: 0px;
	font-size: 80%;
	padding: 5px 0px;
	width: 170px; /* was 180px */
}

#content
{
	margin-left: 180px;
	width: 700px;
	border-left: 1px solid gray;
	padding: 0.5em 1em 1em 1em;
/*	max-width: 75em;  was 36em originally */
	font-size: 90%;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 0.5em;
	color: #FFFFFF;
	background-color: #1864B5;
	border-top: 1px solid gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#leftnav p { margin: 0 0 1em 0; }

#content h2 {
	line-height: 140%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.25em;
	margin-left: 0;
}


/* This nested list is based on Tutorial 3 of Listutorial - css.maxdesign.com.au/listutorial/sub_master.htm */
#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a
{
	display: block;
	color: #004080;
	background-color: #EBBE1D; /* originally #036; */
	width: 150px; /* originally 160px */
	padding: 5px 12px 5px 8px; /* originally 3px 12px 3px 8px */
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}

#navcontainer a:hover
{
	background-color: #FBF1D2;
	color: #004080;
}

#navcontainer li li a
{
	display: block;
	color: #004080;
	background-color: #F1D061; /* originally #69C; */
	width: 150px; /* originally 140px */
	padding: 3px 5px 3px 15px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}

#navcontainer li li li a
{
	display: block;
	color: #004080;
	background-color: #F5DF94; /* originally #69C; */
	width: 150px; /* originally 140px */
	padding: 3px 0px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}


ul#topmenubar
{
	list-style-type: none;
	background: #036;
	float: left;
	width: 100%;
	border-top: none #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: solid #FFFFFF;
	border-left: none #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
	
ul#topmenubar li { display: inline; }
	
ul#topmenubar a
{
	display: block;
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	color: #fff;
	background: #036;
	border-right: 1px solid #fff;
}
	
ul#topmenubar a:hover
{
	color: #000;
	background: #69C;
}


/* Changes to the main html selectors */
h1
{
	font-size: 240%;
	font-weight: normal;
}

h2
{
	font-size: 180%;
	font-weight: normal;
/*	border: 0;
	margin: 0 0 0 0;
	margin-bottom: 0.05px;	
	padding: 0; */
}

h3
{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

h4
{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.5em;
}


.pagesectiontitle
{
	font-size: 1.15em;
	padding: 0 0 0.2em 0;
	border-bottom: dashed 1pt;
}

/*
p 
{ 
	margin-top: 0;
}
*/

/* ROUND-CORNERED BOXES */
/* Following round corner boxes are from Webcredible.co.uk */

.bl
{
	background: url(../images/boxes/bl.gif) 0 100% no-repeat #D0DCF4;
	margin: 1em 0 1em 0;
}

.br
{
	background: url(../images/boxes/br.gif) 100% 100% no-repeat;
}

.tl
{
	background: url(../images/boxes/tl.gif) 0 0 no-repeat;
} 

.tr
{
	background: url(../images/boxes/tr.gif) 100% 0 no-repeat;
	padding: 0.5em;
}

.clear
{
	font-size: 1px;
	height: 1px;
}
 
.bl2
{
	background: url(../images/boxes/bl2.gif) 0 100% no-repeat #EBBE1D;
}

.br2
{
	background: url(../images/boxes/br2.gif) 100% 100% no-repeat;
}

.tl2
{
	background: url(../images/boxes/tl2.gif) 0 0 no-repeat;
} 

.tr2
{
	background: url(../images/boxes/tr2.gif) 100% 0 no-repeat; padding: 1em;
}


.toptitle
{
	float: right;
	width: 220px;
	margin: 1.5em 0 0 0;
	display: inline;
}

table {
	font-size: 100%;
	color: #003366;
}

/* square box with heading in different colour than body */
/* Appeared at: http://www.wpdfd.com/editorial/wpd0103.htm */

.issue_box {
	BORDER-RIGHT: #3366cc 1px solid; /* originally #b3b3ff 1px dashed;*/
	PADDING-RIGHT: 10px; /* originally 10px */
	BORDER-TOP: #3366cc 1px solid; /* originally #b3b3ff 1px dashed;*/
	PADDING-LEFT: 10px; /* originally 10px */
	FLOAT: right;
	PADDING-BOTTOM: 10px; /* originally 10px */
	MARGIN: -15px 0px 10px 20px;
	BORDER-LEFT: #3366cc 1px solid; /* originally #b3b3ff 1px dashed;*/
	WIDTH: 250px; /* was 250px */
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #3366cc 1px solid; /* originally #b3b3ff 1px dashed;*/
	BACKGROUND-COLOR: #ececec
}

.issue_box H3 {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	/* FONT-SIZE:80% ; -- was '1em' */
	PADDING-BOTTOM: 5px;
	MARGIN: 0px -10px 12px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #3366cc;
	color: #FFFFFF;
}

.issue_box H4 {
	/* FONT-SIZE: 70%; -- was '0.8em' */
}

.issue_box H4 A {
	COLOR: #b4178c;
	TEXT-DECORATION: none
}

.issue_box H4 A:hover {
	TEXT-DECORATION: underline
}

.issue_box P {
	/* FONT-SIZE: 80%; -- was '0.8em' */
	/* LINE-HEIGHT: 1.2em */
}


/* Taken from Stu Nicholls' website CSSplay - www.cssplay.co.uk/boxes/snazzy2.html */
.xsnazzy h1
{
	margin:0;
	font-size:1.2em;
	padding:0 10px 10px 10px; /* was 0 10px 5px 10px */
	border-bottom:1px solid #444; /* was 1px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.xsnazzy p
{
	margin:0; 
	padding:5px 10px; 
	font-size:1em; /* was originally 10px */
}

.xsnazzy
{
	background:transparent;
	width:240px; /* was originally 240px */
	float:right; /* was originally "left" */
	margin-right:10px;
}

.xtop, .xbottom
{
	display:block; 
	background:transparent;
	font-size:1px;
}

.xb1, .xb2, .xb3, .xb4
{
	display:block; 
	overflow:hidden;
}

.xb1, .xb2, .xb3
{
	height:1px;
}

.xb2, .xb3, .xb4
{
	background:#fff;
	border-left:1px solid #444; /* was 1px */
	border-right:1px solid #444;/* was 1px */
}

.xb1
{
	margin:0 5px;
	background:#444; /* was #444 - it placed a thin line at the top and bottom of the info box*/
}

.xb2
{
	margin:0 3px; 
	border-width:0 2px; /* was 0 2px */
}

.xb3
{
	margin:0 2px;
}

.xb4
{
	height:2px; 
	margin:0 1px;
}

.xboxcontent
{
	display:block;
	background:#fff;
	border:0 solid #444; /* was 0  solid #444 */
	border-width:0 1px; /* was 0 1px */
}

.color_a
{
	background:#004080;
	color:#fff;
}

.color_b
{
	background:#d4d8bd; 
	color:#000;
}

.color_c
{
	background:#3366cc;
	color:#cee9fb;
}

/* Boxes devised by Stu Nicholls - CSSPlay - www.cssplay.co.uk/boxes/four-cornered.html */
DL.curved
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(../images/boxes/c_tl.gif) #7f7f9c no-repeat left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 0px 5px 5px;
	WIDTH: 300px; /* was 50% */
	PADDING-TOP: 0px;
	Float: right; /* added by APN to float the box */
}

DL.curved DT 
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(../images/boxes/c_tr.gif) no-repeat right top;
	PADDING-BOTTOM: 10px;
	COLOR: #fff;
	PADDING-TOP: 10px;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
}

DL.curved DD
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(../images/boxes/c_bl.gif) #eee no-repeat left bottom;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}

DL.curved DD P
{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	LINE-HEIGHT: 1.3em;
	PADDING-TOP: 10px;
}

DL.curved DD P.last
{
	BACKGROUND: url(../images/boxes/c_br.gif) no-repeat right bottom;
}


.textboxtext
{
	font-size:80%;
	font-weight:normal;
}

/* Use hr tag to insert dividing line between paragraphs */
hr
{
	border:none 0;
	border-top:1px dotted #999999;
	height:1px; /* whatever the total width of the border-top and border-bottom equal */
	width: 100%;
	/* color:#999999; */
}	

/* Re-style bullet lists - based on Listutorial css.maxdesign.com.au/listutorial/master.htm */
.bulletlist
{
	list-style: none;
	margin-left: 2em; /* was margin: 0; */
	padding: 0;
}

.bulletlist2
{
	list-style: none;
	margin-left: 2em; /* was margin: 0; */
	margin-top: 2em;
	padding: 0;
}


li.yellowbullet
{
	background-image: url(../images/buttons/bullet4.gif);
	background-repeat: no-repeat;
	background-position: 0 .1em; /* was originally 0 50% which placed graphic bullet halfway down paragraph */
	padding: .2em 0 .2em 2em; /* was originally "padding: 3px 0 3px 20px;" */
	margin: .4em 0;
}

li.transparentbullet
{
	background-image: url(../images/buttons/bullet8.gif);
	background-repeat: no-repeat;
	background-position: 0 .1em; /* was originally 0 50% which placed graphic bullet halfway down paragraph */
	padding: .2em 0 .2em 2em; /* was originally "padding: 3px 0 3px 20px;" */
	margin: .4em 0;
}

/* Right-aligned bullet list */
ul.rightbulletlist
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

li.rightbullet
{
	background-image: url(../images/buttons/rightarrow.gif);
	background-repeat: no-repeat;
	background-position: 100% .25em; /* was .4em */
	padding: .25em 2em .25em .25em;
	margin: 0 1.5em 0 0;
}


div.leftimg
{
	float: left;
	width: 300px;
	margin-right: 1em;
	margin-bottom: 1em;
	display: inline;
}

div.rightimg
{
	float: right;
	width: 300px;
	margin-left: 1em;
	margin-bottom: 1em;
	display: inline;
}

/* Russ Weakley's image and its caption exercise
1 - Portrait caption container */
div.imagecaption
{
	float: right;
	width: 182px;
	margin: 0 1em 1em 1em;
	display: inline;
	padding: 10px 10px 70px 10px;
	background: #036 url(../CSSin10mins/lesson11/chapter11.gif) repeat-x 0 100%;
	color: #fff;
	text-align: center;
}

div.imagecaption img
{
	border: 1px solid #fff;
}

/* 2 - Landscape portrait container */
div.imagecaption2
{
	float: right;
	width: 302px;
	margin: 0 1em 1em 1em;
	display: inline;
	padding: 10px 10px 10px 10px;
	background: #036;
	color: #fff;
}

div.imagecaption2 img
{
	float: right;
	margin-left: 1em;
	border: 1px solid #fff;
}

/* 3 - Photo frame container - doesn't work very well for some reason!*/
div.imagecaption3
{
	float: right;
	width: 182px;
	padding: 15px 150x 20px 15px;
	display: inline;	
	text-align: center;
	border-color: #CCC #999 #999 #CCC;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background: url(../CSSin10mins/lesson11/chapter11c.gif) repeat-x 0 100%;
}

div.imagecaption3 img
{
	border-color: #000 #CCC #CCC #000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

/* Nice one! From the css.maxdesign.au website */

.floatright
{
	float: right;
	width: 185px;
	margin: 0 0 10px 10px;
	background-color: #ddd;	
	padding: 10px;
/*	border: 1px solid #666; */
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
}

div.floatright img
{
/*	border: 1px solid #000; */
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
}

/* From Lesson 12 of Weakley's CSS in 19 mins */

div.thumbnail
{
	float: left;
	width: 250px;
	margin: 0 10px 10px 0;
	padding-bottom: 10px;
	border: 1px solid #777;
}

div.thumbnail img
{
	float: left;
	border: 1px solid #777;
	margin: 10px 10px 0 10px;
}

div.thumbnail p
{
	margin: 0;
	padding: 10px;
}

.clear
{
	clear: left;
}


div.rightnavbox
{
	float:right;
	width:250px;
	padding: 0.5em 0.5em 1em 0.5em;
	margin:0 0 1em 1em;
	display:inline;
	background-color:#CCCCCC;
}

h2.rightnavbox
{
	color: #FFFFFF;
	background-color:#333333;
	font: bold Arial, Helvetica, sans-serif;
	text-align: center;
}


	
a:link {  color: #D98200; text-decoration: none; font-weight: bold}
a:visited {  color: #FF9C09; font-weight: bold; text-decoration: none}
a:hover {  color: #D98200; text-decoration: underline; font-weight: bold}
a:active {  color: #FF9C09; font-weight: bold}

/* Styling forms - courtesy of Rachel Andrew's CSS Anthology book */
form#tobacco /* form is identified on the page as "<form id="tobacco" name="form1" etc... */
{
	border: 1px solid #00008b;
	padding: 3px 6px 3px 6px;
	background-color: #9EDFFF;
}

#tobacco input
{
	color: #00008B;
	background-color:#CEEFFF; 
	border: 1px solid #00008b;
}

/* Restyle the submit button */
#tobacco .button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	background-color: #FFFFFF;
	color: #003399;
}
	
#tobacco select
{
	width: 100px;
	color: #00008b;
	background-color: #add8e6;
	border: 1px solid #00008b;
}

#tobacco textarea
{
	width: 200px;
	height: 40px;
	color: #00008b;
	background-color: #add8e6;
	border: 1px solid #00008b;
}

#tobacco fieldset
{
	border: 1px dotted #00008b;
	color: #00008b;
/*	background-color: #add8e6; */
	padding: 0.5em;
	margin: 1em 0 0 0;
}

#tobacco legend
{
	font-style: bold;
	color: #000066;
	padding: 0.5em;
	background-color: #CEEFFF;
	border: 1px solid #00008b;
}
	

/* styling for alcohol consultation form */
form#alcoholform /* form is identified on the page as "<form id="alcoholform" name="form1" etc... */
{
	border: 1px solid #83AFB3;
	padding: 3px 6px 3px 6px;
	background-color: #BCD1D5;
}

#alcoholform input
{
	color: #00008B;
	background-color: #F0F5F7; 
	border: 1px solid #83AFB3;
}

/* Restyle the submit button */
#alcoholform .button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	background-color: #FFFFFF;
	color: #412E31;
}
	
#alcoholform select
{
/*	width: 100px; */
	color: #00008B;
	background-color: #F0F5F7;
	border: 1px solid #83AFB3;
}

#alcoholform textarea
{
/*	width: 200px;
	height: 40px; */
	color: #00008B;
	background-color: #F0F5F7;
	border: 1px solid #83AFB3;
}

#alcoholform fieldset
{
	border: 2px solid #004080;
	color: #00008b;
/*	background-color: #add8e6; */
	padding: 0.5em;
	margin: 1em 0 0 0;
}

#alcoholform legend
{
	font-style: bold;
	color: #FFFFFF;
	padding: 0.55em;
	background-color: #004080;
/*	border: 1px solid #00008b; */
}

#alcoholform hr
{
	border:none 0;
	border-top:1px solid #FFFFFF;
	height:1px; /* whatever the total width of the border-top and border-bottom equal */
	width: 100%;
	/* color:#999999; */
}

/* image styles from Weakley's book */
div.imagebackground
{
	float: left;
	width: 320px;
	margin: 2px 2px 2px 0;
	display: inline;
	padding: 0px;
/*	background: #3D2711; dark brown */
/*	background: #756A55; */
/*	background: #BCB5A5; */
	background: #DBD7CE;
	color: #fff;
}

div.imagebackground img
{
	float: left;
	margin-right: 1em;
	border: 1px solid #fff;
}

div.imagebackground p
{
	color: #756A55;
	font-size: 0.7em;
}

div.imagebackground a
{
	color: #756A55;
	text-decoration: none;
	font-weight: bold;
}

div.imagebackground a:hover
{
	color: #756A55;
	text-decoration: underline;
	font-weight: bold;	
}

/* Inset 3D Raised courtesy of Stu Nicholls' - www.cssplay.co.uk/boxes/krazy.html */
.raised {background: transparent; width:640px; margin: 5px;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#003366; letter-spacing:1px;}
.raised p {padding-bottom:0.5em; font-size: 1em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#d0e2f0; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#d0e2f0; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#d0e2f0; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#d0e2f0; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#d0e2f0; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#d0e2f0; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#aaa;}
.raised .boxcontent {display:block;  background:#d0e2f0; border-left:1px solid #fff; border-right:1px solid #999;}

.raised .raiseddownloadlink {font-size:1em; padding: .4em 0;} /* my addition */

.smalltext
{
	font-size: 0.8em;
}

.largetext
{
		font-size: 1.25em;
}