/*	StyleSheet by David Herreman - http://www.free-css-templates.com
	stafford-one template, modified for sNews 16 ME - Modular, Enhanced
	Sept.19.07 - keyrocks
---------------------------------------------------------------------------- */

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;

color : #454545;
}

a {
color : #841212;

text-decoration : none;
}
a:hover {
color : #a31f1f;

text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.4em Arial, Sans-Serif;
	/* letter-spacing : -1px; */
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.content {
margin : 0 auto;
width : 900px;
}
#top {
padding-top : 0;
background : transparent;
height : 80px;
}
#top h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #616161;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}


#main {
width : 900px;
margin : 0;
padding : 0;
}


#content-focuspanel .intro {
	overflow : visible;
	width: 563px;
	border: 1px solid #990000;
	padding : 10px;
}
#content-focuspanel .intro h3 {
	color: #742929;
	font-size: 15px;
}




#content-focuspanel a {
color : #841212;
text-decoration : none;
}
#content-focuspanel a:hover {
color : #a31f1f;
text-decoration : underline;
}

#content-focuspanel .mpart {
	width: 650px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 20px;
}

#content-focuspanel h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Arial, Sans-Serif;
}

#content-focuspanel .mpart h2 {
	background : url(../images/lrline.gif) no-repeat bottom left;
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	color: #742929;
	font-family: verdana, Arial, Sans-Serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
}

 .mpart ul {
	margin-left: 20px;
	padding-left: 20px;
	list-style-image: none;
	list-style-type: disc;
}

 .mpart li {
	padding-bottom: 5px;

}

#content-focuspanel p {
color : #454545;
padding : 0;
text-align : justify;
}

#content-focuspanel blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}

#content-focuspanel .greybox {
border : 1px solid #ccc;
background : #f5f5f5;

padding : 10px;
}

#printbutton{
	text-align: center;
}

/* REMOVES BORDERS FROM IMAGES */
img { border: none; }

/* sNEWS FUNCTION STYLES ------------------------------------------------- */
#breadcrumbs {
	float: left;
	margin: 10px 0 0 0;
	display: none;
}

#search {
	float: left;
	position: relative;
	left: 10px;
	top: 16px;
}
#search_engine {
	margin: 0px;
	padding: 0px;
}

#search p {
	padding: 0;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
}
.searchfield{
	margin: 0px;
	padding: 0px;
}
.searchbutton{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#rss { float: right; text-align: right; }
#rss li { float: left; margin: 0 0 0 10px; }

fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #f5fce2; color: #000; }
input { padding: 2px; }
/*textarea { width: 97%; height: 20em; padding: 3px; }*/

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #e6eed2; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
/*.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; } */

/* indents icons in sitemap, archive & rss_links_sm - this package only. */
.icon_indent { margin-left: 20px; }

/* For keyrock's custom admin panels mod only */
.admpanel { border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 95%; height: 20em; padding: 3px;}

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle {
	color: #666666;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}
.buttonmargin { margin-bottom: 10px; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }


/* FOR ARTICLE LEADS FUNCTION in mods/lead_articles.php */
	/* division class for article lead */
        .article_lead { border-bottom: 1px dashed #d7e2ba; margin-bottom: 10px; padding-bottom: 5px; }
	/* span classes for date and text */
	.datelead { font: normal 10px Arial; color: #808080; }
	.leadtext { line-height: 1.2em; }



/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }

/* mattonik's image links panel mod (keyrocks) */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* mattonik's internal links mod */
#InterneLinky {
padding: 0.3em;
border: 1px solid #ccc;
}

#ILclanky {
display: block;
width: 20em;
height: 20em;
overflow:auto;
float: left;
}

#ILsites {
display: block;
width: 40%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

#ILcat {
display: block;
width: 20%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}

/* sNEWS Contact Form STYLES ------------------------------------------------- */
textarea#message  {
	height: 20em;
	padding: 3px;
	width: 560px;

}

#content-sidepanel textarea#message  {
	height: 20em;
	padding: 3px;
	width: 140px;

}

#content-sidepanel .commentsbox {
	border: 1px solid #999999;
	padding: 5px;
	width: 150px;
}
#content-sidepanel input.text  {
	width: 140px;
}
#content-sidepanel input#calc  {
	width: 140px;
}
#content-sidepanel p.submit  {
	width: 140px;
	text-align: center;
}


/* sNEWS Calendar STYLES  width moved from cal/style.css file ------------------------------------------------- */
#calendar {
	text-align:center;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	width:220px;
	margin:0em;
}















