/*#######################################################
 -------------------------------------------------------------------------------------------------------------
	PRODUCT PORTAL SKIN
	This stylesheet contains styles specific to the Product Portal Skin (e.g. Layout & skin.css overrides)
	Global Styles are contained in skin.css
 -------------------------------------------------------------------------------------------------------------	
#######################################################*/

/*#######################################################
	STRUCTURAL CSS
	These relate to the structure of the page and should not contain design rules. 
#######################################################*/ 
/*
BODY
*/
	body {
		width: 950px;
		margin: 0 auto;
	}
/*
PAGE BODY
*/
	div#pageBody {
		margin: 0;
		padding: 0;
	}
/*
CONTENT BODY
*/		
	div#contentBody {}
/*
HEADER
*/
	div#header { 
		float: left;
		clear: both;
		padding: 0;
		margin: 0;
		width: 100%;
	}
/* 
TOP PANE
*/
	div.topPane {	
		clear: both;
		margin: 0px;
		padding: 0px;
	}

/* 
SIDE COLUMN
*/
	div#sideColumn { 
		margin: 0;
		padding: 0;
	}
/* 
RIGHT PANE
*/	
	div#sideColumn div.rightPane {}
/* 
LEFT PANE
*/		
	div#sideColumn div.leftPane {}
/* 
CONTENT COLUMN
*/
	div#contentColumn { 
		margin: 0 0 0 0;
	}
/* 
BOTTOM PANE
*/
	div.bottomPane {
		margin: 0px;
		clear: both;
	}
/* 
FOOTER
*/	
	div#footer {
		margin: 0 0 10px 0;
	}

/*#######################################################
	DESIGN CSS
	These control the design of the site and its modules
#######################################################*/ 

body {
	color: #EDEDED;
}

/* HEADINGS */
H1, H2, H3, H4, H5, H6 { font-family: Arial, Sans-Serif; font-weight: bold; color: #EEEEEE; }

.textHighlight { color: #FFC20E; }

/*############################
		PAGE BODY
############################*/

div#pageBody  {
		margin: 0;
		padding: 0;
		background-color: #3F4045;
	}
	
/*############################
		ANCHORS
############################*/

a {	text-decoration: none; }
a:link { text-decoration: none; color: #f7b207; }
a:visited {  color: #f7b207; }
a:active { color: #f7b207; }
a:hover { text-decoration: underline; color: #f7b207; }
a img {
	border: 1px solid #f7b207;
}

a.CommandButton {
	color: #f7b207;
	text-decoration: underline;
}


/* LEARN MORE LINKS */
a.learnMoreLink { 
	font-weight: bold; 
	font-size: 1em; 
	background: transparent url("images/learnMoreLink_icon.png") no-repeat 0 50%; 
	padding: 5px 5px 5px 18px;
	text-decoration: underline;
	color: #1e91e3;
}
a.learnMoreLink :link {color: #1e91e3;}
a.learnMoreLink:visited {color: #1e91e3;}
a.learnMoreLink:active {color: #1e91e3;}
a.learnMoreLink:hover { 
	background-image: url("images/learnMoreLink_icon_hover.png");
	color: #f7b207;
}




/*############################
		CONTAINER
############################*/

div.container .con_header {
	color: #FFC20E;
}	


/*############################
		PAGE BANNER
############################*/ 

div#pageBanner {
	float: right;
	clear: none;
	height: 25px;
	background: transparent;
	margin: 0 0 0 0;
}			
	div.banner {
		height: 25px;
		background: transparent url("images/CivicView_logo_small.png") no-repeat top left;
	}

/*############################
		Navigation
############################*/

div#navigation {
	float: right;
	margin-right: 1em;
	font-size: .9em;
	background: #FFC20E;
}
	.main_dnnmenu_rootitem {
		border: 0;
		color: black;
	}