/*

Stylesheet that contains all elements used by the website AND by the Editor.
This is so that the way the site looks in the editor is the same as on the actual
content of the site. This stylesheet should not contain rogue classnames that are not
prefixed with a tag.

eg.

.myclass is invalid
p.myclass is valid

This is because when you right click on a tag in the editor, it only lists classes that relate to that tag.
If you place classes here without a prefix, they appear in every list of classes because the editor doesn't know
where to put them.

To include classes that you want the Editor to ignore, place them after this line.
--------------------------------------------------------------------------------*/


/*MAIN STATIC TEMPLATE
=======================================*/
		#operafix{
			height:1%;
		}		
		#tpl_siteframe{
			width:75%;
			margin-right:auto;
			margin-left:auto;
			max-width:750px;
			min-width:530px;
			padding-bottom:20px;
			padding-left:10%;
			padding-right:10%;
			position:relative;
		}
		#tpl_frost_left{
			position:absolute;
			left:0px;
			top:40px;
			width:10%;
		}
		#tpl_frost_right{
			position:absolute;
			right:0px;
			top:40px;
			width:10%;
		}
		#tpl_frost_left,
		#tpl_frost_right{
			overflow:hidden;
			width:85px;
			height:474px;
			background-image:url("/images/template/frosted.png");
			background-repeat:no-repeat;
			background-position:top left;
		}
		#tpl_logo{
			text-align:center;
			height:48px;
		}
		#tpl_logo h1{
			margin:0px;
			padding:0px;
		}
		#tpl_headerbar{
			background-repeat:no-repeat;
			background-position:top left;
			height:155px;
			border-bottom:1px solid #8457B4;
			width:100%;
			overflow:hidden;
		}
		#tpl_maincontent{
			color:#000000;
			background-color:#ffffff;
			height:1%;

		}
		#tpl_page{
			background-image:url("/images/template/page_bg_top.jpg");
			background-repeat:repeat-x;
			background-position:top left;
			padding:60px 20px 0px 20px;
			min-height:120px;
			height:1%;
		}

		#tpl_breadcrumbs{
			font-size:0.9em;
			text-align:right;
			padding-bottom:10px;
		}
		#tpl_sitemap{
			padding:0.3em 15px 0px 15px;
		}
		#tpl_sitemap a{
			color:#ffffff;
			background-color:inherit;
		}
		#tpl_sitemap a:hover{
			color:#FEB8FE;
			background-color:inherit;
			text-decoration:underline;
		}


/* TOP NAVIGATION
========================================*/
#tpl_topbar{
	color:#ffffff;
	background-color:#7545A7;
	background-image:url("/images/template/topbar_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:2.5em;
}
	/*LEVEL 01
	------------------------- */
	#tpl_topbar ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}

	#tpl_topbar ul li{
		float:left;
		text-align:center;
		position:relative;
		background-image:none;
		white-space:nowrap;
		margin:0px;
		padding:0px;
		border-right:1px solid #C1A3E0;
	}

	#tpl_topbar ul li a{
		color:#ffffff;
		background-color:inherit;
		text-decoration:none;
		display:block;
		cursor:pointer;
		height:2.5em;
		background-repeat:no-repeat;
		background-position:top left;
		/* Must do an IE lt 6 then width:10px;white-space:nowrap*/
	}

	#tpl_topbar ul li a span{
		color:#ffffff;
		background-color:inherit;
		display:block;
		cursor:pointer;
		padding:0.5em 8px 0px 23px;
		height:1.8em;
		background-repeat:no-repeat;
		background-position:5px 0.75em;
		background-image:url("/images/template/nav_bullet01.gif");
	}
	
	#tpl_topbar ul li a.selected{
		color:#FFCC00;
		background-color:#8FB766;
		font-weight:bold;
		background-image:url("/images/template/tab_left_over.gif");
		background-repeat:repeat-x;
	}

	#tpl_topbar ul li:hover a,
	#tpl_topbar ul li.over a{
		color:#663399;
		background-color:#68369B;
		background-image:url("/images/template/tab_left.gif");
		background-repeat:repeat-x;
		background-position:top left;
	}
	#tpl_topbar ul li li{
		display:none;		
	}


	/* LEVEL 02
	------------------------- */
	#tpl_topbar ul li ul{
		top:2.8em;
		left:-1px;
		position:absolute;
		color:#ffffff;
		background-color:#68369B;
		display:none;
		border:1px solid #C1A3E0;
		border-top:none;
		font-size:0.9em;
	}
	#tpl_topbar ul li ul li{
		border:none;
	}
	#tpl_topbar ul li:hover ul,
	#tpl_topbar ul li.over ul{
		display:block;
		background-image:url("/images/template/dropdown_bg.gif");
		background-repeat:repeat-x;
		background-position:top left;
	}

	#tpl_topbar ul li:hover ul li,
	#tpl_topbar ul li.over ul li{
		display:block;
		text-align:left;
		margin:0px;
		padding:0px;
		float:none;
		width:20em;
	}

	#tpl_topbar ul li ul li span{
		padding:2px;
		display:block;
		width:15em;
	}

	#tpl_topbar ul li:hover ul li a,
	#tpl_topbar ul li.over ul li a{
		background-image:none;		
		display:block;
	}

	#tpl_topbar ul li:hover ul li span,
	#tpl_topbar ul li.over ul li span{
		padding:0.6em 5px 0px 10px;
		background-image:none;
		font-weight:normal;
		height:2.4em;
	}

	#tpl_topbar ul li:hover li a:hover,
	#tpl_topbar ul li:hover li a.selected,
	#tpl_topbar ul li.over li a:hover,
	#tpl_topbar ul li.over li a.selected{
		color:#ffffff;
		background-color:#462468;
	}

