/****************************************************************************/
/* Page Layout Styles														*/
/****************************************************************************/
html {
	overflow: -moz-scrollbars-vertical !important;
}
body {
	
/**	background-color: #dfd3b4;
	background-repeat: repeat-x;
	margin: 4px;
	text-align: center;
	
**/
background: url("/icc_cms/templates/civic_hall/images/ipcc_bg_img.jpg") repeat-x scroll center 0px #dfdede !important;	
}

#page {
	width: 750px;
	padding:5px 10px 5px 16px;
	
	/**background-color:#FFFFFF;
	background: url("images/left-border.jpg") left top repeat-y;	**/

}

#banner {
	border-bottom: 1px solid white;
	height: 180px;
	margin: 0;
	padding: 0px;
	
	background-image: url("images/ipcc_banner.jpg");
	background-repeat: no-repeat;
	text-align: center;
}
#logo {
	border: 0px;
	margin: 0px;
	height:82px;
	
}
#city_of_ipswich {
	border: 0px;
	margin: 0px;
	margin-left: 100px;
	float: left;
	clear: none;
}

#navigation {
	height: 26px;
	background-color: #fff;
	padding: 0px;
	margin: 1px 0 0 0 ;
	border-bottom: 1px solid #dfdede;
}

#search {
	float: right;
	clear: right;
	padding: 2px;
	padding-right: 6px;
	border-right: 0px;
}

#search .searchTerms,
#search .button {
	vertical-align: middle;
	margin-bottom:1px;
	margin-top:1px;
	/* additional conditional IE styles in page header */
}

#search .searchTerms {
	width: 100px;
	font-weight: normal;
	padding: 1px;
	border: 1px solid black;
}
#search .button {
	background-color: #e4e3e3;
	border: 1px solid black;
	border-left: 1px solid #e4e3e3;
	height: 16px;
	width: 22px;
	padding:0px; /* required for Safari */
}

#contentArea {
	text-align: left;
	width: 100%;
	background: #fff;
	padding: 0px;
	clear: both;
}

#content {

	background-repeat: repeat-x;
	background-position: bottom;
	background-color: white;
	vertical-align: top;
	padding: 10px;
	text-align: left;
	width: 730px; /* Required for opera BUT MUST BE OVERRIDEN FOR IE */
}

/****************************************************************************/
/* Drop down menu styles													*/
/****************************************************************************/

#menu,
#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border:1px #CCCCCC;
}
#menu .root {
	border: 0px;
	border-right:1px solid #dfdede;
}
#menu a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding: 5px 12px 8px 12px;
}
#menu a:hover {
	background-color: #dfdede;
	
	
}


#menu li {
	float: left;
	position: relative;
	float: left;
	clear: none;
	padding: 0px;
	margin-left: 0px;
	background-image: none;
	z-index:1;
	

}
#menu .root ul {
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	width: 160px;

}
#menu .root ul li {
	border-bottom: 1px solid #dfdede;
	width: 100%;
	text-align: left;
	
}
#menu .root ul li a {
	width: 136px;

}

#menu .root ul li a.hover, #menu .root ul li a:hover {
	width: 136px;
	background-color: #CCCCCC;
	background-image:none;

}

#menu li:hover ul,
#menu .selected ul {
	display: block;
}
#menu .active {
	background-color:#cfcfcf;
}

/****************************************************************************/
/* Side menu styles														*/
/****************************************************************************/

#sideMenu {
	width: 140px;
	background-color: #fff;
	vertical-align: top;
}

#sideMenu .level2,
#sideMenu .level2active {
	border-bottom: 1px solid #cfcfcf;
	width: 140px;
}
#sideMenu .level2 a,
#sideMenu .level2active a {
	display: block;
	padding: 6px;
	padding-left: 8px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	clear: both;
	width:122px;
}
#sideMenu .level2active {
	background-color: #cfcfcf;
}

#sideMenu .level2active a{
	color: #000;
}

#sideMenu .level2 a:hover {
	background-color: #ecebeb;
	width: 126px;
}
#sideMenu .level3active {
	background-color: #000;
}
#sideMenu .level3 a,
#sideMenu .level3active a {
	padding: 4px;
	padding-left: 10px;
	color: #000;
}
#sideMenu .level3 a:hover {
	background-color: #fff;
}
#sideMenu .level3,
#sideMenu .level3active {
	background-color: #e5e5e5;
	border-left: 3px solid #cfcfcf;
	border-bottom: 1px dotted #e4e3e3;
}
#sideMenu .level3active {
	background-color: #fff;
}


#breadcrumbTrail {
	color: #909090;
	font-size: 9px;
	margin-bottom: 0px;
}
#breadcrumbTrail a {
	color: #909090;
	text-decoration: none;
}
#breadcrumbTrail a:hover {
	text-decoration: underline;
}

#lastUpdated {
	clear: both;
	color: #666666;
	text-align: right;
	background-color:#FFFFFF;
	padding-top: 10px;
	margin-rightt:2px;
	border-top: 1px dashed #666666;
	width: 100%;
}
#accessibility {
	color: #666666;
	margin-top: 20px;
	clear: both;
	text-align:left;
}
#accessibility a,
#lastUpdated a {
	color: #666666;
}

#footer {
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 750px;
	height:18px;
	text-align: center;
	color: #666666;
	background-color:#FFFFFF;
	font-weight: normal;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#printInfo {
	display: none;
}
#printHeader {
	display: none;
}

#menuLevel4 {
	background-color: #fff2c6;
	margin-bottom: 16px;
	padding: 6px;
	padding-bottom: 8px;
}

#councillorSelectBody select {
	margin: 4px 6px 0px 6px;
	width: 138px;
}

/** NEW HOMEPAGE **/

#intro_box {
width: 721px;

margin:0 ;
}






#home-content_box {

background:url('images/home-gradient.jpg') #fff;
background-position:left bottom;
background-repeat: repeat-x;
border: 1px #d0d0d0;
border-style: none solid  ;


}

.home-content {

width:213px;
float:left;
margin:0px 10px 0px 10px;
height:100%;
}


.middle_line {
background-image:url('images/middle-line.jpg');
background-position:left top;
background-repeat: repeat-y;
width:1px;
float:left;
height:100%;
margin: 0 1px 0 1px;
}


#topbox-top {

background-color:#D3DEF1;
background:url('images/home-topbox-top.jpg') bottom left transparent no-repeat;
height: 28px;

}
#topbox-bottom {
background-image:url('images/home-topbox-bottom.jpg');
background-position:left top;
background-repeat:no-repeat;
height:20px;
width:721px;
}

#bottombox-top {

background-color:#D3DEF1;
background:url('images/home-bottombox-top.jpg') bottom left transparent no-repeat;
height: 28px;

}
#bottombox-bottom {
background-image:url('images/home-bottombox-bottom.jpg');
background-position:left top;
background-repeat:no-repeat;
height:20px;
width:721px;
}

.home-content .homeh1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#4d4d4d;

}

.home-content p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

line-height:20px;
padding:0 4px 0 4px;
color:#4d4d4d;
margin-top:10px;
}

.home-content p strong {

font-weight:bold;

}

.new_footer {
background-color:#FFFFFF;
padding: 2px 10px 20px 10px;
}

.home-content .homeh1 img{
vertical-align:middle;
margin-right:5px;
}

/**              SLIDESHOW                 **/
#slideshow {
    position:relative;
    height:200px;
	width:220px;

}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 200px;
    	background-image:url('images/bg-slideshow.jpg');
	background-position:left bottom;
	background-repeat:repeat-x;

}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {

    border: 0;
    margin-bottom: 10px;
}