/* Important */
* {margin:0;padding:0}
body {background:#fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;margin:0 auto;} /* IE doesn't support min/max-width, so this doesn't work for IE folks */
	
/* General */
h1, h2, h4, h5, h6 {letter-spacing:-1px;font-family:arial,verdana,sans-serif;margin:.9em 0 .3em;color:#000; border-bottom:1px solid #990099}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:136%;color:#774525;}
/*h3 {font-size:126%}*/
h4 {font-size:116%}
h5 {font-size:106%}
h6 {font-size:96%}
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;}
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#774525} 
a:visited {color:#774525} 
a:hover,a:active {color:#ce4a02}


/* Tabs */
#cab {height:30px;margin-left:20px;}
#navbar {background:url("images/navbar.png") repeat-x 0 0px; margin:2px 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px}
#navbar a {color:#ce4a02; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0px 30px;list-style:none;}
#cab li {float:left; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#774525}
#cab a.navbut3 {float:left;background:url("images/tabrB2.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut3:hover {background:url("images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut3:hover {color:#774525}
#cab a.navbut3 span {float:left;background:url("images/tablB2.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3:hover span {background:url("images/tableftB.png") no-repeat left top;}
#cab a.navbut4 {float:left;background:url("images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut4:hover {color:#774525}
#cab a.navbut4 span {float:left;background:url("images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab span a:hover {color:#000;}

.cab {padding:0px 10px 30px 5px;}
.cab span a {background:url("images/story_tab2.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px;text-align:center; text-decoration:none; padding:6px 0px 0px 2px; color:#990099; font-weight:bold}
.cab span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.cab span.selected  a{background:url("images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#ffffff; font-weight:bold}
.cab span a:hover { background:url("images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#FF0000; font-weight:bold}

/*News Random*/
.contentslide{
border: 4px solid #E5A5E5;
border-bottom-width: 6px;
padding: 9px;
width: 350px;
height: 130px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 364px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #E5A5E5;
border: 8px solid #E5A5E5;
border-width: 0 6px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 348px; /*IE5 width*/
w\idth: 364px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}




/*Comment Post Form*/
/*************** Article comments (styles for comments on article full and comments page) *******************/

.comments {
	padding: 6px;
	font-size: 11px;
	color: #333333;
}

.comments ul { 
	padding:0; 
	margin:0;
}

.comments li {
	list-style-type: none;
	border-bottom: 1px solid #E2E2E2;
	background-color: #FFFFFF; 
}

/* Hides from IE5-mac \*/
* html .comments li {height:1%;}
/* End hide from IE5-mac */

.comments li span {
	display: block;
	text-align: right;
	font-size: 10px;
}

.comments li span img { 
	border: none;
	margin-bottom: -3px;
}

.comments li div.comment_header { padding: 2px 4px; color: #919191;}

.comments li div.comment_body { padding: 6px; font-size: 12px;}


/************** Center boxes ************/

#content-holder .box h3 {
	background: url(images/box_right_head_left.gif) top left no-repeat;
	color: #919191;
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

/* Hides from IE5-mac \*/
* html #content-holder .box h3 {height: 1%;}
/* End hide from IE5-mac */

#content-holder .box .box_title {
	background: url(images/box_right_head_right.gif) top right no-repeat;
}

#content-holder .box {
	background: #FFFFFF url(images/box_right_body_right.gif) bottom right no-repeat;
	margin-bottom: 6px;
	float: left;
	width: 100%;
}

#content-holder .box .box_body {
	background:url(images/box_right_body_left.gif) bottom left no-repeat;
	padding: 6px 6px 12px 6px; 
}

#content-holder .box_line {
	border-top:1px solid #C5C5C5; 
	border-left:1px solid #C5C5C5;
	margin:0 1px 0 0; 
	height:1px; 
}

#content-holder .box h4 {
	font-weight: bold;
	font-size: 12px;
	color: #919191;
	border-bottom: 1px solid #D5D5D5;
	padding: 0px 0px 2px 0px;
	margin-bottom: 6px;
	width: 300px;
}

#content-holder .box h3 span a { float: right;}

/* Styles for forms */

form { 
	padding: 0px;
	margin: 0px;
}

select  {
	
}

textarea  {
	font-weight: normal;
	padding: 3px 2px;
	border: 1px solid #D5D5D5;
	width: 300px; 
}

.form_line {
	margin-bottom: 6px;
	width: 98%;
	overflow: auto;
}

.formElement input.input_Fields {
	border: 1px solid #D5D5D5;
	font-size: 14px; 
	font-weight: normal;
	color: #707070; 
	padding: 3px 2px;
	width: 300px; 
}

.form_line label {
	/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
	color: #414141;
	padding: 3px 12px 3px 3px; 
	display: block; 
	float: left;
	width: 35%;
}

.formElement label {
	padding: 0px; 
	width: 60%;
	text-align: left;
}

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #7F9DB9;}

select.options { border: 1px solid #7F9DB9;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}


/*************** CONTENT FORMS *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 12px;
	color: #666666;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}