/* BOTTOM BAR
----------------------------- */
#tpl_bottombar{
	background-image:url("/images/template/footer_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:100px;
}

#tpl_inco{
	color:#139544;
	background-color:inherit;
	text-align:center;
	font-size:0.8em;

}
#tpl_inco a{
	color:#139544;
	background-color:inherit;
	text-decoration:underline;
}
#tpl_inco a:hover{
	color:#000000;
	background-color:inherit;
}

/* NEWS BOX - FRONT PAGE */
#newspreview{
	height:1%;
	margin-left:15px;
}

/* Box used inside Preview Boxes to provide a global style */
.box .btop01,
.box .bbot01{
	font-size:1px;
}

/*SEARCH
========================================*/
#tpl_searchbox{
	text-align:right;
}
#tpl_searchbox form{
	margin:0px 0px 10px 0px;
	padding:0px;
}
#tpl_searchbox p{
	display:inline;
	padding-right:3px;
}
#tpl_searchbox input{
	vertical-align:middle;
}
#tpl_searchbox .button input{
	margin-top:1px;
}
.searchHL{
	color:#007700;
	background-color:#e0ffe0;
}

/* CONTACT FORM */
#contactform #your_message{
	width:50%;
}

/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both;font-size:1px;height:1px;line-height:1px;}
		.textright		{text-align:right;}
		.textleft		{text-align:left;}
		.textcenter		{text-align:center;}
		.hidden			{display:none;}
		.nobotgap		{padding-bottom:0px;margin-bottom:0px;}
		.notopgap		{padding-top:0px;margin-top:0px;}
		.nogaps			{padding:0px;margin:0px;}
		.nobullets li	{background-image:none;
						 list-style-type:none;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:85%;}
		.relative_top-2	{position:relative;top:-2px;left:0px;}
		.icon			{vertical-align:middle;}
		.icon_border	{vertical-align:middle;border:1px solid #000000;margin:2px;}
		.mandatory		{color:red;font-weight:bold;background-color:#ffffff;}
		.printheader	{display:none;}
		table.layout	{border:none;}
		table.layout td	{border:none; padding-bottom:15px;}


/*ERROR MESSAGES
=======================================*/

		#okmsg,
		#errormsg,
		#mysqlerror{
						margin-bottom:15px;}
		#okmsg h1{	
						color:#279876;
						background-color:#f5fff5;;
						font-weight:normal;}
		#errormsg h1{
						color:#cc0000;
						background-color:#fff5f5;
						font-weight:normal;}
		#mysqlerror	h1{	color:#0000cc;
						background-color:#f5f5ff;
						font-weight:normal;}
		#okmsg div{		border:1px solid #229922;
						color:#000000;
						background-color: #f5fff5;
						padding:5px;}
		#errormsg div{	border:1px solid #cc0000;
						color:#000000;
						background-color: #fff5f5;
						padding:5px;}
		#mysqlerror div{border:1px solid #0000cc;
						color:#000000;
						background-color: #f5f5ff;
						padding:5px;}
		#errormsg li,
		#errormsg ul,
		#okmsg li,
		#okmsg ul,
		#mysqlerror li,
		#mysqlerror ul{
						padding:0px;
						margin:0px;}	




/*--------------------------------------------------------------------------------
Styles above here will not be included in the editor.
This is because the CSS will be divided into 2 parts using the split tag below
*/
/*<SPLIT>*/



