/*

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{
	color:#000000;
	background-color:#ffffff;
	width:85%;
	min-width:700px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #000000;
	height:1%;
}

#tpl_topbar01{
	color:#000000;
	background-color:#aaaaaa;	
	background-image:url("/images/template/tpl_topbar01_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;}
#tpl_topbar01 .right{
	background-image:url("/images/template/tpl_topbar01_left.jpg");
	background-repeat:no-repeat;
	background-position:top left;}
#tpl_topbar01 .left{
	background-image:url("/images/template/tpl_topbar01_right.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	height:90px;}
#tpl_topbar02{
	color:#ffffff;
	background-color:#000000;}
#tpl_maincontent{
	padding:5px 15px 15px 15px;
	border-width:1px 3px 3px 3px;
	border-color:#000000 #dddddd #dddddd #dddddd;
	border-style:solid;}
#tpl_vlogos{
	text-align:right;
	padding-top:10px;}

#tpl_breadcrumbs{
	font-size:0.9em;
	text-align:right;}
	
/*NAVIGATION*/
#tpl_topnav{
	height:27px;
	border-bottom:3px solid #cc0000;}
#tpl_topnav ul{
	list-style: none;
	padding:0px;
	margin:0px;
}
#tpl_topnav ul li{
	position:relative;
	padding:0px;
	margin:0px 1px 0px 0px;
	width:9em;
	float:left;
	border-right:1px solid #555555;
}
#tpl_topnav ul li ul {
	position: absolute;
	display:none;
	left: 0px;
	top: 28px;
	width:9em;
}
#tpl_topnav ul li ul li{
	float:none;
	margin-left:0px;
}

#tpl_topnav ul li { height: 1%; }
#tpl_topnav ul li a { height: 1%; }

#tpl_topnav ul li a,
#tpl_topnav ul li a:active{
	color: #ffffff;
	background-color: #000000;
	display:block;
	padding-top:4px;
	height:22px; /*(#tpl_topnav height) - (#tpl_topnav padding-top)*/
	width:9em;
	border:1px solid #111111;
	padding-left:5px; /*(#tpl_topnav ul li margin-right) - 2*/
	text-decoration:none;
}
#tpl_topnav ul li a:hover {
	color: #ffffff;
	background-color:#555555;
	border:1px solid #888888;
}
#tpl_topnav ul li:hover ul,
#tpl_topnav ul li.over ul {
	display: block;}

#tpl_botbar01{
	color:#ffffff;
	background-color:#000000;
	padding:10px;
	text-align:right;
	font-size:0.9em;
}
#tpl_botbar01 a,
#tpl_botbar01 a:active{
	color:#ffffff;
	background-color:#000000;
}
#tpl_botbar01 a:hover{
	color:#ffffff;
	background-color:#000000;
}
#tpl_vlogos{
	text-align:right;
	width:690px;
	margin-left:auto;
	margin-right:auto;
}

/*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;
			background-image:url("/images/icon_ok.gif");
			background-position:3px 3px;
			background-repeat:no-repeat;
			font-size:0.85em;
			font-weight:bold;}

#errormsg{
			color:#cc0000;
			background-color:#ffffff;
			width:100%;
			padding:5px 0px 5px 0px;
			background-image:url("/images/icon_error.gif");
			background-position:3px 3px;
			background-repeat:no-repeat;}
#errormsg ul{
			background-image:none;
			list-style-type:disc;}
#mysqlerror	{color:#0000ff;
			 background-color:#ffffff;}


li		{	list-style-type:none;
			background-image:url("/images/template/bullet01.gif");
			background-repeat:no-repeat;
			background-position:0em 0.15em;
			padding-left:15px;}
ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:5px;
			padding-left: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:#000000;
	background-color:#ffffff;
	font-family:"Trebuchet Ms", Verdana, Arial, Sans-Serif;
	padding:0px;
	font-size:0.8em;
	background-image:url("/images/template/tpl_canvas_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;}

h1		{
	font-size:2.4em;
	letter-spacing:-1px;
	color:#555555;
	background-color:#ffffff;
	font-weight:lighter;
	font-family: Verdana, Arial, Sans-Serif;}
h2{
	font-size:1.6em;
	font-weight:normal;
	color:#247cd5;
	background-color:#ffffff;
	font-family: Verdana, Arial, Sans-Serif;}
h3{
	color:#000000;
	background-color:#ffffff;
	font-size:1.2em;
}
h4{
	color:#000000;
	background-color:#ffffff;
	font-size:1em;
}
a,a:active,a:link,a:visited{
	color:#cc0000;
	background-color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #aaaaaa;}
a:hover	{
	background-color:#ffffff;
	color:#000000;
	border-bottom:1px solid #000000;
}

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:1px 3px 1px 3px;
			text-align:left;
			background-color:#f1f1f1;
			color:#000000;
			/*background-image:url("/images/template/misc/table_th_bg.gif");*/
			background-repeat:repeat-x;
			background-position:top left;
			border-bottom:1px solid #666666;}
td		{	border-color: #eeeeee #cccccc #cccccc #eeeeee;
			border-style:solid;
			border-width:1px;
			padding:1px 3px 1px 3px;
			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.85em;}
span.bigtext		{	font-size:1.3em;}
span.biggertext		{	font-size:1.7em;}

hr.clearall			{	clear:both;}

ul.ticks li			{	background-image:url("/images/template/bullet02.gif");}
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;}