/*

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{
			color:#444444;
			background-color:#ffffff;
			width:98%;
			margin:15px auto 15px auto;
			max-width:980px;
			min-width:550px;
		}
		#tpl_siteframe_inner{			
			background-image:url("/images/template/rightbar_bg.gif");
			background-repeat:repeat-y;
			background-position:top right;
			height:1%;
			border:10px solid #ffffff;
		}

		/* SHADOW
		==================== */
		#tpl_shadowleft	{
			background-image:url("/images/template/shadow_right.jpg");
			background-repeat:repeat-y;
			background-position:top right;
			height:1%;}
		#tpl_shadowright{
			background-image:url("/images/template/shadow_left.jpg");
			background-repeat:repeat-y;
			background-position:top left;
			height:1%;}
		#tpl_shadowtop	{
			background-image:url("/images/template/shadow_top.jpg");
			background-repeat:repeat-x;
			background-position: top left;
			height:1%;}
		#tpl_shadowtop .shadowtopleft{
			background-image:url("/images/template/shadow_topleft.jpg");
			background-repeat:no-repeat;
			background-position:top left;}
		#tpl_shadowtop .shadowtopright{
			background-image:url("/images/template/shadow_topright.jpg");
			background-repeat:no-repeat;
			background-position:top right;
			font-size:1px;
			height:21px;}
		#tpl_shadowbot	{
			background-image:url("/images/template/shadow_bot.jpg");
			background-repeat:repeat-x;
			background-position: bottom left;}
		#tpl_shadowbot .shadowbotleft{
			background-image:url("/images/template/shadow_botleft.jpg");
			background-repeat:no-repeat;
			background-position:top left;}
		#tpl_shadowbot .shadowbotright{
			background-image:url("/images/template/shadow_botright.jpg");
			background-repeat:no-repeat;
			background-position:top right;
			height:21px;
			font-size:1px;}
		#tpl_shadowcontainer{
			padding-left:20px;
			padding-right:20px;
			height:1%;}


		/* HEADER
		================= */
		#tpl_header{
			background-image:url("/images/template/main_logo_bg.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
			height:100px;
			position:relative;
		}
		#tpl_headermenu{
			position:absolute;
			bottom:15px;
			right:10px;
		}
		#tpl_headermenu img{
			border-left:1px solid #dddddd;
			padding-left:5px;
			margin-left:10px;
		}

		/* HEADER 2
		================== */
		#tpl_header2{
			height:175px;
			background-image:url("/images/template/header_image01.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			border-top:1px solid #ffffff;
			position:relative;
		}
		#tpl_header2_foot{
			color:#888888;
			background-color:#F3F1E6;
			font-size:0.85em;
			background-image:url("/images/template/header_bottom_bg.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
			padding:3px 8px 15px 8px;
			border-top:1px solid #ffffff;
			border-right:1px solid #ffffff;
			text-align:right;
		}
		#tpl_header2_foot a{
			color:#888888;
			background-color:inherit;
			text-decoration:none;
		}
		
		/* NAVIGATION - LEVEL 01
		======================== */
		#tpl_nav_frame{
			color:#ffffff;
			background-color:#E72835;
			height:3.5em;
			border-top:2px solid #ffffff;
		}

		#tpl_nav01 ul{
			margin:0px;
			padding:0px;
			list-style-type:none;
		}

		#tpl_nav01 ul li{
			line-height:3.5em;
			margin:0px;
			padding:0px;
			background-image:none;
		}

		#tpl_nav01 ul li a{
			color:#ffffff !important;
			background-color:inherit;
			background-image:url("/images/template/nav_lev01_bg.gif");
			background-repeat:repeat-y;
			background-position:top left;
			display:block;
			padding:0px 10px 0px 10px;
			border-right:1px solid #ffffff;
			text-decoration:none;
		}

		#tpl_nav01 ul li a:hover,
		#tpl_nav01 ul li a.selected{
			color:#ffffff;
			background-color:#88837C;
			background-image:url("/images/template/nav_lev01_bg2.gif");
			background-repeat:repeat-x;
			background-position:bottom left;
		}

		#tpl_nav01 ul li a.selected{
			border-bottom:none;
		}			
		
		/* NAVIGATION - LEVEL 02
		======================== */
		#tpl_nav02_frame{
			color:#ffffff;
			background-color:#000000;
			background-image:url("/images/template/nav_lev02_bg.jpg");
			background-repeat:no-repeat;
			background-position:bottom right;
			height:155px;
			overflow:auto;
			width:280px;
			border-left:1px solid #ffffff;
			position:absolute;
			top:0px;
			right:0px;
			padding:10px;
		}
		#tpl_nav02_frame h2{
			font-size:1.1em;
			color:#ffffff;
			background-color:inherit;
			text-transform: uppercase;
			letter-spacing:4px;
			margin-right:50px;
			border-bottom:1px dotted #666666;
			padding-bottom:5px;
		}
		#tpl_nav02 ul li{
			background-image:url("/images/template/nav_lev02_bullet.gif");
			background-repeat:no-repeat;
			background-position:0em 0.3em;
			padding:0.2em 5px 0.2em 15px;
		}
		#tpl_nav02 ul li a{
			color:#cccccc;
			background-color:inherit;
			text-decoration:none;
		}
		#tpl_nav02 ul li a:hover{
			color:#ffffff;
			background-color:inherit;
		}
		#tpl_nav02 ul li a.selected{
			color:#ffffff;
			background-color:inherit;
			font-weight:bold;
			border-bottom:1px solid #cccccc;
		}

		#tpl_header2 .iconfloat{
			position:absolute;
			top:-32px;
			right:0px;
		}

		/* MAIN CONTENT AREA
		======================== */
		#tpl_maincontent{
			margin-right:260px;
			height:1%;			
		}
		#tpl_page{
			padding:10px 15px 15px 0px;
			height:1%;
		}
		#tpl_pagedivider{
			background-image:url("/images/template/page_divider.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
		}
			

		/* RIGHT BAR
		======================== */
		#tpl_rightbar{
			width:259px;
		}
		#tpl_rightbar h2{
			color:#555555;
			background-color:inherit;
			font-size:1.1em;
			text-transform: uppercase;
			letter-spacing:3px;
			background-image:url("/images/template/rightbar_head_bg.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
			padding:6px;
			font-weight:normal;
			margin-top:0px;
		}
		#tpl_rightbar .marginleft{
			margin-left:15px;
		}
		#tpl_rightbar #tpl_rightbar_news .btop01,
		#tpl_rightbar #tpl_rightbar_news .bbot01{
			display:none;
		}
		#tpl_rightbar #tpl_rightbar_news li{
			padding-left:0px;
			background-image:none;
			font-size:0.9em;
			border-bottom:1px dotted #dddddd;
		}
		.readmore a{
			background-image:url("/images/template/page_bullet.gif");
			background-repeat:no-repeat;
			background-position:0em 0.2em;
			padding-left:15px;
		}
		
		/* FOOTER BAR
		====================== */
		#tpl_footerbar{
			color:#ffffff;
			background-color:#E72835;
			border-top:10px solid #ffffff;
			padding:15px;
		}
		#tpl_footerbar a{
			color:#ffffff;
			background-color:inherit;
		}

		/* GALLERY ADDITIONS - PAGE FOOTER
		================================== */
		#tpl_projgallery h2{
			color:#555555;
			background-color:inherit;
			font-size:1.1em;
			text-transform: uppercase;
			letter-spacing:3px;
			font-weight:100;
			margin-bottom:0px;
		}
		#tpl_projgallery p{
			margin:0px 0px 10px 0px;
			padding:0px;
		}
		#tpl_projgallery .thumbnail_image{
			background-image:url("/images/template/gallery_shadow.gif");
			background-repeat:repeat-x;
			background-position:bottom left;
			padding-bottom:15px;
			margin-right:4px;
		}