/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menuVert1 {
	z-index:1000;

	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 2px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menuVert1 ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;
	font-size: 12px;
	font-weight: bold;	
	/*text-transform: uppercase;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-variant: small-caps;*/ 
}
/* hack for IE5.5 */
* html .menuVert1 ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menuVert1 li {
position:relative;
background:#961431;
height:26px;
}

/* get rid of the table */
.menuVert1 table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menuVert1 a, .menuVert1 a:visited {
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:159px;
	color:#FFFFFF;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
}
/* hack for IE5.5 */
* html .menuVert1 a, * html .menuVert1 a:visited {background:#961431; width:160px; w\idth:159px;}
/* style the link hover */
* html .menuVert1 a:hover {color:#000000; background:#990000;}

.menuVert1 :hover > a {
	color:#ffffff;
	background-color: #990000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuVert1 ul ul {
visibility:hidden;
position:absolute;
top:0;
left:160px; 
}
/* make the second level visible when hover on first level list OR link */
.menuVert1 ul li:hover ul,
.menuVert1 ul a:hover ul {
visibility:visible;
}


.menuVert1 .subItem {
	font-weight: normal;
}
.menuVert1 .subItem li {
	position:relative;
	height:26px;
	background-color: #edece8;
}
/* style the .subItem links */
.menuVert1 .subItem a, .menuVert1 .subItem a:visited {
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:219px;
	color:#333333;
	text-indent:5px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
/* hack for IE5.5 */
* html .menuVert1 a.subItem , * html .menuVert1 .subItem a:visited {background:#edece8; width:160px; w\idth:159px;}
/* style the link hover */
* html .menuVert1 .subItem a:hover {
	color:#333333;
	background:#f6f5f5;
}

.menuVert1 .subItem :hover > a {
	color:#000000;
	background-color: #f6f5f5;
}











/* keep the third level hidden when you hover on first level list OR link */
.menuVert1 ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menuVert1 ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menuVert1 ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menuVert1 ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
















/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.menu1, ul ul {
	padding:0;
	border:0;
	list-style-type:none;
	height:22em;
	overflow:hidden;
	/*background:#f8f8f8;*/
	width:188px;
	text-align:left;
	color:#fff;
	/*border:1px solid #999999;*/
	margin-top: 6;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {
	display:block;
	width:14em;
	height:2em;
	line-height:1.9em;
	text-decoration:none;
	color: #333333;
	font-weight:bold;
}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {
	border:0;
	color: #333333;
	font-weight:bold;
}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {
	display:block;
	height:12em;
	width:12em;
	margin-top:-1px;
	border:1px solid #961431;
	background-color: #f8f8f8;
}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {
	height:2em;
	color:#666666;
	font-weight:normal;
	background-color: #f8f8f8;
}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {
	color:#fff;
	background-color: #961431;
}


.BotNav {
	width: 880px;
	margin: 0px auto;
}
#BotNav ul {
	margin:0 auto 30px auto;
	padding:0;
	list-style:none;
	display:table;
	white-space:nowrap;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
#BotNav li {
	display:table-cell;
	margin:0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
#BotNav a {
	float:left;
	color:#FFFFFF;
	margin:0 2px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	letter-spacing:1px;
}
#BotNav a b {
	float:left;
	display:block;
	padding:5px 16px 5px 12px;
}
#BotNav a:hover {
	cursor:pointer;
	color: #FFFFFF;
}
#BotNav #current a {
}
#BotNav {
	padding:1px 0 0 0;
}



#BotNav #legal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
    color:#FFFFFF;
	margin:0 2px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	letter-spacing:1px;
}

#BotNav #legal a {
	float:none;
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:1px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
	text-align: center;
}






body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #666666;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
html {
	/*background: #810000 url("../images/PageBackLeft.gif") no-repeat left top;*/
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}
div#container {
	background-image: url("../images/PageBackRight.gif");
	background-repeat: no-repeat;
	background-position: right top;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#HeaderShell {
	background-image: url("../images/HeaderBack.gif");
	background-repeat: no-repeat;
	background-position: center top;
	height: 386px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#HeaderImageWrapper {
	width: 100%;
	text-align: center;
	position: relative;
	top: 15px;
}
#HeaderImage {
	background-image: url("../images/Header.jpg");
	height: 309px;
	width: 900px;
	margin: 0px auto;
}

/* --- HEADER MidNav NAVBAR --------- */
#MidNavwrapper {
	text-align: right;
	float: right;

}
.MidNav {
	height: 34px;
	float: right;
	width: 660px;
	position: relative;
	top:10px;
	text-align: right;
}
.MidNav ul {
	padding:0;
	list-style:none;
	display:table;
	white-space:nowrap;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	position: absolute;
	right: 10px;
	top: 5px;
	
}
.MidNav ul li {
	font-size:11px; 
	font-weight: bold;
	display: inline;
	margin: 0px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
    display:table-cell;
	margin:0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;


	line-height: 25px;
	color: #F0F0F0;
	text-decoration: none;
    float:left;
	color:#fff;
	margin:0 2px 0 0;
	padding:0 0 0 2px;
}


