/*

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:#000000;
			background-color:#ffffff;
			width:98%;
			margin-right:auto;
			margin-left:auto;
			max-width:900px;
			min-width:650px;
			height:1%;
		}

		#tpl_mp3player{
			color:#000000;
			background-color:#ffffff;
			width:98%;
			margin-right:auto;
			margin-left:auto;
			max-width:900px;
			min-width:650px;
			height:24px;
			border-bottom:1px solid #000000;
			background-image:url("/images/template/mp3_bg.jpg");
			background-repeat:repeat-x;
			background-position:bottom left;
			text-align:right;
		}

		#tpl_mp3player span{
			font-weight:bold;
			display:block;
			padding:2px 10px 0px 0px;
		}

		#tpl_mp3player img{
			padding-top:1px;
		}
		#tpl_mp3player a{
			color:#555555;
			background-color:inherit;
			font-size:0.9em;
		}

		#tpl_rightbar{
			width:170px;
			/* floats right */
		}
		#tpl_rightbar .inner{
			padding-right:5px;
		}

		#tpl_rightbar h2{
			margin-bottom:0px;
		}

		#tpl_mainbar{
			margin-right:170px;
		}
		#tpl_content{
			padding:15px 15px 15px 15px;
			height:1%;
		}
		

		#tpl_header{
			color:#000000;
			background-color:#ffffff;
			border-right:1px solid #ffffff;
		}

		#tpl_header .inner{
			height:66px;
		}

		#tpl_header .equalizer{
			/* Floats Right */			
		}

		#tpl_banner{
			color:#ffffff;
			background-color:#FD8300;
			background-repeat:no-repeat;
			background-position:top left;
			height:165px;
			border-top:1px solid #ffffff;
			border-right:1px solid #ffffff;
		}

		#tpl_title{						
			background-image:url("/images/template/h1_bg.gif");
			background-repeat:repeat-x;
			background-position:top left;
			padding:8px 16px 25px 16px;
			border-right:1px solid #ffffff;
			border-top:1px solid #ffffff;
		}
		#tpl_title h1{
			color:#ffffff;
			background-color:inherit;
			font-size:2.2em;
			width:90%;
			letter-spacing:-1px;
			margin:0px;
		}

		#tpl_footer{
			height:100px;
			background-image:url("/images/template/footer_bg.gif");
			background-repeat:no-repeat;
			background-position:top left;
			padding-left:15px;
		}
		#tpl_footer2{
			color:#999999;
			background-color:#000000;
			padding-bottom:15px;
		}
		#tpl_footer2 .smalltext{
			color:#777777;
			background-color:#000000;
			font-size:0.9em;
			
		}
		#tpl_sponsors{
			height:76px;
		}
			

/* RIGHT NAVIGATION
======================================= */
#tpl_nav{
	margin-bottom:15px;
}

#tpl_nav ul{
	color:#ffffff;
	background-color:#000000;
	margin:0px;
	padding:0px;

}

#tpl_nav ul li{
	margin:0px;
	padding:0px;
	border-bottom:1px solid #ffffff;
}

#tpl_nav ul li a{
	color:#ffffff;
	background-color:#fd8300;
	background-image:url("/images/template/nav_bg.gif");
	background-repeat:repeat-x;
	background-position:top left;
	padding:5px;
	display:block;
	border-right:5px solid #E15A00;
}

#tpl_nav ul li.selectedli{
	padding-bottom:15px;
}
#tpl_nav ul li.selectedli a.selected{
	margin-bottom:10px;
}

#tpl_nav ul li a:hover{
	color:#ffffff;
	background-color:#ffb96a;
	background-image:url("/images/template/nav_bg_hover.gif");
	text-decoration:none;
	border-right:5px solid #FD7F00;
}

#tpl_nav ul li a.selected{
	color:#ffffff;
	background-color:#666666;
	background-image:url("/images/template/nav_bg_selected.gif");
	text-decoration:none;
	border-right:5px solid #333333;
	font-weight:bold;
	font-size:1.1em;
}
	/* Sub Level 01 */
	#tpl_nav ul li ul li{
		border:none;
	}
	#tpl_nav ul li ul li a{
		color:#cccccc;
		background-color:#000000;
		padding:2px 5px 2px 35px;
		border:none;
		font-size:0.9em;
		background-image:url("/images/template/navsub_bullet.gif");
		background-repeat:no-repeat;
		background-position:20px 0.7em;
	}
	#tpl_nav ul li ul li a:hover{
		color:#ffffff;
		background-color:#333333;
		text-decoration:underline;
		background-image:url("/images/template/navsub_bullet.gif");
		border:none;
	}
	#tpl_nav ul li.selectedli ul li a.selected{
		color:#FD8300;
		background-color:#000000;
		text-decoration:underline;
		font-weight:bold;
		font-size:1em;
		background-image:none;
		border:none;
		background-image:url("/images/template/navsub_bullet_hover.gif");
		margin-bottom:0px;
	}		

/*PREVIEW ITEMS BOX
=========================== */
#previewBox{
	margin-left:0px;
}
#previewBox h2{
	margin-bottom:1px;
}

.box{
	color:#000000;
	background-color:#e4e2db;
	background-image:url("/images/template/box_bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	border:2px solid #CCCCCC;
	margin:8px 0px 0px 0px;
}

.box .bbot01,
.box .btop01{
	display:none;
	font-size:1px;
	border:1px solid red;
}

.boxinner{
	border:1px solid #ffffff;
	padding:5px 5px 0px 5px;
}

.box .listmore{
	font-size:0.9em;
	text-align:right;
	padding:5px 5px 5px 5px;
}
.box a{
	font-weight:bold;
}
.box ul{
	margin:0px;
	padding:0px;
}

.box ul li{
	background-image:url("/images/template/box_divider.gif");
	background-repeat:no-repeat;
	background-position:center bottom;
	padding:0px 0px 6px 0px;
}
.box ul li div{
	background-image:url("/images/template/box_bullet.gif");
	background-repeat:no-repeat;
	background-position:2px 0.3em;
	padding-left:14px;
}

.box .smalltext{
	color:#999999;
	background-color:inherit;
	font-weight:bold;
}


/*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;}
		.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;}
		.rightcolumn	{margin-right:280px;padding-top:10px;}
		.leftcolumn		{width:260px; padding-top:10px;}



/*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:#000000;
	background-image:url("/images/template/canvas_bg.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
	font-family:Arial,"Trebuchet MS",Trebuchet,sans-serif;
	font-size:0.75em;
	margin:0px;
	padding:0px;
} 

p{	margin-top:0px;}

h1{
	color:#2C4F97;
	background-color:inherit;
	margin-top:0px;
	font-size:2.2em;
	letter-spacing:-1px;
	font-weight:normal;
}
h2{
	color:#666666;
	background-color:inherit;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:7px;
	margin-top:0px;
	letter-spacing:-1px;
}
h2:first-line{
	color:#fd8300;
	background-color:inherit;
}
h2.latestreleases{
	background-image:url("/images/template/title_latestreleases.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:50px;
}
h2.events{
	background-image:url("/images/template/title_events.gif");
	background-repeat:no-repeat;
	background-position:center left;
	padding:15px 0px 14px 50px;
	
}


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	{	border:1px solid #777777;}
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		{	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;}
select,input,textarea{
			font-family:Arial,Verdana,sans-serif;
			font-size:0.9em;}


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

div.contentbox		{	border:2px solid #f1f1f1;
						color:#000000;
						background-color:#FBFAF9;
						padding:5px;}
div.contentbox .floatright{
						position:relative;
						top:-25px;
						left:0px;
						margin-bottom:-15px;}