body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFFFFF;
	color: #FFFFFF;
}

#container
{
	width: 875px; /* was 900px but using print stylesheet clips last couple of characters of each line */
	margin: 0px auto;
	background: #FFF url(../images/page/ssspagebackground.gif) repeat-y;
/*	color: #E9E9BC; */
	color: #875E63;
	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: 0;
	font-size: 80%;
	padding: 10 20 10 10;
	width: 180px;
}

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

#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;
}

#content p
{
	color: #FFFFFF;
}

#content a
{
	text-decoration: none;	
	font-weight: bold;
	color: #FFFFFF;
}

#content a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;	
}


/* 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: #C0AEA9; /* originally #036; */
	width: 160px; /* originally 140px */
	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: #E9E9BC;
	color: #004080;
}

#navcontainer li li a
{
	display: block;
	color: #004080;
	background-color: #F1D163; /* originally #69C; */
	width: 160px; /* 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: #F5DC8D; /* originally #69C; */
	width: 160px; /* originally 140px */
	padding: 3px 0px 3px 20px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-weight: normal;
}


ul#topmenubar
{
	margin-left: 0;
	padding-left: 0;
	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;
}
	
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;
}

.bl2
{
	background: url(../images/boxes/3bl.gif) 0 100% no-repeat #EBBE1D
}

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

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

.tr2
{
	background: url(../images/boxes/3tr.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;
}


/* Changes to the main html selectors */
h1
{
	color: #E9E9BC;
	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: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

.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;
}

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;
}

.sssbulletlist
{
	list-style: none;
/*	margin-left: 2em; /* was margin: 0; */
	padding: 0.25em 0.2em 0.5em 0.5em;
	background-color: #D9CDCA;
/*	border: 1px solid #E9E9BC; */
/*	width: 95%; */
}

li.sssbullet
{
	background-image: url(../images/buttons/sssbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em; /* 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;
}


p.largetext
{
	font-size: 140%;
}

p.extralargetext
{
	font-size: 300%;
}

/* 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;
}


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

#sssconferenceform input
{
	color: #412E31;
	background-color: #C0AEA9; 
	border: 1px solid #875E63;
}

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

#sssconferenceform textarea
{
/*	width: 200px;
	height: 40px; */
	color: #412E31;
	background-color: #C0AEA9;
	border: 1px solid #83AFB3;
}

#sssconferenceform fieldset
{
	border: 1px solid #C0AEA9;
	color: #412E31;
/* 	background-color: #C0AEA9; */
	padding: 1em 1em 1em 1em; /* was 0.5em; */
	margin: 1em 1em 1em 1em; /* was 1em 0 0 0; */
}

#sssconferenceform legend
{
	font-size: 1.5em;
	font-weight: bold;
	color: #E9E9BC;
	padding: 0.5em;
/*	background-color: #C0AEA9; */
/*	border: 1px solid #00008b; */
}

#sssconferenceform 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; */
}

#sssconferenceform p
{
	color: #412E31;
}

/* #sssconferenceform ul
{

	margin: 0;
} */

#sssconferenceform ul
{ 
	margin-left:15px; 
	margin-right:0px; 
	color: #412E31;
}

#sssconferenceform li
{ 
	margin: 0 0 1em 0;
	color: #412E31;
}

#sssconferenceform h3
{
	color: #412E31;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
}

#sssconferenceform h4
{
	color: #412E31;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
}

#sssconferenceform h5
{
	color: #412E31;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
}

/* changed the style of any links in the sssbulletlist class */

.sssbulletlist a:link
{
	text-decoration: none;
	color: #412E31;
	font-size: 1.5em;
	font-weight: bold;	
}

.sssbulletlist a:visited
{
	text-decoration: none;
	color: #5B4044;
	font-size: 1.5em;
	font-weight: bold;	
}

.sssbulletlist a:hover
{
	text-decoration: underline;
	color: #875E63;
	background-color: #D7C9C6;
	font-size: 1.5em;
	font-weight: bold;
}

.sssbulletlist a:active
{
	text-decoration: none;
	color: #412E31;
	font-size: 1.5em;
	font-weight: bold;	
}

/* image styles from Weakley's book */
div.imagebackground
{
	float: left;
	width: 300px;
	margin: 0 0.75em 0 0.5em;
	display: inline;
	padding: 10px;
/*	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;	
}