/*

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
=======================================*/
#wag_siteframe	{					
					width:92%;
					max-width:1000px;
					min-width:600px;
					margin-left:auto;
					margin-right:auto;
					position:relative;
					border:1px solid #ffffff;}
#wag_innerframe	{	
	color:#000000;
	background-color:#ffffff;
	background: #FFFFFF url("/images/template/wag_topbar.jpg") top left repeat-x;
}
#wag_pageFrame {
	background: url("/images/template/wag_lower_leftImg.jpg") bottom left no-repeat;}

/* HEADER MENU
====================== */
#wag_topLinks{
	padding:5px 0px 5px 0px;
	font-size:0.9em;
	text-align:right;
}
#wag_topLinks a{
	color:#000000;
	background-color:inherit;
	text-decoration:none;
}
#wag_topLinks a:hover{
	color:#FFBD00;
	background-color:inherit;
}
#wag_topLinks img{
	margin-left:10px;
}
					
/* LOGO BAR 
=============== */
#wag_logobar{
	background: #FFFFFF url("/images/template/wag_top_right_img.jpg") bottom right no-repeat;
	padding:0px;
	margin:0px;
	height:130px;
}
#wag_logodiv {
	background: #FFFFFF url("/images/template/wag_logo.jpg") top left no-repeat;
	width:285px;
	height:147px;
	position:absolute;
	top:5px;
	left:0px;
}

/* TOP BAR 02 - Links
================ */
#wag_topbar02_links{
					padding:0px;
					font-size:0.9em;}
#wag_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;}
#wag_topbar02_links a:hover{
					color:#eeeeee;
					background-color:#222222;
					text-decoration:none;}
#wag_topbar02_links div.dummy{padding:10px;}





/* LEFT BAR
================ */
#wag_leftbar	{	width:180px; padding:0px; padding-top:10px; margin:0px; position:relative;}


/* BOTTOM BAR
================ */
#wag_botbar01	{	clear:both;
					text-align:right;
					color:#ffffff;
					background-color:#d33156;
					background-image:url("/images/template/wag_bottom_lines_left.gif");
					background-repeat:repeat-x;
					background-position:top left;
					padding:0px;
					font-size:0.9em;
					height:1%;}
#wag_botbar_right {	background-image:url("/images/template/wag_bottom_lines_right.gif");
					background-repeat:no-repeat;
					background-position:top right;
					height:8px;
					width:277px;}
#wag_botbar02 {		padding:15px 10px 10px 10px;}
#wag_botbar01 a	{	color:#ffffff;
					background-color:inherit;
					text-decoration:none;
					font-weight:bold;}
#wag_botbar01 a:hover{
					text-decoration:underline;}




/* NAVIGATION BAR
================= */
#wag_nav{
	margin-top:1px;
	margin-bottom:10px;
	padding-right:1px;
}
#wag_nav ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#wag_nav ul li{
	margin-bottom:1px;
}
#wag_nav ul a{
	color:#555555;
	background-color:#FBFBFD;
	display:block;
	background-image:url("/images/template/wag_menu_outoff.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	height:1%;
}
#wag_nav ul a span{
	display:block;
	padding:0.7em 5px 0.7em 25px;
}
#wag_nav ul a:hover,
#wag_nav ul a.selected{
	color:#000000;
	background-color:#FFFFFF;
	background-image:url("/images/template/wag_menu_overon.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

#wag_nav ul a.selected span{
	font-weight:bold;
}

/*level 2
---------- */
#wag_nav ul ul li a{
	font-size:0.9em;
	background-image:none;
	font-weight:normal;
	padding-left:15px;
}
#wag_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;
}
#wag_nav ul ul a:hover,
#wag_nav ul ul a.selected{
	color:#000000;
	background-color:#FACC85;
	background-image:none;
}
#wag_nav ul ul a:hover span,
#wag_nav ul ul a.selected span{
	background-image:url("/images/template/nav_level02_bullet2.gif");
}

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

/* MAIN CONTENT
================ */
#wag_maincontent{ background: url("/images/template/wag_top_right_img2.jpg") top right no-repeat; margin:0px; margin-left:182px;}
#wag_page	{ padding:25px 10px 15px 15px; height:1%;}

#wag_page ul	{ list-style-type:none;}
#wag_page ul li,
#wag_page ul li ul li,
#wag_page ol li ul li,
#wag_page ul li ul li ul li,
#wag_page ul li ol li ul li { background-image:url("/images/template/wag_bullet.gif");
				background-repeat:no-repeat;
				background-position:0em 0.7em;
				padding:0.4em 0px 0.4em 15px;
				margin-left: -15px;}
#wag_page ol li{	padding:0.3em 0px 0.3em 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:#FFFFFF;
		font-family:Tahoma,Arial,sans-serif;
		font-size:0.75em;
		margin-left:0px;
		margin-right:0px;
		padding-left:0px;
		padding-right:0px;}
h1{		color:#ff9900;
		background-color:#ffffff;
		font-family:Tahoma,Arial,sans-serif;
		letter-spacing:-1px;
		font-size:2.2em;
		font-weight:normal;
		margin-top:0px;}
h2{
	font-size:1.7em;
	color:#000000;
	background-color:#ffffff;
	font-weight:normal;}
h3{
	color:#ff9900;
	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:#ff9900;
	background-color:inherit;}
a:hover	{
	color:#d33156;
	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;}