/* Css Rest ----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset ----------------------------------------------*/

/* Wireframing for initial Development ------------------------
#container{border:1px solid #000;}
#header{border:1px solid #00FF00;}
#nav{border:1px solid #FFCC00;}
#content{border:1px solid #CC0000;}
#footer{border:1px solid #3300FF;}*/
/* End Wireframing --------------------------------------------*/

/* General Selecter Setup -------------------------------------*/

p{margin:0.5em 0 1em;}

h3,h4,h5,h6 {
	margin:1em 0 0 0;
}

h1{font-size:2em; margin:0 0 0.5em;}
h2{font-size:1.6em; margin:0 0 1em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}

#content ul, #content ol, #content dl{margin:1em 0;}									/* sets margins for lists in content, remember to overwrite for inline
																						or floated lists */
#content ol li{																			/* sets list style for ordered lists in content */
	list-style-type:decimal;
	margin-left:30px;
}
#content li{margin:0 0 0.5em;}															/* sets margin for all lists in content */

#content ul li{																			/* sets the margins and list type for un-ordered lists in content */
	list-style-type:square;																/* overwrite for inline lists and floated lists in the specified div */
	margin:0 0 0 30px;
}
#content .no-bullet li{																	/* use class on ul or ol to remove bullets from content  */
	list-style-type:none;
	margin-left:0;
}
a:link{
	color:#7094c2;
}
a:visited{
	color:#7094c2;
}
a:hover{
	color:#a34040;
	text-decoration:none;
}
a:active{
	color:#7094c2;
}
em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
.centered{
	text-align:center;
}
/* Tiny MCE Styles --------------------------------------------*/

.mceContentBody{
	background:#fff;																	/* sets background to white when editing in CMS */
	color:#222;																			/* sets text colour at a good contrast on white background */
	text-align:left;																	/* to make sure it does not take centre styles from body */
}
.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
.mceContentBody ol li{																			
	list-style-type:decimal;
	margin-left:30px;
}
.mceContentBody li{margin:0 0 0.5em;}															

.mceContentBody ul li{																			
	list-style-type:square;																
	margin:0 0 0 30px;
}
/* End Selecter Setup -----------------------------------------*/

/* General Setup ----------------------------------------------*/

body{
	font-family: "Lucida Grande",Helvetica,Verdana,Arial,sans-serif;	
	font-size:12px;
	line-height:165%;				
	text-align:center;																	/* to centre layout for older browsers, change if layout not centered */
	background:#fff;																	/* to ensure good contrast, white background and dark text*/
	color:#444;
}
.left{																					/* generic float and clear classes */
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}
.clearfix:after {																		/* clearfix enables self clearing floats, add class="clearfix" to */
	content:".";																		/* any floated element to clear itself */
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
.clearfix {display:block;}
	/* End hide from IE Mac */


/* End General Setup ------------------------------------------*/



/* Specific Containers ----------------------------------------*/
/* Header Content ---------------------------------------------*/

#header h1{																				/* set a width on h1 in header and float left to accomodate toplinks */
	width:300px;
	float:left;
	/* text replacement to image ie logo */
	/*text-align:-9999px;*/																/* sets a negative margin on text to place off screen, */
																						/* and sreen readers can still read it */
	/*background:url() no-repeat;*/														
	/*width:100px;*/																	/* set width and height of image */
	/*height:100px;*/
}
#header h1 a{
	display:block;																		/* if you have the h1 linked, ie to homepage, display:block will expand
																						link to dimensions of your image */
}

#toplinks{																				/* links located in top right of header */
	float:right;
	display:block;
	margin:0;
}
#toplinks li{
	float:right;
	padding-right:20px;
}
#toplinks a{
	text-decoration:none;
}
#toplinks a:visited{

}
#toplinks a:hover{
	text-decoration:underline;
}
#toplinks a:active{

}
/* End Header Content -----------------------------------------*/
/* Main Content ---------------------------------------------*/
.box{
	margin:12px 0;
	padding:12px 12px 0;
	border:1px solid #ccc;
}
.gutter{
	margin-right:30px;																	/* add to any div you wish to have right margin */
}
#main-content{
	width:598px;
	float:left;																			/* switch to right if you want side-content on left */
}
#side-content{
	width:290px;
	float:left;
}
#side-content h3, #side-content h4{
	margin-top:0;
}
#side-content-alt{
	width:210px;
	float:left;
}
#side-content-alt h3{
	margin-top:0;
}
ul#vertical-nav{
	padding:0 0px;
}
ul#vertical-nav li{
	list-style-type:none;
	margin:0;
	border-bottom:1px solid #663366;
	background:#660033;
	line-height:25px;
	font-weight:bold;
}
ul#vertical-nav li a{
	display:block;
	padding:0 20px;
	text-decoration:none;
	margin:0;
	width:270px;																		/* set a width as IE6 will not display properly, take into account
																						any padding that has been set anywhere else */
}
ul#vertical-nav li a:hover{
	background:#663366 url(../images/emoticon_surprised.png) no-repeat center right;
	color:#7094c2;
	width:270px;
}
ul#vertical-simple{
	border-top:1px dotted #ccc;
}
ul#vertical-simple li{
	list-style-type:none;
	margin:0;
	border-bottom:1px dotted #ccc;
	line-height:25px;
}
ul#vertical-simple li a{
	text-decoration:none;
}

/* End Main Content ---------------------------------------------*/

/* Footer Content ----------------------------------------------*/

#footer ul{
	text-align:center;																	/* centre footer list content */
}
#footer ul li{
	display:inline;																		/* displays list horzontially */
	padding:6px;
}

/* End Footer Content ------------------------------------------*/

/* ********Form stuff to be moved into own stylesheet************ */ 

form{
	margin:12px 0;
	min-width:580px;																	/* Change values for min and max width, remember to take into  */
	max-width:600px;																	/* account input and label margins and padding plus error img*/
}
form dt{
	float:left;
	width:200px;
	font-weight:bold;
	margin-right:12px;
	line-height:30px;
	display:block;
}
form dd{
	margin-bottom:10px;
	line-height:30px;
	width:370px;
	float:left;
	text-align: left;
}

form select{
	padding:3px;
}

form dd input.text,form dd textarea{
	width:300px;
	padding:6px;
}

/* Form with coloured fieldsets */

form div.fieldset-bg{
	background:#FFF2F2;
	border:1px solid #663366;
	margin-bottom:12px;
	padding:6px;
}
form div.fieldset-bg legend{
	font-weight:bold;
	font-size:14px;
	color:#660033;
}

.errorbox{
	border:1px solid #990000;
	margin:12px;
	padding:0 6px;
}
.errorbox h4{
	color:#990000;
}
.error{
	color:#990000;
	/* background: transparent url(../images/warning.gif) no-repeat center right;*/
}