/* The following are changes to be made to the module template chooser if you use it.*/
/* This requires _tempchoose to be added as a Suffix in the module "template chooser" to fix problem in IE.
/* You MUST change width of preview thumb (in template choose module) to 130px */

		table.moduletable_tempchoose tr td form{
		margin-top: 3px;
		}
		
		table.moduletable_tempchoose th {
			background: url(../images/subhead_bg.png) repeat-x;
			color: #666666;
			text-align: left;
			padding-top: 4px;
			padding-left: 4px;
			height: 21px;
			font-weight: bold;
			font-size: 10px;
			text-transform: uppercase;
		}
		
/* End template chooser specific css */

/* Start of Normal CSS */

html, body {
margin: 0px;
padding: 0px;
color: #000000;
width: 99.99%;
position: relative;
}

body {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}

div {
border: none;
margin: 0px;
padding: 0px;
}

td {
text-align: left;
font-size: 11px;
}

#container {
position: relative;
border: 0px solid #cccccc;
background: #ffffff;
margin: 2px;
padding: 0px;
font-size: 1em;
}

* html #container {
width: 99%;
}

/* following styles have nothing to do with the structural layout */

h1, h2 {
	margin-top: 0px;
}

p {
	margin-bottom: 0px;
}

a:link, a:visited {
	color: #ff6600; text-decoration: none;
	font-weight: bold;
}

a:hover, a:focus:active {
	color: #ffcc00;	text-decoration: none;
	font-weight: bold;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 25px;
	background: url(../images/contenthead.png) top left no-repeat; 	
	color: #666666;
	text-indent: 15px;
	font-weight: bold;
	font-size: 11px;
	white-space: nowrap;
	border-bottom: 1px dashed #cccccc;
	white-space: normal;
	border-bottom: 1px dashed #cccccc;
	border-collapse: collapse;
}


.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

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

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

table.moduletable th {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.button {
  color: #ff6600;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px;
  line-height: 18px;
  height: 26px;
  margin: 1px 0px;
}

* html .button {
  line-height: 16px;
  line-he\ight: 18px;
  height: 24px;
  he\ight: 26px;
}


select.button {
margin-top: 2px;
width: 135px;
padding: 0px;
height: 20px;
}

* html select.button {
margin-top: 0px;
}


.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

/**********************************************/

/**** Pathway****/

#row1 {
width: 100%;
margin-bottom: 2px;
position: relative;
top: 0px;
left: 0px;
}

#pathway_text {
overflow: hidden;
float: left;
display: block;
padding: 4px 5px 0px 5px;
height: 18px;
width: auto;
border:0px solid #cccccc;
display: inline;
}

a.pathway {
}

#buttons {
margin: 0px;
padding: 0px;
width: auto;
}

#search_inner {
float:right;
width: 142px;
border: 1px solid #cccccc;
padding: 0px;
height: 21px;
margin-left: 1px;
overflow: hidden;
display: inline;
}

#search_inner {
height: 20px;
}

#search_inner form {
padding: 0;
margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #ff6600;
}

/**** User3 menu ****/

ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}

ul#mainlevel-nav li
{
display: block;
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: right;
margin-top: 0px; margin-bottom: 0px;
width: auto;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border: 1px solid #cccccc;
display: inline;
}

ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #333333;
background: transparent;
}

#buttons>ul#mainlevel-nav li a {
width: auto;
}

ul#mainlevel-nav li a:hover {
color: #ffcc00;
background: #D84203;
}


/**** Header ****/

/*  If you want the news flash to slide under the logo at resolutions lower than 800px wide, use this section, otherwise use the next */
		#row2 {
		text-align: left;
		border: 0px;
		margin: 0px;
		z-index: 10;
		background: url(../images/header_bg_repeat.png) repeat;
		background-color: #ffffff;
		height: 150px;
		}
		
		
		#header {
		position: absolute;
		padding: 0px;
		margin-right: 2px;
		width: 617px;
		height: 150px;
		/* background: url(../images/header_short.png) repeat-x; */
		overflow: hidden;
		z-index: 13;
		}
		
		* html #header {
		}
		
		#top_outer{
		float: right;
		width: 146px;
		z-index: 11;
		background-color: #ffffff;
		display: inline;
		}
		
		#top_inner {
		border: 1px solid #cccccc;
		width: 138px;
		padding: 2px;
		height: 144px;
		overflow: hidden;
		float: right;
		z-index: 10;
		background-color: #ffffff;
		display: inline;
		}
		
		* html #top_inner {
		width: 148px;
		w\idth: 138px;
		height: 150px;
		he\ight: 144px;
		}

/* end of option 1 */

