﻿body
{
    margin:0;
    padding:0;
    font-size:62.5%;
    font-family:Arial;
    background:url(/images/mainBk.gif);
}
a img
{
    border:0;
}
a
{
    outline:none;
}
img.left-element
{
    margin-bottom:10px; margin-right:10px;
    float:left;
}

img.right-element
{
    margin-bottom:10px; margin-left:10px;
    float:right;
}
#wrapper
{
    width:846px;
    margin:25px auto;
}
h2
{
    margin:0;
    padding:0 0 10px 0;
    font-size:2.8em;
    position:relative;
}
h3
{
    margin:0;
    font-size:1.4em;
    padding:4px 0 0 7px;
}

#cmsContent h3
{
    margin:0;
    font-size:1.4em;
    padding:0px;
}
p
{
    margin:0;
    padding:0 0 10px 0;
    font-size:1.2em;
}
hr
{
    color:#c7c440;
    height:1px;
}
.introduction
{
    color: #538039;
    font-size: 1.7em;
}

.staticOverlay
{
    z-index:20;
    right: 0;
    position: absolute;
    bottom: 0;
}



/*---------------------------------------header-----------------------------------*/
#header
{
    height:109px;
    width:846px;
    position:relative;
    z-index:2;
    background:url(/images/headerBk.png) no-repeat;
}
#search
{
    float:left;
    display:inline;
    margin:20px 0 0 29px;
    height:21px;
    width:145px;
    background:url(/images/txtSearchBk.png) no-repeat;
}
#search input.txtSearch
{
    background-color:transparent;
	border:0px solid transparent;
	font-size:1.2em;
	height: auto !important;
	height: 15px;
	min-height: 15px;
	line-height:15px;
	margin:2px 0 0 5px;
    width:112px;
    padding:0;
    float:left;
    display:inline;
    color:#706a64;
}
#search input.btnSearch
{
    background-color:transparent;
	border:0px solid transparent;
	height:22px;
	margin:0;
    width:28px;
    padding:0;
    float:left;
    display:inline;
}

/* ***** START NEW STYLES 16/11/11 - CG *****/

ul#social { width:60px; height:25px; float:left; margin:18px 0 0 20px; padding:0; list-style:none;}
ul#social li { float:left;  width:25px; height:25px; margin-right:5px;}
ul#social li a { display:block; width:25px; height:25px;}
ul#social li a:hover { background-position:0 -25px;}
.facebook {  background:url(/images/facebook.png) no-repeat;}
.flickr  {  background:url(/images/flickr.png) no-repeat;}


#wiganmap { float:right; width:629px; height:525px; margin:30px 0 0 0px;}

/* ***** END NEW STYLES 16/11/11 - CG *****/

