/* ----------------------------
TOWN OF WHITECOURT CSS Document 
---------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
	background-image: url("images/bg_gradient.jpg");
	background-repeat: repeat-x;
	background-color: #71805F;
	background-position: top;
	margin-top: 15px;
}

#container {
	width: 925px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;	
}

/* ----------------------------
TEXT FORMATTING
---------------------------- */

h1 {
	font-family: Georgia;
	font-size: 22px;
	font-weight: lighter;
	color: #515848;
}

h2 {
	font-family: Georgia !important;
	font-size: 16px;
	font-weight: normal;
	color: #478725;
	font-style:italic;
}

.Normal {
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}	

.Head {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#515848;
	text-align:left;
}

.SubHead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#478725;
	text-align:left;
}

#insidecontent {
	padding:15px;
	margin-left:20px;
	margin-right:20px;
}


/* ----------------------------
LINK FORMATTING
---------------------------- */

#content {
	padding: 5px 0px 0px 0px;
}

#content a {
	color: #424242;
	text-decoration: underline;
}

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

.EventNextPrev a {
	font-size: 14px;
	color: #ffffff !important;
	text-decoration: underline;
	font-weight: bold;
}

.EventNextPrev a:hover {
	font-size: 14px !important;
	color: #cccccc !important;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}


#search a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#search a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

#footerText a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#footerText a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

a:link {
	color:#478725;
	font-weight:bold;
	text-decoration:underline;
}


A:visited
{
	text-decoration: underline;
	color: #478725;
}

A:hover
{
	text-decoration: underline;
	color: #25500e;
}

A:active
{
	text-decoration: underline;
	color: #478725;
}


#middlecontent {
	width:180px;
	padding-right:20px;
}

/* ----------------------------
HEADER FORMATTING
---------------------------- */

#header {
	position: relative;
	float: left;
	width: 925px;
	height: auto;
}

#banner_discover {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_discover.jpg") no-repeat;
}

#banner_discover_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_discover_winter.jpg") no-repeat;
}

#banner2 {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner2.jpg") no-repeat;
}

#banner_business {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_business.jpg") no-repeat;
}

#banner_business_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_business_winter.jpg") no-repeat;
}


#banner_home {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_home.jpg") no-repeat;
}

#banner_home_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_home_winter.jpg") no-repeat;
}



#banner_living {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_living.jpg") no-repeat;
}

#banner_living_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_living_winter.jpg") no-repeat;
}

#banner_town {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_town.jpg") no-repeat;
}

#banner_town_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_town_winter.jpg") no-repeat;
}

#banner_allan {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_allan.jpg") no-repeat;
}

#banner_allan_winter {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner_allan_winter.jpg") no-repeat;
}

#banner7 {
	position: relative;
	float: left;
	width: 925px;
	height: 238px;
	background: url("images/banner7.jpg") no-repeat;
}

#bannerbar {
	position: relative;
	float: left;
	width: 925px;
	height: 34px;
	background: url("images/banner_bar.jpg") no-repeat;
}

/* ----------------------------
BODY FORMATTING
---------------------------- */

#bodyGradient {
	position: relative;
	float: left;
	width: 925px;
	height: auto;
	background: url("images/body_header.jpg") no-repeat;
}

#bodyContent {
	position: relative;
	float: left;
	width: 925px;
	height: auto;
	background: url("images/body_bg.jpg");
}

#bodyFooter {
	position: relative;
	float: left;
	width: 925px;
	height: 14px;
	background: url("images/body_footer.jpg");
}

#left {
	position: relative;
	float: left;
	width: 245px;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
}

/* ----------------------------
NAV FORMATTING
---------------------------- */

navHolder {
	position: relative;
	float: left;
	width: 245px;
	height: auto;
	padding: 0px;
}

#navHolder ul li {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #225F8A;
	margin-left: 40px;
	padding: 10px 0px 10px 0px;
	/*list-style-image: url("../images/nav_arrow.png");*/
	list-style-position: outside;
	list-style-type: none;
}

#nav {
	position: relative;
	float: left;
	width: 255px;
	padding: 0px;
	margin: 0px;
	display: block;
	margin-top:15px;
}

#nav li a {
	color: #424242;
	text-decoration: none;
	font-size: 13px;
	display: block;
	padding: 0px 0px 0px 15px;
	background: url("images/nav_arrow.png") no-repeat;
}

#nav li a:hover {
	color: #478725;
	text-decoration: none;
	font-size: 13px;
	display: block;
	padding: 0px 0px 0px 15px;
	background: url("images/nav_arrow.png") no-repeat;
}

/* ----------------------------
ADS FORMATTING
---------------------------- */

#leftcontent {
	position: relative;
	float: left;
	width: 245px;
	height: auto;
	padding: 20px 0px 0px 0px;
}

/* ----------------------------
MAIN CONTENT FORMATTING
---------------------------- */

