/*
img
{
	behavior:	 url('cuyahogasvn/Templates/Boultbee/Images/pngbehavior.htc');
}
*/


/* main style sheet 
- The page is designed based on a strongly positioned structure.
_ The main numnbers to be designed around are:
283, 8, 495. These are the main column widths. All references to these numbers shoudl only be in the CSS file here and never in the html.
If you change these widths then the panel background sizes and edges will need to be updated to match these.
There should be not change required in the html itself.

This style sheet is the ONLY style sheet for everything in the system. 
The ASP.NET 2.0 features of being able to embed and deliver loose meta data such as this from inside a dll can be used in the future to make this fully modular.

The structure of the style sheet has the GUI specifics stuff at the start, and then is divided into the various modules to allow easier changing and debugging.

*/

.blank
{
	margin:0;
	padding:0;
	background-image:url(../Images/blank.gif);
}



body
{
	margin:0;
	padding:0;
	background-image:url(../Images/pageBack_II.png);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:normal;
}


table 
{
	width: 100%;
	height: 100%;
}


/* standard links used by all modules */
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #6D7178;
	
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #6D7178;
	}
	
	
a:hover, a:active { 
	font-weight: bold;
	text-decoration: none; 
	color: #9A2B45;
	}
	

/* Main container to center the content horizontally in the page */
#pageContainer
{
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 786px;
	 /*  Dont touch this !! */
}




/* standard Navigation menu */
/* Not used currently - used by a different navigation control.
.MenuItemOff {

	text-align: right;
	font-size:10px;
	font-weight:normal;

}
.MenuItemOn {
	color: #9A2B45;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}
*/


.nav
{
	text-align:right;
	padding-bottom:5px;
}


