/*

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
=======================================*/
#tpl_siteframe	{					
					width:92%;
					max-width:800px;
					min-width:500px;
					margin-left:auto;
					margin-right:auto;}
#tpl_innerframe	{	color:#000000;
					background-color:#ffffff;
					position:relative;
					border-right:6px solid #ffffff;
					border-left:6px solid #ffffff;}
#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: bottom 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;}

/* LOGO BAR 
=============== */
#tpl_logobar{
	padding-left:20px;
	padding-right:20px;
	height:100px;
	position:relative;
	top:5px;
	left:0px;
}

/* TOP BAR 01
=============== */
#tpl_topbar01	{	height:150px;
					position:relative;
					background-image:url("/images/template/headimage01.jpg");
					background-repeat:no-repeat;
					background-position:top right;
					margin-bottom:2px;}

/* TOP BAR 02
=============== */
#tpl_topbar02	{	color:#ffffff;
					background-color:#000000;
					border:1px solid #000000; 
					background-image:url("/images/template/A012_topbar02_bg.gif");
					background-repeat:repeat-x;
					background-position:top left;
					margin-bottom:1px;}

/* TOP BAR 02 - SHADOW
====================== */
#tpl_topbar02_shadow{
					clear:right;
					height:10px;
					background-image:url("/images/template/A012_topbar02_shadow.gif");
					background-repeat:repeat-x;
					background-position:top left;
					font-size:1px;}

#tpl_topbar02 a	{	color:#ffffff;
					background-color:inherit;
					text-decoration:none;}
#tpl_topbar02 a:hover{
					text-decoration:underline;}

/* TOP BAR 02 - Links
================ */
#tpl_topbar02_links{
					padding:0px;
					font-size:0.9em;}
#tpl_topbar02_links a{
					color:#ffffff;
					background-color:inherit;
					text-decoration:none;
					border-bottom:3px solid #CC3300;
					padding:8px 10px 9px 10px;
					border-left:1px solid #333333;}
#tpl_topbar02_links a:hover{
					color:#eeeeee;
					background-color:#222222;
					text-decoration:none;}
#tpl_topbar02_links div.dummy{padding:10px;}





/* LEFT BAR
================ */
#tpl_leftbar	{	width:175px;}


/* LEFT BAR - HEADING
=============== */
#tpl_leftbar_head{	color:#ffffff;
					background-color:#DF0000;
					border:1px solid #DF0000; 
					background-image:url("/images/template/A012_leftbar_head_bg.gif");
					background-repeat:repeat-x;
					background-position:top left;
					padding:10px 10px 10px 5px;
					font-size:0.9em;}


/* BOTTOM BAR
================ */
#tpl_botbar01	{	clear:both;
					text-align:right;
					color:#ffffff;
					background-color:#DF0000;
					border:1px solid #DF0000; 
					background-image:url("/images/template/A012_leftbar_head_bg.gif");
					background-repeat:repeat-x;
					background-position:top left;
					padding:10px;
					font-size:0.9em;
					height:1%;}
#tpl_botbar01 a	{	color:#ffffff;
					background-color:inherit;
					text-decoration:none;}
#tpl_botbar01 a:hover{
					text-decoration:underline;}




/* NAVIGATION BAR
================= */
#tpl_nav{
	margin-top:1px;
	margin-bottom:10px;
	padding-right:1px;
	border:1px solid #dddddd;
	border-top:none;
}
#tpl_nav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#tpl_nav ul li{
	margin-bottom:1px;
}
#tpl_nav ul a{
	color:#555555;
	background-color:#FBFBFD;
	display:block;
	background-image:url("/images/template/nav_level01_bg.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
	text-decoration:none;
	height:1%;
}
#tpl_nav ul a span{
	display:block;
	background-image:url("/images/template/nav_level01_bullet.gif");
	background-repeat:no-repeat;
	background-position:7px 0.8em;
	padding:0.7em 5px 0.7em 25px;
}
#tpl_nav ul a:hover,
#tpl_nav ul a.selected{
	color:#DF0000;
	background-color:#EFEFF3;
	background-image:url("/images/template/nav_level01_bg_hover.jpg");
	background-repeat:repeat-x;
	background-position:bottom left;
}
#tpl_nav ul a:hover span,
#tpl_nav ul a.selected span{
	background-image:url("/images/template/nav_level01_bullet2.gif");
}
#tpl_nav ul a.selected span{
	font-weight:bold;
}