/*SEARCH
========================================*/
.searchHL{
	color:#ffffff;
	background-color:#005500;
	border-bottom:1px dotted #C298C9;
}
.se_text {
	color:#777777;
	background-color:inherit;
	font-size:0.9em;
}



/* NEWS
========================================*/
.previewOnMain li{
	background-position:0em 0.4em;
}
.previewOnMain li a{
	clear:right;
}
		
/*QUICKLINKS TOP
========================================*/
#qlinks_top li{
	display:inline;
}


/*COMMON CLASSES - Used for most sites
=======================================*/
		.clearleft		{clear:left;}
		.clearright		{clear:right;}
		.clear			{clear:both;font-size: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;}
		.overflow		{overflow:auto;width:99.9%;}
		.width100percent{width:100%;}
		.width90percent	{width:90%;}
		.width80percent	{width:80%;}
		.width50percent	{width:50%;}
		.smalltext		{font-size:0.9em;}
		.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;}
		.readmore		{display:block;text-align:right;}



/* SYSTEM MESSAGES - STANDARD
=======================================*/

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

/* SYSTEM MESSAGES - Template Based
These are usually called because something has been called within the main outer template and
messages may need to appear in those specific places.*/
.intemplate_error{
	color:#dddddd;
	background-color:#A43575;
	border:1px solid #B44585;
	padding:3px;
	font-size:0.9em;
}


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


/* FRONT PAGE  - SERVICES BOXES
=============================== */

body	 {
	color:#000000;
	background-color:#EEEBDE;
	font-family:Tahoma,Arial,"Trebuchet MS",Trebuchet,sans-serif;
	font-size:0.75em;
}

h1{
	color:#757063;
	background-color:inherit;
	font-family:Tahoma,Arial,"Trebuchet MS",Trebuchet,sans-serif;
	font-size:1.8em;
	letter-spacing:-1px;
	font-weight:100;
	margin-top:0px;
}
h2{
	color:#E72835;
	background-color:inherit;
	font-family:Tahoma,Arial,"Trebuchet MS",Trebuchet,sans-serif;
	font-size:1.2em;
}

h3{
	color:#000000;
	background-color:inherit;
	margin-bottom:0px;
	font-size:1.1em;
}

form{
	margin:0px;
	padding:0px;
}

a{
	color:#0066CC;
	background-color:inherit;
	text-decoration:underline;
}
a:visited{
	color:#0066CC;
	background-color:inherit;
}
a:hover{
	color:#000000;
	background-color:inherit;
}
p{
	line-height:1.5em;
}

hr{			line-height:1px;
			height:1px;
			color:#ffffff;
			background-color:#000000;
			border-top:1px dotted #aaaaaa;
			margin:0px;
			padding: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	{	border:1px solid #777777;}
th		{	font-weight:bold;
			padding:5px 3px 5px 3px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			background-repeat:repeat-x;
			background-position:top left;
			border-bottom:1px solid #666666;
			background-image:url("/images/template/misc/table_th_bg.gif");}
td		{	border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:1px 3px 1px 3px;}
ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:10px;
			padding-left:0px;
			list-style-type:none;}
li		{	padding:0.2em 5px 0.2em 20px;
			background-image:url("/images/template/page_bullet.gif");
			background-repeat:no-repeat;
			background-position:0em 0.3em;
			list-style-type:none;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}
img		{	border:0px;}


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