body{
	color:#ffffff;
	background-color:#99F8B6;
	font-family:Trebuchet,"Trebuchet MS",Arial,sans-serif;
	font-size:0.75em;
	background-image:url("/images/template/canvas_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	margin:5px 0px 0px 0px;
}

h1{
	color:#663399;
	background-color:inherit;
	margin-top:0px;
	font-size:1.8em;
	letter-spacing:-1px;
	font-weight:bold;
}
h2{
	color:#0CA007;
	background-color:inherit;
	font-size:1.3em;
	font-weight:bold;
}
h3{
	color:#000000;
	background-color:inherit;
	font-size:1.1em;
}
h4,h5,h6{
	color:#000000;
	background-color:inherit;
	font-size:1em;
}
p{
	margin-bottom:0px;}

a,a:visited{
	color:#3966C4;
	background-color:inherit;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
hr{
			margin:0px;
			text-align:left;}

img		{	border:0px}
kbd		{	padding:0px 1px 0px 1px;
			border-width:1px 2px 2px 1px;
			border-style:solid;}
abbr	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
acronym	{	border-bottom:1px dashed #aaaaaa;
			cursor:help;}
dfn		{	font-style:normal;
			border-bottom:1px dashed;
			cursor:help;}
code	{	font-family: courier, monospace;
			padding-left:1px;
			padding-right:1px;}
samp	{	font-family: courier, monospace;
			border:1px solid #cccccc;
			color:#000000;
			background-color:#ccffcc;
			padding-left:1px;
			padding-right:1px;}
blockquote{
			color:#000000;
			background-color:#eeeeee;
			border:1px solid #888888;
			padding:5px;}
table,
table.layout table{
			border:1px solid #777777;}
th,
table.layout th th{
			font-weight:bold;
			padding:1px 3px 1px 3px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			background-repeat:repeat-x;
			background-position:top left;
			border-bottom:1px solid #666666;}
td,
table.layout td td{
			border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:1px 3px 1px 3px;
			text-align:left;}
ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;}
li		{	padding-left:14px;
			background-image:url("/images/template/bullet.gif");
			background-repeat:no-repeat;
			background-position:0em 0.4em;
			list-style-type:none;
			margin-bottom:4px;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}

ul.previewOnMain li a {
	color: #3966C4;
	background-color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}

ul.previewOnMain li a:hover {
	text-decoration: underline;
}

/*CLASSES USED BY THE EDITOR*/
img.vertical_middle{	vertical-align:middle;}
p.blockbutton		{	width:10em;
						border:1px solid #999999;}
p.blockbutton a		{	color:#ffffff;
						background-color: #3c5dac;
						display:block;
						font-weight:bold;
						padding:5px;
						margin:1px;}
p.blockbutton a:hover{	color:#ffffff;
						background-color:#6281c8;}
div.left{text-align:left;}
div.right{text-align:right;}
div.center{text-align:center;}

p.left				{	text-align:left;}
p.center			{	text-align:center;}
p.right				{	text-align:right;}
span.underline		{	text-decoration:underline;}
span.strikethrough	{	text-decoration:line-through;}
span.highlight		{	color:green;
						background-color:inherit;
						text-decoration:underline;
						font-weight:bold;}
span.smalltext		{	font-size:0.85em;}
span.bigtext		{	font-size:1.3em;}
span.biggertext		{	font-size:1.7em;}
hr.clearall			{	clear:both;}

ul.square 			{	list-style-type:square;}
ul.circle			{	list-style-type:circle;}
ul.disc				{	list-style-type:disc;}
ol.lower-alpha		{	list-style-type:lower-alpha;}
ol.upper-alpha		{	list-style-type:upper-alpha;}
ol.lower-roman		{	list-style-type:lower-roman;}
ol.upper-roman		{	list-style-type:upper-roman;}
ol.numeric			{	list-style-type:decimal;}
ol.numeric_zeropad	{	list-style-type:decimal-leading-zero;}

li.alpha			{	list-style-type:lower-alpha;}
li.square			{	list-style-type:square;}
li.circle			{	list-style-type:circle;}
li.disc				{	list-style-type:disc;}
li.lower-alpha		{	list-style-type:lower-alpha;}
li.upper-alpha		{	list-style-type:upper-alpha;}
li.lower-roman		{	list-style-type:lower-roman;}
li.upper-roman		{	list-style-type:upper-roman;}
li.numeric			{	list-style-type:decimal;}
li.numeric_zeropad	{	list-style-type:decimal-leading-zero;}
li.alpha			{	list-style-type:lower-alpha;}
table.layout		{	}