#header_nav
{
    float:left;
    display:inline;
    margin:40px 0 0 29px;
}
#header_nav ul
{
    margin:0;
    padding:0;
}
#header_nav ul li
{
    margin:0 0 0 8px;
    float:left;
    display:inline;
    list-style:none;
}
#header_nav ul li a
{
    text-decoration:none;
    color:White;
    padding:3px 0 0 0;
    text-align:center;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    height:18px;
}
#header_nav ul li a:hover
{
    cursor:pointer;
}
#header_nav ul li.small a:hover
{
    background:url(/images/headerNavSmallHover.png) no-repeat;
}
#header_nav ul li.large a:hover
{
    background:url(/images/headerNavLargeHover.png) no-repeat;
}
#header_nav ul li.small a, #header_nav ul ul li.small a
{
    width:62px;
    background:url(/images/headerNavSmall.png) no-repeat;
}
#header_nav ul li.large a, #header_nav ul ul li.large a
{
    width:78px;
    background:url(/images/headerNavLarge.png) no-repeat;
}
#main_logo
{
    display:inline;
    float:right;
    margin:12px 22px 0 0;
}
/*-------------------------------------main body area---------------------------------------------*/
#document
{
    float:left;
    width:846px;
    position:relative;
    z-index:1;
}
#document2
{
    float:left;
    width:846px;
    background-color:white;
}
#lower_document
{
    float:left;
    width:846px;
    height:34px;
}
/*---------------------left column------------------------*/
#left_column
{
    display:inline;
    float:left;
    width:568px;
    margin:31px 0 0 36px;
}
#content
{
    display:inline;
    float:left;
    width: 568px;
    margin:20px 0 0 0;
}
#cmsContent ul li
{
    font-size:1.2em;
}
/*---------------------right column------------------------*/
#right_column
{
    display:inline;
    float:right;
    width:191px;
    margin:31px 35px 0 0;
}
#latest_news
{
    width:191px;
}
#latest_news h3
{
    width:184px;
    height:18px;
}
#latest_news h3 a
{
    color:#58623c;
    text-decoration:none;
}
#latest_news h3 a.rightButton
{
    margin:0 0 0 61px;
    padding:0;
}
#latest_news_body
{
    width:191px;
}
#latest_news_body p
{
    font-size:1.4em;
    width:181px;
    padding:8px 0 7px 10px;
    background-color:#554a2f;
}
#events
{
    width:191px;
    margin-top:15px;
}
#events h3
{
    font-size:1.3em;
    width:184px;
    height:18px;
}
#events h3 a
{
    color:white;
    text-decoration:none;
}
#events h3 a.rightButton
{
    margin:0 0 0 30px;
    padding:0;
}
#events_body
{
    width:191px;
}
#events_body_events
{
    position:relative;
    padding:8px 7px 7px 0;
}
#events_body_events .eventDate
{
    font-size:1.1em;
    color:#75c5ca;
    margin:0;
    padding:0 0 0 10px;
}
#events_body_events .eventTitle
{
    font-size:1.1em;
    color:White;
    margin:0;
    padding:0 0 0 10px;
}
#projects
{
    width:191px;
    margin-top:15px;
}
#projects h3
{
    width:184px;
    height:18px;
    font-size:1.3em;
}
#projects h3 a
{
    color:#58623c;
    text-decoration:none;
}
#projects h3 a.rightButton
{
    margin:0 0 0 17px;
    padding:0;
}
#projects_body
{
    width:191px;
}
#projects_body p
{
    font-size:1.4em;
    width:181px;
    padding:8px 0 7px 10px;
    background-color:#554a2f;
}
#poll
{
    width:191px;
    margin-top:15px;
}
#poll h3
{
    width:184px;
    height:18px;
}
#poll_body
{
    width:191px;
    background-image:url(/images/pollBk.png);
}
#poll_body p
{
    font-weight:bold;
    font-size:1.2em;
    padding:5px 0 0 8px;
    background-image:url(/images/pollQuestionBk.png);
}
#poll_yes_no
{
    margin:7px 0 0 12px;
}
#poll_yes_no input
{
    float:left;
}
#poll_yes_no span
{
    font-size:1.4em;
    padding:0 14px 0 5px;
    float:left;
}
#poll_yes_no a
{
    font-size:1.3em;
    float:left;
}
/*-----------------------------footer--------------------------*/
#footer
{
    float:left;
	width:100%;
}
#footer ul
{
    margin:8px 0 0 12px;
    padding:0;
}
#footer ul li
{
    display:inline;
    float:left;
    font-size:1.1em;
    color:White;
    list-style:none;
    margin-left:7px
}
#footer ul li a
{
    color:#bdbcbc;
    text-decoration:none;
}
#footer ul li a:hover
{
    color:white;
    text-decoration:underline;
}
/* NEW WIGAN COUNCIL LOGO ADDED BY CG - 20/12/2011 */
#wc-logo {
	float:right;
	margin:7px 40px 20px 0;
}

/*------------------------------------------------------- QUICKLINKS DROPDOWN -----------------------------------------------------*/
/* remove all the bullets, borders and padding from the default list styling */
#header_nav ul ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	display: inline;
}

#header_nav ul ul ul
{
	margin:0;
	width:62px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*#header_nav ul ul li
{
	float:left;
	position:relative;
	z-index:2;
	width:62px;
	margin:0;
}

#header_nav ul ul li a
{
	display:block;
	text-decoration:none;
	font-weight: bold;
	width:62px;
	height:21px;
	padding:0;
	line-height:20px;
}

* html #header_nav a 
{
	width:62px;
	w\idth:62px;
}

#header_nav ul ul ul
{
	visibility:hidden;
	position:absolute;
	z-index:100;
	height:0;
	padding-top:5px;
	top:21px;
	left:0;
	width:62px;
}

* html #header_nav ul ul ul
{
	top:22px;
	t\op:22px;
}

#header_nav table
{
	position:absolute;
	z-index:100;
	top:-1px;
	left:0;
	width:62px;
}

#header_nav ul ul li:hover ul li a, #header_nav ul ul li a:hover ul li a
{
	font-weight: bold !important;
	height: auto !important;
	height: 21px;
	min-height: 21px;
	line-height:21px;
	padding: 0 0 5px 0;
	width:62px;
}

#header_nav ul ul li:hover ul li a:hover, #header_nav ul ul li a:hover ul li a:hover  {
	font-weight: bold !important;
}

* html #header_nav ul ul ul a
{
	width:62px;
	w\idth:62px;
}

#header_nav ul ul li a:hover ul
{
	display:block;
	position:absolute;
	top:20px;
	left:0;
}

#header_nav ul ul ul li a:hover, #header_nav ul ul ul li a:hover { color:#ffffff; }

#header_nav ul ul li:hover ul, #header_nav ul ul a:hover ul { visibility:visible; }*/
/*---------------------------------------------------------------------------------------------------------------*/

.clear
{
    clear:both;
}
#header, #main_logo a img, #search, #lower_document img, #header_nav ul li a { behavior: url(/styles/iepngfix.htc) }

#content ul li
{
    list-style-image: url(/images/bullet.png);
    font-size: 1.2em;
}