/* If you want news flash to slide on top of the logo at resolutions lower than 800px wide,  use following instead of above. Remember to comment out above so it is less confusing 

		#row2 {
		position: relative;
		text-align: left;
		border: 0px;
		margin: 0px;
		z-index: 10;
		background: url(../images/header_bg_repeat.png) repeat-x;
		height: 150px;
		}
		
		#header {
		float: left;
		padding: 0px;
		margin-right: 2px;
		width: 568px;
		height: 150px;
		background: url(../images/header_short.jpg) no-repeat;
		overflow: hidden;
		z-index: 11;
		display: inline;
		}
		
		*html #header {
		}
		
		#top_outer{
		position: absolute;
		top: 0;
		right: 0;
		width: 146px;
		z-index: 12;
		background-color: #ffffff;
		}
		
		
		#top_inner {
		border: 1px solid #cccccc;
		width: 138px;
		padding: 2px;
		height: 144px;
		overflow: hidden;
		float: right;
		z-index: 13;
		background-color: #ffffff;
		display: inline;
		}
		
		* html #top_inner {
		width: 148px;
		w\idth: 138px;
		height: 150px;
		he\ight: 144px;
		}

 end of option 2 */

#top_inner table.contentpaneopen tr td {
padding-left: 3px;
padding-right: 3px;
}

/********End of Header**********/


/********Left Column**********/

a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover, a.mainlevel:focus:active {
display: block;
background: url(../images/menu_bg.png) no-repeat;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 20px;
width: 120px;
text-decoration: none;
}

* html a.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover, a.mainlevel:focus:active {
height: 25px;
he\ight: 20px;
}



a.mainlevel:hover, a.mainlevel:focus:active {
background-position: 0px -25px;
text-decoration: none;
color: #333333;
}

#active_menu {
color:#FFCC00;
font-weight: bold;
}

a#active_menu:hover, a#active_menu:focus:active {
color: #E15704;
}

table.moduletable tbody tr td table tbody tr td div {
background-color: #D20000 !important;
background-color: #cd0000;
}

a.sublevel:link, a.sublevel:visited {
line-height: 20px;
color: #FFFFFF;
}

a.sublevel:active, a.sublevel:hover {
line-height: 20px;
color: #333333;
background-color: #ff7700;
}

a.sublevel:hover#active_menu {
color: #333333;
}

/********Right Column**********/

table.pollstableborder td {
font-size: 11px;
padding: 2px;
text-align: left;
}

table.pollstableborder td.sectiontableheader {
padding-top: 4px;
padding-left: 4px;
}

.sectiontableheader {
font-weight: bold;
background: #F8F8F8;
border-top: 1px solid #C0C0C0;
}

.sectiontablefooter {
padding: 6px 0px;
text-align: center;
}


.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #F8F8F8;
}


table tr.sectiontableentry1 td, table tr.sectiontableentry2 td{
        padding: 2px;
}

/*********content*************/

#banner_inner {
padding: 0px;
height: 70px;
z-index: 1000;
position: relative;
}

#banner_inner img, #banner_inner a, #banner_inner a img {
display: block;
margin: 0px;
padding: 0px;
}

#banner_inner img {
position: absolute;
top: 1px;
left: 1px;
}


#banner_inner a {
position: absolute;
top: 7px;
left: 0px;
}

* html #banner_inner img {
left: 0px;
}

* html #banner_inner a {
}

* html #iewrapper {
position: relative;
width: 98.8%;
text-align: center
}

#user12 {
width: 100%;
}

* html #user12 {
text-align: left
}


.user1_inner {
border: 1px solid #cccccc;
margin: 0px;
padding: 2px;
margin-right: 2px;
}

.user2_inner {
border: 1px solid #cccccc;
margin: 0px;
padding: 2px;
text-align: left;
}

table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td {
padding-right: 5px;
}

table.contentpaneopen td.componentheading {
padding-left: 2px;
}

table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpane td {
margin: 0px;
padding: 0px;
padding-bottom: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpane tr ul li {
padding-bottom: 10px;
}

table.contentpane tr ul li i {
padding-left: 20px;
}

table.contentpane td form {
border-bottom: 1px solid #C0C0C0;
}

.contentdescription {
	width: 100%;
}

#cpwrap {
width: 100%;
border: 0px solid #cccccc;
}

* html #cpwrap {
text-align: left;
}

/*Other */

