﻿/* created by sparky for eclipse */

body {
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(/webdata/graphics/gradback.png);
	background-repeat:repeat-x;
	font-size:75%;
	font-family:arial;
}

.unityNavList  {
text-align:left !important;
}

form {
	display:inline ;
}

/* position Unity's navigation where we want it over-riding the usual menu */
#unityNavigation 
{
	position:absolute;
	top:80px;
	left: 50%;
	margin-left:-435px;
	height:44px;
}

div {
	font-size:1em;
}

.hidden {
	display:none;
}

#mainContainer {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#topLogoContainer {
	width:900px;
	height:80px;
	background-image:url(/webdata/graphics/headingBack.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	overflow:hidden;
}

#navigationBar {
	width:900px;
	height:44px;
	background-image:url(/webdata/graphics/navbar.gif);
	background-repeat:no-repeat;
}

#searchBox {
	width:220px;
	height:80px;
	float:right;
	overflow:hidden;
}

#searchboxPad {
	padding-left:24px;
	padding-top:18px;
}

#searchboxPad form{
	display:inline;
}

#searchboxPad input{
	border:0;
        padding-top:0px;
padding:0;
}


#heroImage {
	width:900px;
	height:171px;
	background-image:url(/webdata/graphics/heroImage.jpg);
	background-repeat:no-repeat;
}

#mainLogo {
	float:left;
	width:281px;
	height:80px;
	background-image:url(/webdata/graphics/newMitchamLogo.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

/* makes the main logo clickable */

#mainLogo a {
	display:block;
	width:281px;
	height:80px;
	overflow:hidden;
}

.clear {
	height:0;
	clear:both;
	font-size:0;
}

.searchbtn {
	position:relative;
	top:6px;
}

#advancedSearch {
	height:15px;
	text-align:right;
}

#advancedSearch a{
	font-size:.8em;
	color:#000000;
}

#advanceSearchPad {
	padding-right:45px;
	font-family:arial;
}

#topmenu {
	width:260px;
	height:80px;
	float:right;
	font-family:arial;
	font-size:1em;
	white-space:nowrap;
}

#topmenuPad {
	padding-right:10px;
	padding-top:43px;
}

#topmenu ul{
	margin:0;
	padding:0;
}

#topmenu li {
	display: inline;
	list-style-type: none;
}

#topmenu a {
	padding:0 10px;
	color:#000000;
	text-decoration:none;
}

#threeColumn {
	width:900px;
}

#threeColumnPad {
	padding-top:9px;
}

#columnOne {
	float:left;
	width:219px;
}

#columnTwo {
	float:left;
	width:462px;
}

#columnTwoPad {
	padding-left:12px;
}

#columnThree {
	float:left;
	width:219px;
}

/* Online Payment Area */
#opHeader {
	width:219px;
	height:31px;
	background-image:url(/webdata/graphics/onlinePayments.gif);
}

#opBack {
	width:219px;
	background-image:url(/webdata/graphics/onlinePaymentsBack.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #14592c;
}

#opBackPad {
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
}

#opBackPad ul {
	margin:0;
	padding:0;
}

#opBackPad ul li {
	font-size:1em;
	list-style-type: none;
	padding-bottom:7px;
}

#opBackPad ul li a{
	text-decoration:none;
	color:#000000;
}

#opBackPad ul li a:hover{
	text-decoration:underline;
	color:#3466a1;
}

/* Most Requested Links */

#fastFindLinks {
	width:219px;
	padding-top:10px;
}

#fastFindHeader {
	width:219px;
	height:31px;
	background-image:url(/webdata/graphics/mostRequested.gif);
}

#fastFindBackpad {
	padding-top:10px;
}

#fastFindBackpad ul {
	margin:0;
	padding:0;
}

#fastFindBackpad ul li {
	background-image:url(/webdata/graphics/diamondBack.gif);
	background-repeat:no-repeat;
	font-size:1em;
	list-style-type: none;
	padding-bottom:7px;
	padding-left:20px;
}

#fastFindBackpad ul li a{
	text-decoration:none;
	color:#000000;
}

#fastFindBackpad ul li a:hover{
	text-decoration:underline;
	color:#17592b;
}

/* Main news Area */

#mainNews {
	width:438px;
	height:328px;
	background-image:url(/webdata/graphics/latestNewsHeader.jpg);
	background-repeat:no-repeat;
} 

#mainNewsPad {

	padding-left:9px;
	padding-right:9px;
}

/* news Boxes left */

#leftTopBox {
	width:202px;
	height:110px;
	background-color:#ffffff;
	float:left;
}

#topLeftBox {
	width:202px;
	height:9px;
	font-size:0;
	line-height:0;
	background-image:url(/webdata/graphics/topleftnews.gif);
	background-repeat:no-repeat;
}

#leftTopBoxPad {
	padding-left:7px;
	padding-right:7px;
}

#leftTopBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#leftTopBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}


/* news Boxes bottom left */

#leftBotBox {
	margin-top:10px;
	width:202px;
	height:150px;
	background-color:#ffffff;
	float:left;
}

#leftBotBoxPad {
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
}

#leftBotBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#leftBotBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}

/* news Boxes right */

#rightTopBox {
	width:202px;
	height:110px;
	background-color:#ffffff;
	float:right;
}

#topRightBox {
	width:202px;
	height:9px;
	font-size:0;
	line-height:0;
	background-image:url(/webdata/graphics/topleftnews.gif);
	background-repeat:no-repeat;
}

#rightTopBoxPad {
	padding-left:7px;
	padding-right:7px;
}

#rightTopBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#rightTopBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}

/* news Boxes bottom right */

#rightBotBox {
	margin-top:10px;
	width:202px;
	height:150px;
	background-color:#ffffff;
	float:right;
}

#rightBotBoxPad {
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
}

#rightBotBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#rightBotBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}

#latestNews {
	height:53px;
}

/* Whats on details */
#whatsOnHeader {
	background-image:url(/webdata/graphics/whatsOn.gif);
	background-repeat:no-repeat;
	width:438px;
	height:53px;
	margin-top:12px;
}

/* Whats On Boxes Boxes Left */

#whatsOnLeftBox {
	width:202px;
	height:150px;
	background-color:#ffffff;
	float:left;
}

#whatsOnLeftBoxPad {
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
}

#whatsOnLeftBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#whatsOnLeftBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}


/* Whats On Boxes Boxes Right */

#whatsOnHolder {
	padding-left:10px;
	padding-right:22px;
}

#whatsOnRightBox {
	width:202px;
	height:150px;
	background-color:#ffffff;
	float:right;
}

#whatsOnRightBoxPad {
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
}

#whatsOnRightBoxPad h3 {
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	font-size:1.1em;
	color:#3466a1;
}

#whatsOnRightBoxPad p {
	margin:0;
	padding:0;
	font-size:.9em;
}

/* Library Information */

#libraryInformation {
	background-color:#ffffff;
}

#informationHead {
	width:219px;
	height:74px;
	background-image:url(/webdata/graphics/libraryInformation.jpg);
	background-repeat:no-repeat;
}

#libraryInformationPad {
	padding-top:7px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:7px;
}

#libraryInformationPad ul {
	margin:0;
	padding:0;
}

#libraryInformationPad ul li {
	font-size:1em;
	list-style-type: none;
	padding-bottom:7px;
}

#libraryInformationPad ul li a {
	color:#000000;
	text-decoration:none;
}

#libraryInformationPad ul li a:hover {
	color:#ff9800;
	text-decoration:underline;
}

/* Side ads on the homepage */

#downloadAds {
	padding-left:2px;
}

#downloadAds ul {
	margin:0;
	padding:0;
}

#downloadAds ul li {
	margin:0;
	padding:0;
	font-size:1em;
	list-style-type: none;
	padding-top:12px;
}

/* Weather Forecast */

#wForecast {
	padding-top:12px;
	padding-left:2px;
}

#weatherForecast {
	margin:0;
	padding:0;
	width:215px;
	height:70px;
	background-image:url(/webdata/graphics/weatherBackground.jpg);
	background-repeat:no-repeat;
}

#weatherForecast li{
	margin:0;
	padding-top:10px;
	font-size:.9em;
	padding-left:90px;
	list-style-type: none;
	width:105px;

}

#facebookTwitter {
	padding-top:15px;
	padding-left:2px;	
	}

#footerBarLong {
	width:900px;
	background-image:url(/webdata/graphics/footerBarLong.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
}

/* More Links */

.moreLink {
	text-align:right;
}

.moreLink a {
	color:#003e8e;
	font-size:.8em;
	font-weight:bold;
}

.moreLink a:hover {
	color:#1b5525;
	text-decoration:none;
}

/* Footer */

#footerPad{
	padding-top:15px;
	padding-bottom:10px;
	text-align:center;
}

#footerPad ul {
	margin:0;
	padding:0;
}

#footerPad ul li{
	margin:0;
	font-size:1em;
	list-style-type: none;
	display: inline;
	padding-left:7px;
	padding-right:7px;
}

#footerPad ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:.9em;
}

/* Search information */

.searchInput {
	width:148px;
}

.searchBtn {
	position:relative;
	top:6px;
	left:7px;
}

#fastfindJump {
	width:180px;
}

#dropdownpad {
	padding-top:10px;
}

#dropdownpad strong{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color:#ffffff;
	font-size:1.1em;
}

/* Footer */

#contactDetailsFooter {
	background-color:#ffffff !important;
}

#contactDetailsFooterPad {
	padding-top:15px;
}

#contactDetails {
	float:left;
	width:236px;
	text-align:right;
	font-size:.8em !important;
}

#contactDetailsColA {
	float:left;
	width:236px;
	
}

#contactDetailsColAPad {
	padding-left:15px;	
	font-size:.8em !important;
	color:#666666;
}

#contactDetailsColB {
	float:left;
	width:300px;	
}

#contactDetailsColBPad {
	padding-left:15px;
	font-size:.8em !important;
	color:#666666;
}

.flashBanner {
	width:681px !important;
	height:171px !important;
	float:left !important;
}