/*level 2
---------- */
#tpl_nav ul ul li a{
	font-size:0.9em;
	background-image:none;
	font-weight:normal;
	padding-left:15px;
}
#tpl_nav ul ul li a span{
	background-image:url("/images/template/nav_level02_bullet.gif");
	background-position:8px 0.9em;
	padding:0.65em 5px 0.4em 23px;
}
#tpl_nav ul ul a:hover,
#tpl_nav ul ul a.selected{
	color:#DF0000;
	background-color:#EFEFF3;
	background-image:none;
}
#tpl_nav ul ul a:hover span,
#tpl_nav ul ul a.selected span{
	background-image:url("/images/template/nav_level02_bullet2.gif");
}

/* BREADCRUMBS
================ */
#tpl_breadcrumbs{
	color:#eeeeee;
	background-color:#CC3300;
	font-family:Verdana,Tahoma,sans-serif;
	font-size:10px;
	padding-left:20px;
	padding-right:20px;
	text-align:right;
}
#tpl_breadcrumbs span a{
	color:#F7B4AC;
	background-color:inherit;
}

/* MAIN CONTENT
================ */
#tpl_maincontent{
					margin-left:0px;
					margin-left:176px;}
#tpl_page{			padding:15px 0px 15px 15px;
					height:1%;}

#tpl_page ul	{	list-style-type:none;
					margin-left:10px;}
#tpl_page ul li,
#tpl_page ul li ul li,
#tpl_page ol li ul li,
#tpl_page ul li ul li ul li,
#tpl_page ul li ol li ul li{
					background-image:url("/images/template/nav_level01_bullet.gif");
					background-repeat:no-repeat;
					background-position:0em 0.3em;
					padding:0.2em 0px 0.2em 20px;}
#tpl_page ol li{	padding:0.2em 0px 0.2em 0px;}

/*SEARCH HIGHLIGHT MATCHING TEXT
========================================*/
.searchHL{
	color:#007700;
	background-color:#e0ffe0;
}

/*COMMON CLASSES - Used for most sites
=======================================*/
.clearleft		{clear:left;}
.clearright		{clear:right;}
.clear			{clear:both}
.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;}
.mandatory		{	color:#dd0000;background-color:#ffffff;font-weight:bold;font-size:1.3em;}
.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;}


/*ERROR MESSAGES
=======================================*/
#okmsg	{	
			color:#279876;
			background-color:#ffffff;
			text-indent:25px;
			width:100%;
			padding:5px 0px 5px 0px;
			font-size:0.85em;
			font-weight:bold;}

#errormsg{
			color:#cc0000;
			background-color:#ffffff;
			width:100%;
			padding:5px 0px 5px 0px;}
#errormsg ul{
			background-image:none;
			list-style-type:disc;}
#mysqlerror	{color:#0000ff;
			 background-color:#ffffff;}


/*--------------------------------------------------------------------------------
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:#000000;
		background-color:#CC3300;
		font-family:Tahoma,Arial,sans-serif;
		font-size:0.75em;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;}
h1{		color:#CC3300;
		background-color:#ffffff;
		font-family:Tahoma,Arial,sans-serif;
		letter-spacing:-1px;
		font-size:1.9em;
		font-weight:100;
		margin-top:0px;}
h2{
	font-size:1.5em;
	color:#444444;
	background-color:#ffffff;
	font-weight:normal;}
h3{
	color:#000000;
	background-color:#ffffff;
	font-size:1.2em;
}
h4{
	color:#000000;
	background-color:#ffffff;
	font-size:1em;
}
p{line-height:1.4em;}

a,a:active,a:link,a:visited{
	color:#0066CC;
	background-color:inherit;}
a:hover	{
	color:#000000;
	background-color:inherit;}

img		{	border:none;}
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:6px 5px 6px 5px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			background-repeat:repeat-x;
			background-position:top left;
			background-image:url("/images/template/misc/table_th_bg.gif");
			border-bottom:1px solid #666666;}
td		{	border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:2px 5px 2px 5px;
			text-align:left;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}


/*CLASSES USED BY THE EDITOR*/
p.indent			{	margin-left:40px;}
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;}

img.border			{	padding:1px;border:4px solid #cccccc;}
img.icon			{	vertical-align:middle;}

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.9em;}
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;}