.MidNav ul li a {
	line-height: 25px;
	color: #F0F0F0;
	text-decoration: none;
    float:left;
	color:#fff;
	margin:0 2px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	letter-spacing:1px;
}
#MidNav a b {
	float:left;
	display:block;
	padding:5px 16px 5px 12px;
}
.MidNav ul li a:hover {
	color: #ebebeb;
    cursor:pointer;
}
/* --- HEADER TopNav NAVBAR --------- */
.TopNavwrapper {
	position: relative;
	width: 100%;
	height: 84px;
}
#TopNav {
	position: absolute;
	top: 5px;
	left: 5px;
}

.TopNav {
	height: 25px;
	width: 900px;
}
.TopNav ul {
	padding: 0px;
	text-align: right;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.TopNav ul li {

	display: inline;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;	
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}
.TopNav ul li a {
	line-height: 25px;
	color: #F0F0F0;
	text-decoration: none;
}
.TopNav ul li a:hover {
	color: #ebebeb;
}
#TopNav2 {
	position: absolute;
	top: 75px;
	left: 5px;
}

.TopNav2 {
	height: 25px;
	width: 900px;
}
.TopNav2 ul {
	padding: 0px;
	text-align: right;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.TopNav2 ul li {
	display: inline;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-variant: small-caps;
	line-height: 25px;
	color: #F0F0F0;
	text-decoration: none;
	letter-spacing: 1pt;
}
.TopNav2 ul li a {
	line-height: 25px;
	color: #F0F0F0;
	text-decoration: none;
}
.TopNav2 ul li a:hover {
	color: #ebebeb;
}
div#contentHeader {
	padding:0px; /* bottom padding for footer */
	width: 900px;
	text-align: center;
	background-image: url("../images/ContentFullBack.gif");
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin: 0px auto;
	height: 10px;
}
div#contentleft {
	width: 900px;
	text-align: center;
	background-image: url("../images/ContentLeftBack.gif");
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
	overflow: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;

}

#contentleft #content-sidepanel {
	margin-left: 5px;
	width: 160px;
	float: left;
	/*background-color: #EDECE8;*/
	text-align: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}



#contentleft #content-sidepanel h3 {
	font-size: 15px;
	font-weight: bold;
}

#contentleft #bottomnotice {

	float: none;
	width: 830px;
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
	padding: 18px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #990000;	
}
#contentleft #bottomnotice h3 {
	color: #742929;
	font-size: 15px;
}




#contentleft #CalWrapper {
	position: relative;
	left: 0px;
	bottom: 0px;
	margin-top: 50px;
}
#contentleft #content-focuspanel {
	width: 650px;
	height:auto !important;
	height:435px;
	min-height:435px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-right: 20px;
	padding-left: 0px;
}
#content-sidepanel .leftnotice {
	width: 150px;
	border: 1px solid #FFFFFF;
	padding : 5px;
	background-color: #f6f5f5;
}
#content-sidepanel .leftnotice h3 {
	color: #742929;
	font-size: 15px;
}
/* --- Footer BotNav NAVBAR --------- */
div#footer {
	/*position:absolute;*/
	width:900px;
	bottom:0; /* stick to bottom */
	margin: 0px auto;
	background-color: #EDECE8;
	text-align: center;
	background-image: url(../images/FooterBack.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 320px;
	padding-top: 30px;
	height: 320px;
}
#footer .footerSub {
	float : none;
	text-align : center;
	background : inherit;
	padding-top : 10px;
	clear: both;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 17px;
	color: #841212;
}

.hilite {
	color: #980000;
}
.divider {
	height: 10px;
	width: 450px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(../images/divider1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.hilite2 {
	color: #999999;
	font-size: 14px;
	font-style: italic;
	width: 375px;
	padding: 20px;
	border: 1px solid #999999;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}


#news_articlesindex{
	list-style-type: none;
}
ul.articlelist{
	list-style-type: none;
	text-transform: uppercase;
}
/* --- SPACERS --------- */
.spacer-0px {
	margin: 0px;
}
.spacer-2px {
	margin: 2px;
}
.spacer-5px {
	margin: 5px;
}
.spacer-10px {
	height: 10px;
}
.spacer-20px {
	height: 20px;
}
.spacer-25px {
	height: 25px;
}
.spacer-30px {
	height: 30px;
}
.leftImage {
	float: left;
	margin-right: 20px;
}