*
{
	margin:				0;
	padding:			0;
	box-sizing: 		content-box;
	-moz-box-sizing:	content-box;
}

html 
{ 
	min-height:			101%;
	font-size: 100.01%; /* IE hack */ 
}

body
{
	min-height:			101%;
	font:				normal 70%/1.6 Verdana, Helvetica, sans-serif;
	color:				#000;
	background-color:	#6563ad;
	_text-align:		center;	/*center outer div in ie5.x */
}

div#outer
{
	width:				950px;
	margin:				0 auto;
	text-align:			left;
	/*background-color:	#262261;*/
}

div#content
{
	/*border:				5px solid #ccc;
	padding:			5px;
	margin-bottom:		30px;*/
	background-color:	#FFFFFF;
}

/*
	force the border of the content div to surround any floats, this
	BR is the last tag before the closing tag of that div
*/
div.clear
{
	clear:	both;
}

/*
	these prevent cascading and dodgy sizing, specifically in IE5.x
*/
table, input, select, th, td { font-size: 100.01%; }

ul,ol
{
	padding-left:		2em;
	margin-bottom:		1em;
}

img
{
	border-style:	none;
}

table
{
	border-collapse:	collapse;
}

td
{
	vertical-align:	top;
	text-align:	left;
	padding:	5px;
}

th
{
	vertical-align:	top;
	text-align:	right;
	padding:	5px;
}


table.border,
table.border th,
table.border td
{
	border:		1px solid #999;
	text-align:	left;
	vertical-align:	top;
}

table.border,
table.center
{
	margin: 0 auto;
}




h1
{
	font-size:			1.33em;
	margin-bottom:				0.75em;
	color:		#333092;
	font-weight:	bold;
}

h2
{
	font-size:			1.33em;
	margin-bottom:				0.75em;
	color:		#333092;
	font-weight:	bold;
}

h3
{
	font-size:			1.1em;
	margin-bottom:				0.3em;
	color:		#333092;
}

h4
{
	font-size:			1.1em;
	margin-bottom:				0.3em;
	color:		#333092;
	font-weight:	normal;
}

h5
{
	font-size:			1.5em;
	margin-bottom:				0.66em;
	color:		#333092;
	font-weight:	normal;	
}


p
{
	font-size:			1em;
	margin-bottom:				1em;
}


/*
	image alignment
*/

div.image_left
{
	float: left;
	margin-right: 10px;
}

div.image_right
{
	float: right;
	margin-left: 10px;
}

div.image_left img,
div.image_right img
{
	display: block;	/* kill descender space */
}




/*
	TOP
	HEAD
	MENU
	MAIN
	FOOT
*/

/*
	top is a bunch of SEO links grey on white
*/
div#top
{
	color:		#ffffff;
	font-size:	0.9em;
	padding:	2px 20px;
	margin-top:	5px;
	background-image:	url(../img/div_top.gif);
}

div#top ul
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#top li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
	border-left:	1px solid #ffffff;
}

div#top li.first_child
{
	border-left: none;
}

div#top a
{
	color:		#ffffff;
	text-decoration: none;
}
/*
	head is main logo and copyline
*/
div#head
{
	background-image:	url(../img/div_head.png);
	height:		135px;		/* underlaps the main menu */
	overflow:	hidden;		/* hides accessibility H1 from normal browsers */
	
	position:	relative;
	z-index:	1;
}

div#head h1
{
	position:	relative;	/* hide from normal browsers */
	left:		-1000px;
}

/*
	menu is a tab-like setup under head
*/
div#menu
{

	position:	relative;
	z-index:	2;
	
	margin-top:	-23px;
	min-height:		23px;
	padding-left:	25px;
	/*margin-bottom:	20px;
	
	
	background-color:	yellow;*/
}