.nav a
{
	padding-top: 6px;
	color: #6D7178;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.nav a:hover
{
	color: #9A2B45;
	font-weight: bold;
	text-decoration: none;
}

.nav a.selected
{
	color: #9A2B45;
	font-weight:bold;
	text-decoration:none;
}







/* standard global menu 
This is NOT a module currently and uses a hardocded technique from the Page engine, using UL, li tags
*/


#globalmenu
{
	height: 20px;
	color: #fff;
}

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

#globalmenu li
{
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 1px;
	list-style: none;
}

#globalmenu a
{
	padding-top: 6px;
	color: #6D7178;
	font-size: 10px;
	text-decoration: none;
	display: block;
}

#globalmenu a:hover
{
	color: #9A2B45;
	font-weight: bold;
	
}

#globalmenu a.selected
{
	color: #9A2B45;
	font-weight: bold;
}



/* standard headings */
h1 {
	
	color: #9A2B45;
	font-size: 32px;
	text-align: left;
	font-weight: bold;
}
	
h2 {
	color: #9A2B45;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
}

h3 {
	color: #9A2B45;	
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}

h4 {
	font-size: 12px;
	color: #6D7178;
	font-weight: normal;
	line-height: normal;
}

h5 {
	font-size: 10px;
	color: #6D7178;
	font-weight: normal;
	line-height: normal;
}

h6 {
	font-size: 9px;
	color: #6D7178;
	font-weight: normal;
	line-height: normal;
}


.left {  
	border-color: #CCCCCC; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 1px;
}
.right {
	border-color: #CCCCCC; 
	border-style: solid; border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}




/* Specific GUI stuff for boultbee */
/* Top Left panel - clockwise */
.ContentPaneTopL-topCornL
{

	background-image:url(../Images/toppanelL-topcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneTopL-topMid
{

	background-image:url(../Images/toppanelL-topmid_II.png);
	width:267px;
	height:8px;
	background-repeat:repeat-x;
}

.ContentPaneTopL-topCornR
{

	background-image:url(../Images/toppanelL-topcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}


.ContentPaneTopL
{
	background-image:url(../Images/toppanelL-mid_II.png);
	height:149px;
	background-repeat:repeat-x;
}

.ContentPaneTopL-botCornL
{
	background-image:url(../Images/toppanelL-botcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneTopL-botMid
{
	background-image:url(../Images/toppanelL-botmid_II.png);
	width:267px;
	height:8px;
	background-repeat:repeat-x;
}

.ContentPaneTopL-botCornR
{
	background-image:url(../Images/toppanelL-botcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

                                                   
                                                    

/* Top Left panel - clockwise */
.ContentPaneTopR-topCornL
{
	background-image:url(../Images/toppanelR-topcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneTopR-topMid
{
	background-image:url(../Images/toppanelR-topmid_II.png);
	width:479px;
	height:8px;
	background-repeat:repeat-x;
}

.ContentPaneTopR-topCornR
{
	background-image:url(../Images/toppanelR-topcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneTopR
{
	background-image:url(../Images/toppanelR-mid_II.png);
	width:495px;
	height:149px;
	background-repeat:repeat-x;
}

.ContentPaneTopR-botCornL
{
	background-image:url(../Images/toppanelR-botcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneTopR-botMid
{
	background-image:url(../Images/toppanelR-botmid_II.png);
	width:479px;
	height:8px;
	background-repeat:repeat-x;
}

.ContentPaneTopR-botCornR
{
	background-image:url(../Images/toppanelR-botcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}








/* Bottom Left panel - clockwise */
.ContentPaneBotL-topCornL
{
	background-image:url(../Images/botpanelL-topcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneBotL-topMid
{
	background-image:url(../Images/botpanelL-topmid_II.png);
	width:267px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneBotL-topCornR
{
	background-image:url(../Images/botpanelL-topcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}


.ContentPaneBottomL
{
	background-color:#FFFFFF;
	background-image:url(../Images/botpanelL_II.png);
	background-repeat:no-repeat;
	width:283px;
}








/* Bottom Right panel - clockwise */
.ContentPaneBotR-topCornL
{
	background-image:url(../Images/botpanelR-topcornL.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneBotR-topMid
{
	background-image:url(../Images/botpanelR-topmid_II.png);
	width:479px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneBotR-topCornR
{
	background-image:url(../Images/botpanelR-topcornR.png);
	width:8px;
	height:8px;
	background-repeat:no-repeat;
}

.ContentPaneBottomR
{

	background-color:#FFFFFF;
	background-image:url(../Images/botpanelR_II.png);
	background-repeat:no-repeat;
	width:495px;
}







.nomargin
{
   margin: 0px;
   font-size: 10px;
}
   
 
 /* Language Switcher module specifics */
.languageFlagOff
{
	margin-left:2px;
	margin-right:2px;
}

.languageFlagOn
{
	margin-left:2px;
	margin-right:2px;
	border: #ff0000 3px groove
	
}







/* Generic Module stuff */


a
{
	color: #6D7178;
	text-decoration: none;
}

a:hover
{
	
	text-decoration: none;
	color: #9A2B45;
	font-weight: bold;
}

#container
{
	margin: 0 70px;
}

#header
{
	height: 50px;
	margin-top: 7px;
	margin-left: 16px;
	margin-bottom: 0px;
	color: #fff;
}

#titletext
{
	font-weight: bold;
	font-size: 260%;
	color: #fff;
	margin-right: 10px;
}




#content
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 9px;
	margin-right: 200px;
}

* html #content
{
	height: 1%;
	margin-right: -3px;
}


.clear
{
	clear: both;
}

/* DO NOT CHANGE this */
.SectionOmit div.section
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	border: 0;
}

.section
{
	margin: 0px; /* Must be 0px */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	/* border-bottom: 1px solid #eee; */ /* Nic requested bottom line for all sectiosn to be removed */
}

/* This is the headings in the section */
.section h3
{
	color: #900;
	font-size: 130%;
	font-weight:900;
	padding: 2px;
	margin-top: 20px;
	margin-bottom: 4px;
}

/* This is for the editor/admin tools, and is put in the page always
	It is desifgned to float above everything else to the right of content.
*/
/* DO NOT CHANGE this */
.moduletools
{
	right:50px;
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
}

/* standard error item */
.error
{
	color: #c00;
}

/* pager used by many module to page through a list of results on many pages*/
.pager
{
	font-size: 120%;
}

.pager a
{
	margin-left: 5px;
	margin-right: 5px;
}






/* Search Input Module */
#searcharea
{
	float: right;
	width: 210px;
}

#searcharea a
{
	color: #fff;
}

#searcharea input
{
	font-size: 100%;
}






/* Search Result Module */
.searchresults
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}

.searchresults h4
{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 100%;
}

.searchresults .sub
{
	font-size: 90%;
	color: #090;
}

.searchresults li
{
	margin-top: 5px;
	margin-bottom: 5px;
}


.tbl
{
	border: 1px solid #eee;
}

.tblvalue
{
	font-weight: bold;
}




/* Article Module - experimental */
.articlelist
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.articlelist li
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.articlelist h4
{
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 100%;
}

.articlesub
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	background-color: #f9f9f9;
}

.articlesub span
{
	margin-right: 6px;
}

.articlecontent
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

.articlecomments
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
}

.articlecomments li
{
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
	border-bottom: solid 1px #eee;
}

.articleerror
{
	color: #c00;
}


/* Generic item for many modules */
.genericitem
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

.genericitem h4
{
	margin-top: 2px;
	margin-bottom: 3px;
	font-size: 100%;
}

.genericdetails
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	font-size: 0.85em;
}