/* Declarations that style the "live-site" content editors so it doesn't look like shit */


/*Styles the background of the Cancel, Apply, and Save toolbar buttons */
.toolbar {

background: #ffffff;

}

/* Changes the text color of the "labels" throughout the WSYWIG editor */
table.adminform td {

color: #999999;

}

table.adminform .inputbox {

margin-top: 4px;
margin-bottom: 4px;
}

table.adminform img {
background: #ffffff;
padding: 3px;
}

/* General Body Styling - Catch All Section */

body {
	width: auto;
	height: 100%;
	margin-bottom: 1px;
	margin: 0px 0px 0px 0px;
	background:url(../images/bg_x_repeat.png) top repeat-x;
	background-color : #EDEDF1;
	color : #465675;

	}
	
html {
	height: 100%;
}

td,tr,p,div {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DEDEE4;

	}

h4 {

	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px; font-weight: bold;

	}

h5 {

	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 13px; font-weight: bold;

	}


h6 {

	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;

	}
	
hr {height:1px; border-style:solid; border-width:1px 0 0 0;
border-color:#ffffff;}
	
a:link, a:visited {

	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: underline;
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight: bold;

	}



a:hover {

	color: #4FB9FF;
	text-decoration: underline;
	font-weight: bold;

	}


/* Customized look for the top, horizontal mainmenu, in addtion to any sublevel menus */

span.mainlevel_horizontal {

	width: auto;
	color: #000066;

}

img {  border-style: none;}

a.mainlevel_horizontal:link, a.mainlevel_horizontal:visited {

	display: inline;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	border-bottom: none;
	text-align: left;
}



a.mainlevel_horizontal:hover {

	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border-bottom:2px dotted #FFFFFF;
}



a.mainlevel#active_menu {

	color:#ffffff;

	font-weight: bold;

}



a.sublevel{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #E5E8ED;

}

 /* this styling is for menu items that HAS A PARENT */

a.sublevel:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #E5E8ED;

}

a.sublevel:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #E5E8ED;

}

a.sublevel:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-decoration: underline;

	color: #E5E8ED;

}
	
.boxtop{
	width: 780px;
	height: 100px;
	background: url(../images/boxtop.png) left bottom no-repeat;
}

.boxfilling{
	width: 780px;
	height: auto;
	background: url(../images/boxfilling.png) left repeat-y;
}

.boxbottom{
	width: 780px;
	height: 36px;
	background: url(../images/boxbottom.png) left top no-repeat;
}


/* Styles for the header that houses the mainmenu */


#header_table {

	vertical-align: top;	
	width: 95%;
	height: 115px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;

}

 

.header_cell_1 {
	width: 230px;
	background: url(../images/Header_r1_c1.png) right no-repeat;
	vertical-align: top;

}

.header_cell_2 {
	background: url(../images/Header_r1_c5.png) repeat-x;
	vertical-align: bottom;
	padding-bottom: 35px;
}

.header_cell_3 {
	width: 30px;
	background: url(../images/Header_r1_c7.png) left no-repeat;
	vertical-align: top;

}

/* Styling for the log-on table */

#login_table{
	vertical-align: top;
	width: 70%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
}

.login_cell {
	padding-left: 15px;
	padding-top: 0px;
}

#login{
	color: #333333;
}

/* Rounded Corner Box */

DIV#box {

	width: 50%;
	margin: auto;
	background: #2F2F37;
	color: white;
	text-align: left;

}

DIV#content { padding: 0 20px; }

/* Rounded Corner Box Background Images */

DIV#top-left {

	width: 100%;
	height: 20px;
	background: url(../images/tl.gif) left top no-repeat;

}

DIV#top-right {

	float: right;
	width: 20px;
	height: 20px;

	background: url(../images/tr.gif) right top no-repeat;

}

DIV#bottom-left {

	width: 100%;
	height: 20px;

	background: url(../images/bl.png) left bottom no-repeat;

}

DIV#bottom-right {

	float: right;
	width: 20px;
	height: 20px;
	background: url(../images/br.png) right bottom no-repeat;

}
 
-->
/* Styling for x-y expandable table for most of the site content */

#main_table{
	vertical-align: top;
	width: 95%;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;

}

.body_topLeft{

	width: auto;
	height: 90px;
	background: url(../images/Body_r1_c1.png) right bottom no-repeat;
}
.body_topCenter{
	height: 75px;
	width: auto;
	background: url(../images/Body_r1_c3.png) left bottom repeat-x;
}
.body_topRight{
	width: auto;
	height: 75px;
	background: url(../images/Body_r1_c5.png) left bottom no-repeat;
}
.body_midLeft{
	width: auto;
	height: auto;
	background: url(../images/Body_r3_c1.png) right top repeat-y;
}
.body_midCenter{
	height: auto;
	width: auto;
	background-color: #2F2F37;
}
.body_midRight{
	height: auto;
	width: auto;
	background:url(../images/Body_r3_c5.png) left top repeat-y;
}
.body_bottomLeft{
	width: 40px;
	height: 30px;
	background:url(../images/Body_r5_c1.png) right top no-repeat;
}
.body_bottomCenter{
	height: 30px;
	width: auto;
	background: url(../images/Body_r5_c3.png) left top repeat-x;
}
.body_bottomRight{
	width: 90px;
	height: 30px;
	background: url(../images/Body_r5_c5.png) left top no-repeat;
}