.back_button {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: 50px;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

.mosimage {
	border: 1px solid #cccccc;
}

.mosimage_caption {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: normal;
	font-size: 10px;
}

.small {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.pagenavcounter {
	height: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0px 2px 0px 2px;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
  width: 165px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

/* DO NOT EDIT BELOW THIS LINE */
/* THESE CSS ELEMENTS CONTROL THE STRUCTURAL LAYOUT AND SHOULD NOT BE CHANGED */
.mainheader {
margin: 0px;
padding: 0px;
color: #000000;
}


/* -21px is for who? Netscape 4, I would guess - er yes */
.columns {
margin: 0px;
margin-top: -21px;
padding: 0px;
color: #ffffff;
}


/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
.columns {
margin-top			: -18px;
font-family			: "\"}\"";
font-family			: inherit;
margin-top			: 1px;
}
/* */
/* empty required to get IE5 vback on track */
#empty{}

.leftcolumn {
float				: left;
left				: 0px;
width				: 142px;
margin				: 0px 2px 0px 0px;
margin-top			: -11px;
padding				: 0px;
color				: #000000;
border				: 1px solid #cccccc;
display				: inline;
background-color: #ffffff;	
clear: none;
}

.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
.rightcolumn {
position			: static;
float				: right;
width				: 142px;
margin				: 0px;
padding				: 0px;
z-index				: 3;
color				: #000000;
border				: 1px solid #cccccc;
display				: inline;
top: 2px;
right: 2px;
}

/*
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width.
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn1 {
position			: relative;
margin				: 0px;
padding				: 0px;
color				: #000000;
border				: 1px solid #cccccc;
z-index				: 1;
}

.centercolumn1 {
margin-right		: 0px;
margin-top			: -1px;
margin-bottom		: 0px;
margin-left			: -25px;
}

.centercolumn2 {
position			: relative;
margin				: 0px;
padding				: 0px;
color				: #000000;
border				: 1px solid #cccccc;
z-index				: 1;
}

.centercolumn2 {
margin-right		: 0px;
margin-top			: -1px;
margin-bottom		: 0px;
margin-left			: -25px;
}




/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary) and then zap empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn1 {
margin-left			: 146px;
margin-top			: 29px;
font-family			: "\"}\"";
font-family			: inherit;
margin-top			: 0px;
}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya. See  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn1 {
margin-right			: 1px;
margin-left			: 1px;
}
/* this bit resets for IE */
* html .centercolumn1 {
margin-left			: 146px;
}
/* End of OmniWeb shenanigans */


/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary) and then zap empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn2 {
margin-right		: 146px;
margin-left			: 146px;
margin-top			: 29px;
font-family			: "\"}\"";
font-family			: inherit;
margin-top			: 0px;
}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya. See  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn2 {
margin-right			: 1px;
margin-left			: 1px;
}
/* this bit resets for IE */
* html .centercolumn2 {
margin-right		: 146px;
margin-left			: 146px;
}

/* This is the css for when centercolumn_area=3, the left column isn't shown, but the right column is*/
/*
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width.
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn3 {
position			: relative;
margin				: 0px;
padding				: 0px;
color				: #000000;
border				: 1px solid #cccccc;
z-index				: 1;
}

.centercolumn3 {
margin-right		: 0px;
margin-top			: -1px;
margin-bottom		: 0px;
margin-left			: -25px;
}

/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary) and then zap empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn3 {
margin-right			: 146px;
margin-left			: 0px;
margin-top			: 29px;
font-family			: "\"}\"";
font-family			: inherit;
margin-top			: 0px;
}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya. See  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn3 {
margin-right			: 1px;
margin-left			: 1px;
}
/* this bit resets for IE */
* html .centercolumn3 {
margin-right			: 146px;
margin-left			: 0px;
}


/* This is the css for when centercolumn_area=4, the left and right columns aren't shown.*/
/*
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width.
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn4 {
position			: relative;
margin				: 0px;
padding				: 0px;
color				: #000000;
border				: 1px solid #cccccc;
z-index				: 1;
}

.centercolumn4 {
margin-right		: 0px;
margin-top			: -1px;
margin-bottom		: 0px;
margin-left			: -25px;
}

/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary) and then zap empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn4 {
margin-right			: 0px;
margin-left			: 0px;
margin-top			: 29px;
font-family			: "\"}\"";
font-family			: inherit;
margin-top			: 0px;
}
#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya. See  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn4 {
margin-right			: 1px;
margin-left			: 1px;
}
/* this bit resets for IE */
* html .centercolumn4 {
margin-right			: 0px;
margin-left			: 0px;
}
/* End of OmniWeb shenanigans */
/*********************/

#mainfooter {
float: left;
padding: 12px;
color: #000000;
text-align: center;
margin-left: 0;
width: 95%;
}

.mainfooter
	{
/*/*/
	margin-top			: 10px;
/* */
	}


.clear { clear : both; line-height: 0px; }
.clr {clear: both;}

.rpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 2px;
	}