body
{
	font-family: verdana, arial,sans-serif;
	font-size:12px;
	color:#000;
	margin:0px;
	padding:0px;
	line-height:1.8em;
	background:#403C06 url("images/body_bg.png");	
}

#container
{
	background:#FFF9A3 url("images/container_bg.png") repeat-y top right;
	width:800px;
	min-width:550px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 58px 1em 30px;
	border-left:1px solid #000;
}

#top
{
	border-bottom: 2px solid black;
	padding:0px 20px 1.2em 0px;
}

#topMenu
{
	padding:0.3em 0px 2px 0px;
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	border-bottom:1px solid black;
/*	background-color:#C0B413; */
}

#topMenu ul
{
	margin:0px;
	padding:0px;
}

#topMenu ul li
{
	margin:0px;

	display:inline;
}

#topMenu ul li a
{
	padding:2px 0.2em;
	text-decoration:underline;
}

#subMenu
{
	font-family:arial,sans-serif;
	font-size:0.95em;
	margin:-20px 0px 0px 0px;
	padding:0px 1em 0px 1em;
	text-align:right;
}

#subMenu ul
{
	margin:0px;
	padding:0px;
}

#subMenu ul li
{
	margin:0px;
	padding:0px;
	display:inline;
}

#subMenu li:after
{
	content: " | ";
}

#subMenu li:last-child:after
{
	content: "";
}

#subMenu a
{
	padding:2px;

}

#subMenu a:hover
{
	background-color:#FFBB70;
}


h1
{
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	font-size:3em;
	margin:0px 0px 0.4em 0px;
	padding-top:0.3em;
	color:#000;
	line-height:1.2em;
}


h2
{
	font-family:verdana,arial,sans-serif;
	font-weight:normal;
	color:#403C06;
	margin-top:0px;
	margin-bottom:0em;
	line-height:1em;
}

/* used for paragraph headings */
h3{
	background:#C0B413 url("images/smBlank.png") no-repeat 0.5em 0.5ex;
	font-family:verdana,arial, sans-serif;
	font-size:1.2em;
	color:#000;
/*	border: 1px solid #000; 
	border-width:1px 1px 1px 1px; */
	margin:0px;
	padding:0.1em 0.4em 0.2em 2em;
	line-height:1.2em;
}

a
{
	color:#000;
	text-decoration:underline;
}

a:hover
{
	background-color:#F0E330;	
}

img
{
	border:none;
}

a:hover img
{
	background:none;
}


#maincontent
{
}

.textBox
{
	border:1px solid #C0B413;
	border-width:0px 1px 1px 1px;
	margin-bottom:2.5em;
	margin-top:0px;
	padding:1em 1.5em 1em 1.5em;
	background-color:#FFF780;
}

p{
	padding:0px;
	margin:0px 0px 0.5em 0px;
}

blockquote
{
/*	border:1px solid #e5d816; */
	padding:1em 25px 1em 30px;
	margin:0px;
	line-height:2em;
	font-style:italic;
}

.quoteopen
{
	float:left;
	height:20px;
	width:20px;
	padding:0px;
	background: url("images/quoteopen.png") no-repeat;
	margin: 0px 5px 5px 0px;
}

.quoteclose
{
	float:right;
	height:20px;
	width:20px;
	background:url("images/quoteclose.png") no-repeat;
	margin: -22px 0px 0px 0px;
}

#announcement
{
	border:2px solid #440044;
}

ul
{
	list-style-image:url("images/smArrow.png");
}

ul li
{
	padding:0px;
	margin:0px 0px 1.4em 0px;
}

#bottommenu
{
	text-align:center;
	clear:both;
}

#bottommenu ul
{
	margin:0px;
	padding:0px;
}

#bottommenu ul li
{
	margin:0px;
	display:inline;
}

#bottommenu ul li a
{
	padding:0px 0.2em;
	text-decoration:underline;
}

/* add dynamic content for verbars between lists */
#bottommenu li:after
{
	content: "|";
}

#topMenu li:after
{
	content: "|";
}


/* but we don't want one after the last li */
#bottommenu li:last-child:after
{
	content: "";
}

#topMenu li:last-child:after
{
	content: "";
}


#insideleftfordyslexics
{
	font-family:"comic sans ms", verdana, arial, sans-serif;
	float:left;
	width:46%;
	font-size:140%;
	margin-right:1%;
	line-height:1.7em;
}

#insideleftfordyslexics .textBox
{
	padding: 0.5em 1em;
	border-width:0px 0px 0px 0px;
}

#insideleftfordyslexics h3
{
	border-width:0px 0px 0px 0px;
}


#insideright
{
	float:right;
	width:50%;
}


ul.menu
{
	border:1px solid black;
	line-height:2.5em;
	list-style: inside url('images/smArrow.png');
	margin:0px;
	padding:0px;
}

#footer
{
	text-align:center;
	padding-top:0.6em;
	color:#333;
	clear:both;
}

.extract
{
	display:block;
	background-color:#fff;
	font-family:courier,monospace;
	font-size:1.4em;
	padding:1em 3em;
	border:1px dashed black;
	margin:1em 0em;
}

/* to finish off the rhs border background image */
#bottomgraphic
{
	background:#FFF9A3 url("images/bottom_bg.png") no-repeat top right;
	width:800px;
	min-width:550px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 58px 0px 30px;
	border-left:1px solid #000;
	height:20px;
}

/* used for goldenwebawards and w3 graphics */
#footerimages img
{
	margin:6px auto;
	display:block;
	padding:0px;
	border:1px solid #e5d816;
}

#counterText
{
	color:#C0B413;
	text-align:right;
}

label,input 
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label 
{
	text-align: right;
	width: 180px;
	padding-right: 10px;
}

br 
{
	clear: left;
}