table.contentpaneopen {
height: auto;
width: 100%;
margin: 0px;
font-size: 10px;
font-family: Arial, Hevlvetica, sans-serif;
}


/*Explicit Styling for pop-up content panes/windows background(s)*/
	
body.contentpane {
margin: 5px;
background: #2F2F37;
font-size: 10px;
font-family: Arial, Hevlvetica, sans-serif;
}

/*Styling for the general content pane(s) wherein most modules lie*/

table.contentpane td, tr{

font-size: 11px;
font-family: Arial, Hevlvetica, sans-serif;

}

table.contentpaneopen h4{
	color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px; font-weight: bold;
}

/*Customized form elements for content panes, particularly those of the "E-mail to Friend" pop-up*/

table.contentpane .inputbox{

font-size: 10px;
margin: 3px;

}

table.contentpane .button{

  color: #ffffff;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_x_repeat.png) repeat-x;
  padding: 0px 5px;
  line-height: 30px !important;
  line-height: 16px;
  height: 30px !important;
  height: 24px;
  margin: 1px;

}

/* Styling for the pathway located at the top of the body 'window' */

#pathway {
	float: left;
	overflow: hidden;
	width: inherit; 
}

.pathway {
  width: inherit;
  padding-top: 3px;
  padding-left: 5px;
  color: #ffffff;  

  }

a.pathway, a.pathway:visited {

  color: #000066;
  border-bottom: none;

}

 

a.pathway:hover {

  color: #ffffff;  

  }

/*General moduletable declarations for any initialized site mods */

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	padding-right: 0px;
	border-spacing: 0px;
}



table.moduletable td{

	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;

}

div.moduletable {

	padding: 0;
	padding-right: 10px;
	margin-bottom: 2px;

}



table.moduletable th, div.moduletable h3 {

	background: url(../images/subhead_bg.png) repeat-x;

	color: #FFFFFF;

	text-align: left;

	padding-left: 13px;

	height: 21px;

	line-height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

	margin: 2px;

}



div.moduletable_latest h3{

	background: url(../images/subhead_bg.png) repeat-x;

	color: 	#FFFFFF;

	text-align: left;

	padding-left: 13px;

	margin-top: 0px;

	height: 16px;

	line-height: 16px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;
	
}

table.moduletable_logonform, div.moduletable_logonform{
	color: #333333;
	text-align: left;
	font-size: 9px;
	padding: 0px;
	margin: 0px;
}

table.moduletable_latest, div.moduletable_latest{
	padding-top: 3px;
	padding-right: 5px;
	width: 169px;
	color: #E5E8ED;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 9px;


}

table.moduletable_user, div.moduletable_user{
	padding-top: 3px;
	padding-right: 5px;
	width: 169px;
	color: #E5E8ED;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 9px;


}


table.moduletable_logonform td{

	color: #333333;
	text-align: left;
	font-size: 9px;

}

div.moduletable_user h3{

	background: url(../images/subhead_bg.png) repeat-x;
	color: 	#FFFFFF;
	text-align: left;
	padding-left: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

div.moduletable_logonform h3{

	background: url(../images/subhead_bg.png) repeat-x;

	color: 	#333333;

	text-align: left;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}



table.moduletable_logonform a:link, table.moduletable_logonform a:visited {

	color: #333333;
	text-align: left;
	font-size: 9px;
}



table.moduletable_logonform form {

	color: #333333;
	text-align: left;
	font-size: 10px;
	display: inline;

}


table.moduletable_logonform label {

	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
	line-height: 10px;

}

table.moduletable_logonform link {

	border-bottom: none;
}

table.moduletable_logonform .inputbox{

	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
	padding-right: 1px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}



table.moduletable_logonform .button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
	font-weight: bold;
	color: #000000;
 	background-color: #FFFFFF;
 	border: 1px inset #737A80;
	padding: 1px;
	width: 50px;

}

table.moduletable_logonform legend {

	color: #333333;
	text-align: left;
	font-size: 9px;
	font-weight: normal;

}



form {

	padding-top: 0px;
 	padding-left: 5px;
	padding-bottom: 2px;

}

a.category {
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 10px 10px 10px 3px;
}

a.category:hover {
text-decoration:underline;
font-weight: bold;
font-size: 14px;
height: 25px;
line-height: 25px;
margin: 10px 10px 10px 3px;
}

a.category:visited {
text-decoration:underline;
font-weight: bold;
font-size: 14px;
height: 25px;
line-height: 25px;
margin: 10px 10px 10px 3px;
}