#mainContent {
	position: relative;
	float: left;
	width: 640px;
	height: auto;
	padding: 0px;
	margin: 0px;
}

/* MAIN TABLE FORMATTING */

#mainTable {
	width: 600px;
	margin: 0 auto;
	margin-top: 10px;
}

.descriptions {
	padding: 5px 10px 0px 15px;
}

.buttons {
	padding: 5px 0px 0px 10px;
}

/* SEARCH TABLE FORMATTING */

#search {
	float: right;
	color: #ffffff;
	padding: 5px 20px 0px 0px;
}






/* ----------------------------
FOOTER FORMATTING
---------------------------- */

#footer {
	position: relative;
	float: left;
	width: 925px;
	height: 72px;
	background: url("images/footer.jpg");
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}

#footerText {
	color: #ffffff;
	padding: 20px 0px 0px 35px;
	font-size: 11px;
}

td {
	vertical-align:top;
}

p {
	margin-top:0px;
}




/* -------- MENU LINKS ---------- */



/* Main nav menu classes */
.NavMenu_MenuContainer
{
	width: 245px;
	padding-top:0px;
	height: 0px; /* Ensures the menu doesn't come down to far pushing other elements around */
	vertical-align: bottom;
}

/* FIX for rendering issue in IE. There's an empty cell at the end that IE renders has having height,
   this makes it render smaller. This font setting is over written for all other menu items. */
.NavMenu_MenuContainer td
{
	color: #424242;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	vertical-align:bottom;
	text-align:left;
	padding-left: 11px;
	line-height: 30px;
	margin: 0px;
}

.NavMenu_MenuBar
{
	cursor: pointer;
	background-color: Transparent;
}

.NavMenu_RootMenuItemActive {
	color:#424242;
	line-height: 30px;
}

.NavMenu_RootMenuItemActive td {
	color:#424242;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	padding-left: 11px;
	line-height: 30px;
	margin: 0px;
	border-bottom: 1px solid #225F8A;
	background: url("images/nav_arrow.png") no-repeat left;
}

/* Root table cell */
tr.NavMenu_RootMenuItem td
{
	color:#424242;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	padding-left: 11px;
	line-height: 30px;
	margin: 0px;
	border-bottom: 1px solid #225F8A;
	background: url("images/nav_arrow.png") no-repeat left;
}

/* Root table cell that is selected (click/hover)*/
tr.NavMenu_RootMenuItemSel td
{
	color:#478725;
	font-size: 13px;
	font-family:  Arial, Helvetica; 
	background-color:transparent;
	text-align: left;
	vertical-align: middle;
	padding-left: 11px;
	line-height: 30px;
	margin: 0px;
	border-bottom: 1px solid #225F8A;
	background: url("images/nav_arrow.png") no-repeat left;
}

.NavMenu_RootSeparator
{
}

.NavMenu_MenuItem
{
	cursor: pointer;
	color: #ffffff;
	font-family:  Arial, Helvetica; 
	font-size: 13px; 
	font-style: normal; 
	background-color:#transparent;
	text-align:left;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	vertical-align:middle;
	
}

.NavMenu_MenuIcon
{
	background-color: #478725;
	color: #ffffff;
	cursor: pointer;
	text-align: center; 
	width: 10px; 
	height: 20px;
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	
}

.NavMenu_MenuArrow
{
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent 
	border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	width: 8px;
	border-right:none !important;
	padding: 0px 0px 0px 10px;
	vertical-align:middle;
}

.NavMenu_RootMenuArrow {
	display: none;
}

.NavMenu_MenuSel
{
	background-color: transparent; 
	cursor: pointer;
	color: #ffffff;
	font-family: Arial, Helvetica; 
	font-size: 13px; 
	font-weight: normal; 
	font-style: normal;
	text-align:left;
}

.NavMenu_MenuBreak
{
	height: 4px;
	padding: 0px;
	margin: 0px;
}

.NavMenu_MenuBreak table
{
	display: none;
}

.NavMenu_SubMenu
{
	background-color: #478725;
	z-index: 99999; 
	font-weight: bold;
	cursor: pointer;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
	border-top: solid 1px white;
	border-left: solid 1px white;
	border-right: solid 1px white;
	text-align:left;
	vertical-align:middle;
	font-size: 13px; 
	font-family: Arial,  Helvetica; 
	line-height: 20px;
}


.NavMenu_SubMenuSel
{
	background-color: #25500E;
	cursor: pointer;
	color: #ffffff; 
	font-family: Arial,  Helvetica; 
	font-size: 13px; 
	font-weight: bold; 
	/* bottom only, SubMenu gets top, left right, we put the !important on to couteract a 1px transparent border that is added by the nav menu as an inline style*/
	border-bottom: solid 1px white !important;
	vertical-align:middle;
	line-height:20px;
}




div#links {
display:none;
position: absolute;
 top: -0px;
 left: 0px;
 height: 400px;
 width: 500px;
 z-index:100;


}