div#menu ul
{
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#menu li
{
	display: block;
	float: left;
	min-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 3px 8px 0 8px;
	background-image:	url(../img/div_menu_li.gif);
}

div#menu li.first_child
{
	background-image:	url(../img/div_menu_li_left_bezel.gif);
}

div#menu li.last_child
{
	background-image:	url(../img/div_menu_li_right_bezel.gif);
	padding: 3px 0 0 0;
	width:4px;
	margin-left: -4px;
}
/*
div#menu li span
{
	display: block;
	float:		right;
	height:		22px;
	width:		4px;
	margin:		-3px -8px 0 0;
	background-image:	url(../img/div_menu_li_right_bezel.gif);
}
*/
div#menu a
{
	color:		#FFFFFF;
	text-decoration: none;
	text-transform: none;
	margin-top:   10px;
	font:				normal 90% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#menu a:hover
{
	text-decoration: underline;
}



div#menu_underline
{
	background-image:	url(../img/div_menu_underline.png);
	height:		15px;
}

/*
	main holds the page content
*/
div#main
{
	
}

/*
	foot is basically a copyright notice under the page
*/
div#foot
{
	color:	#999999;
	font-size:	0.8em;
	padding:	2px 25px;
	border-top: 1px solid #6563ad;
}

div#foot b
{
	color:		#333092;
	font-weight:	bold;
	font-size:	1.25em;
	line-height:	30px;
}

div#foot span
{
	float: right;
	line-height:	30px;
}

/*
	top of home page
*/
div.home
{
	width:		900px;
	margin-left:	25px;
	margin-top:		18px;
	margin-bottom:	0px;
	float:	left;
}

/*
	big, single page
*/
div.one
{
	width:		900px;
	margin-left:	25px;
	margin-top:		15px;
	margin-bottom:	0px;
	float:	left;
}




/*
	for two column layout use two of these
*/
div.two_text
{
	width:		465px;
	margin-left:	25px;
	margin-top:		20px;
	margin-bottom:	20px;
	float:	left;
}	

div.two_images     /* used on top menu pages only - images should be 380px wide */
{
	border:		5px solid #CCCCCC;
	padding: 10px;
	margin-right:	25px;
	margin-top:		20px;
	margin-bottom:	5px;
	float:	right;
}	

div.resout
{
	width:		410px;
	float:	left;

}

div.two_resources
{
	width:		400px;
	border:		5px solid #CCCCCC;
	margin-left:	25px;
	margin-top:		20px;
	margin-bottom:	20px;
	float:	left;
}	

div.two p
{
	color:	#999999;
}

div.two p b
{
	color:	#000000;
}


/*
	image frame inner to space off from border boxes
*/
div.image_Large
{
	margin:	10px;
}

/*
	thumbnails under a Large image
*/
div.reslist
{
	padding-left: 10px;
}

div.gallery
{
	width:	170px;
	float:	left;
	/*background-color:	yellow;*/
}

div.gallery p,
div.gallery_wide p
{
	/*margin-left:	10px;*/
	color:		#333092;
	font-weight:	bold;	
}

div.gallery img,
div.gallery_wide img
{
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}


/*
	media library list/links
*/
div.media
{
	float:	left;
	clear:	left;
	/*background-color: orange;*/
}

div.media p
{
	color:		#333092;
	font-weight:	bold;	
}

div.media span
{
	display:	block;
	margin-bottom:	3px;
	
	/*
					GARY : IF YOU WANT TWO MEDIA ITEMS ACROSS UNCOMMENT THIS BIT
	float: left;
	width:		190px;
	*/
}


span.resource_item img,			/* admin act edit */
div.media span img
{
	vertical-align: middle;
}

div.media span a
{
	text-decoration: none;
}




/*
	remove inline descender space
*/
div.image_Large img
{
	display: block;
}









div#CatGrid
{
	width: 930px;
	margin-left: 15px;
}

div#CatGrid div
{
	/*padding: 5px;
	background-color: orange;*/
	float: left;
	width: 172px;
	/*clear: left;
	height:	140px;*/
	margin-left:	10px;
	margin-bottom:	10px;
	text-align:	center;
	/*background-image:	url(../img/172_150_round.gif);*/
}

div#CatGrid div a
{
	display: block;
	color:		#333092;
	font-weight:	bold;
	text-decoration: none;
}



/*
	Category.aspx
*/

div#CatHeaderMid
{
	padding:	0 0px;
}

div#CatHeaderTop
{
	height:		10px;
	
}

div#CatHeaderBot
{
	height:		10px;
	
	clear:	both;
}


div#ActList
{
	clear:	both;		/* image in cat' summary header is floated */
}

div.ActPanel
{
	clear:	both;		/* clear previous act */
	padding: 0px;
}



div#Adverts
{
	width: 910px;
	margin-left: -5px;
	clear: both;
	margin-top: 10px;
}

div#Adverts table
{	
	padding: 0px;
}

/*
div#Adverts div
{
	float: left;
	width: 172px;
	margin-left:	10px;
	margin-bottom:	10px;
	text-align:	center;
}*/

div.set_list ul
{
	float:	left;
	width:	200px;
}


div.email_us     
{
	float:	right;
}