/*

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
=======================================*/
#cmsl_siteframe	{	width:98%;
					max-width:1024px;
					min-width:600px;
					margin-left:auto;
					margin-right:auto;
}
#cmsl_header {
	margin:110px 0px 5px 0px;
	padding:0px;
	text-align:right;
	background: #34393C url("/images/template/tka_logo.gif") no-repeat right top;
	color:#ffffff;
	height:32px;}
#cmsl_headspacer {
	border:solid #98C0C9;
	border-width:1px 0px 0px 1px;
	margin:0px;
	padding:0px;
	height:22px;}
#cmsl_bodyouter {
	position:relative;
	background: #9CA6A8 url("/images/template/tka_backimg.gif") repeat-y left top;}


/* MAIN TOP MENU
=======================================*/	
	
#cmsl_menu ul {padding:0px; margin:0px; list-style-type:none; padding-left:0px;}
#cmsl_menu ul li {
	background:none;
	padding:0px 0px 6px 5px;}
#cmsl_menu ul li a {
	background: url("/images/template/tka_whitearrow1.gif") no-repeat left 4px;
	padding-left:12px;
	display:block;
	color:#ffffff;
	background-color:inherit; 
	font-weight:normal;}
#cmsl_menu ul li a:hover {color:#98C0C9; background-color:inherit;}
#cmsl_menu ul li a.selected {
	background: url("/images/template/tka_bluearrow1.gif") no-repeat left 4px;
	color:#98C0C9; 
	background-color:inherit; 
	font-weight:bold;}
	
/* LEVEL 2
=======================================*/
#cmsl_menu ul ul {}
#cmsl_menu ul ul li.firstli {padding-top:5px;}
#cmsl_menu ul ul li a {
	font-size:0.8em; 
	background: url("/images/template/tka_whitedash.gif") no-repeat left 3px;
	color:#cccccc;
	background-color:inherit;}
#cmsl_menu ul ul li a.selected {
	background: url("/images/template/tka_bluedash.gif") no-repeat left 3px;}

/* MAIN BODY LAYOUT
=======================================*/

#cmsl_contentframe {
	margin:0px;
	height:1%;
	margin-left:153px;
	padding:0px;}
#cmsl_contentspacer {
	background-color:#98C0C9;
	color:#ffffff;
	height:22px;
	border-bottom:1px solid #34393C;
	margin:0px;
	padding:0px;}
#cmsl_pageframe {
	margin:0px;
	padding:15px 15px 2px 20px;
	color:#34393C;
	background-color:#9CA6A8;
	height:1%;}

	
/*LEFT PANELS
=======================================*/	

#cmsl_leftpanel {
	background-color:#34393C;
	color:#ffffff;
	width:150px;
	margin:0px;
	padding:0px;}
#cmsl_menu {
	background-color:#34393C;
	color:#ffffff;
	padding:5px;
	border: solid #98C0C9;
	border-width:0px 0px 1px 1px;
	margin:0px;}
#cmsl_menuspace {height:100px; margin:0px; padding:0px;}
#cmsl_botpanel {
	background-color:#34393C;
	color:#ffffff;
	width:150px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px;
	padding:0px;}
#cmsl_userlinks {margin:0px; padding:0px; margin:5px 0px 5px 0px; }
#cmsl_userlinks a {color:#98C0C9; background-color:inherit; font-size:0.9em;}
#cmsl_userlinks a:hover {color:#ffffff; background-color:inherit;}
#cmsl_userlinks p {padding:0px; margin:0px;}


#cmsl_newstitle {
	background: url("/images/template/tka_floaticon.gif") no-repeat left top;
	background-color:#34393C;
	height:17px;
	color:#98C0C9;}
#cmsl_newstitle:hover {background: url("/images/template/tka_floaticon2.gif") no-repeat left top;}
#cmsl_newsbit {
	display:none;
	border:1px solid #98C0C9;
	font-size:0.9em;
	margin:0px;
	padding:0px;}
#studionews {padding:0px; margin:10px;}
#cmsl_newsbit h2, #cmsl_newsbit .btop01, #cmsl_newsbit .bbot01 {display:none;}
#cmsl_newsbit ul {margin:0px; padding:0px;}
#cmsl_newsbit ul li {background:#34393C; color:#ffffff; margin:0px; padding:0px;}
#cmsl_newsbit h3, #cmsl_newsbit a {color:#98C0C9; background-color:inherit;}
#cmsl_newsbit a:hover {color:#ffffff; background-color:inherit;}
#cmsl_newsbit p {margin-top:5px;}
#cmsl_newsbit .readmore {margin-top:5px;}

/*BOTTOM PANEL
=======================================*/	

#cmsl_botline {
	background-color:#98C0C9;
	color:#ffffff;
	height:6px;
	font-size:0;
	border-top:1px solid #34393C;
	margin:0px;
	padding:0px;}
#cmsl_botbar01 {
	text-align:right;
	margin:0px;
	padding:5px 0px 5px 150px;
	font-size:0.8em;}
#cmsl_botbar01 a {color:#ffffff; background-color:inherit; font-weight:normal;}
#cmsl_botbar01 a:hover {color:#98C0C9; background-color:inherit;}
	
	
	
#gallery .icon {display:none;}
h3.right a {color:#ffffff; background-color:inherit;}
h3.right a:hover {color:#98C0C9; background-color:inherit;}

h1{	color:#34393C;
	background-color:inherit;
	letter-spacing:-1px;
	font-size:1.8em;
	margin-top:0px;}
h2{
	font-size:1.4em;
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;}
h3{
	color:#34393C;
	background-color:inherit;
	font-weight:bold;
	font-size:1.2em;}
h4{
	color:#ffffff;
	background-color:inherit;
	font-size:1em;
	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:inherit;font-size:1.2em;}
		.printheader	{display:none;}
		.readmore		{display:block;text-align:left;}
		.right			{text-align:right;}
		.left			{text-align:left;}
		.center			{text-align:center;}


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


/*CLASSES USED BY THE EDITOR
============================
CMSLite 2.0 notes : There are common classes for this area found in the public_global area.
You can also add them here if they are specific to the account but should be available in the editor.
*/

/*<SPLIT>*/

body{	color:#ffffff;
		background-color:#34393C;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		padding:0px;
}

a,a:active,a:link,a:visited{
	color:#333333;
	background-color:inherit;
	text-decoration:none;
	font-weight:bold;}
a:hover	{
	color:#98C0C9;
	background-color:inherit;}
	
p{
	line-height:1.2em;
}
strong{
	color:#C6E2FF;
	background-color:inherit;
}
em {
	font-weight:bold;
}

ul		{	margin-top:0px;
			margin-bottom:0px;
			margin-left:15px;
			padding-left:0px;
			list-style-type:none;}
			
li		{	background: url("/images/template/tka_whitearrow2.gif") no-repeat left 3px;
			padding-left:15px;
			padding-bottom:6px;}
.floatright {margin:5px 5px 5px 9px;}
.floatleft {margin:5px 10px 5px 5px;}
.floatright img {margin-left:9px; }
.floatright p {margin:0px; margin-bottom:9px;}

select,input,textarea{
			font-family:Arial,Helvetica,sans-serif;
			font-size:0.9em;
}