.componentheading {

	border-style: solid;
	border-color: #CCCCCC;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top: none;
	border-bottom: none;
	background: url(../images/componentbar_x_repeat.jpg) repeat-x;
	color: #FFFFFF;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;	
	margin-bottom: 10px;
	margin-top: 2px;
}

/* Formatting for each section table containing new items */

.sectiontableheader {

background: url(../images/menubar_x_repeat.jpg) repeat-x;
border-style: solid;
border-bottom-width: 1px;
border-top-width: 1px;
border-left:none;
border-right:none;
border-color: #0099CC;
font-weight: bold;
font-size: 11px;
height: 25px;
line-height: 25px;
text-transform: uppercase;
padding-left: 2px;


}

table.sectiontableheader tr{


border-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-color: #0099CC;

}



.sectiontableentry1 {

text-align: left;
height: 17px;
line-height: 17px;
background: #535353;
font-size: 10px;
padding: 3px;
}

.sectiontableentry2 {

height: 17px;
line-height: 17px;
text-align: left;
padding: 3px;
}



/* Formating the table of the Tables of Contents for multiple pages content or article */

table.contenttoc {

  border: 1px solid #ffffff;
  height: 20px;
  margin: 5px;

}

table.contenttoc td {

border: 1px solid #313131;

height: 20px;
padding: 3px;
} /* same as above, used to format the td and able cells */

table.contenttoc th {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	padding: 2px;
	height: 20px;
  	background: url(../images/button2_x_repeat.png) repeat-x;
	border: 3px solid #313131;

} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/

table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/

a.toclink:link {} /* same as above, used to format toc link text status*/

a.toclink:visited {} 

a.toclink:hover {} 

table.pollstableborder td {

  padding: 2px;

}



.modifydate {

	height: 15px;

	padding-top: 10px;

	color: #999999;

	font-size: 11px;

}



#active_menu {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #E5E8ED;

} /* this styling is for the menu item when it is active, even in main/sub position*/



/*Style for latest news list - by default, latest news is user1 module*/

.latestnews h3 {

  background: url(../images/subhead_bg.png) repeat-x;

  color: #E5E8ED;

	text-align: left;

	padding-top: 2px;

	padding-left: 0px;

	height: 21px;

	font-weight: bold;

	font-size: 10px;

	text-transform: uppercase;

}

	
.latestnews ul, {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000066;
	margin-left: -10px;
	padding-left: -5px;
	list-style-position: inside;

} 

.latestnews li {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -5px;
	font-size: 9px;
	color: #000066;		
	list-style-position: inside;

}



a.latestnews:link, a.latestnews:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #000066;



}



/* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/

.small {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #CECECE;

	font-weight: bold;

}

/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder { padding: 2px;} /* set the border properties of the polls voting table */



.contentcolumn {

	padding: 5px;
	height: 15px;

}



.contentheading {

	height: 30px;
	color: #0099CC;
	font-weight: bold;
	font-size: 14px;
	height: 28px;
	white-space: nowrap;

}

span.contentheading {

	height: 20px;
	color: #0099CC;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Hevlvetica, sans-serif;
	white-space: nowrap;

}


.contentpagetitle {

	font-size: 13px;

	font-weight: bold;

	color: #cccccc;

	text-align:left;

}



.inputbox {

	padding-top: 2px;

	border:solid 1px #cccccc;

	background-color: #ffffff;

}



div.mosimage {

  border: 2px solid #cccccc;

}



.mosimage {

  background: #ffffff;
  border: 2px solid #cccccc;
  margin: 5px;
  padding: 2px;


}



.mosimage_caption {

  margin: 2px;

  background: #efefef;

  color: #666666;

  font-size: 10px;

  border: 1px solid #cccccc;

}

/*ADDED FOR JCE INSERTCODE PLUGIN */
div.code { margin: 0; padding: 0; border: 1px solid #888; background-color: #EEE; margin: 0; }
div.code .head { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #CCC; border-bottom: 1px solid #888; padding-left: 2px; }
div.code ol { margin: 0; padding: 10px; margin-left: 0; padding-left: 30px; }
div.code li { font: normal normal 11px 'Courier New' , Courier, monospace; color: #000000; text-align: left; }
div.code .foot { display: none; }
div.code .de1 { color: #000000; }
div.code .imp { color: #a31515; }
div.code .kw1 { color: #0000ff; }
div.code .kw2 { color: #0000ff; }
div.code .kw3 { color: #0000ff; }
div.code .kw4 { color: #0000ff; }
div.code .co1 { color: #008000; font-style: italic; }
div.code .es0 { color: #0000ff; }
div.code .br0 { color: #000000; }
div.code .st0 { color: #a31515; }
div.code .nu0 { color: #000000; }
div.code .me1 { color: #008000; }
div.code .me2 { color: #008000; }
div.code .re0 { color: #0000ff; }