/*
References for type sizing:
	9px		= 0.56em
	10px	= 0.63em
	11px	= 0.69em
	12px	= 0.75em
	14px	= 0.88em
	16px	= 1em
	18px	= 1.13em
	24px	= 1.50em
	30px	= 1.88em
	36px	= 2.25em
	48px	= 3.00em
	60px	= 3.75em
	72px	= 4.50em
*/



body{
	margin:0;
	padding:0;
	line-height: 1.2em;
	background-image: url(back.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top;
/*background-color: #cccccc;*/
}



#maincontainer{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #d4d4d4;
}

#topsection{
height: 300px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
background-color: #ffffff;
text-align: left;
}

#contentcolumn{
margin: 0 225px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #999999 1px dashed;*/
text-align: left;
}

#contentcolumn2{
margin: 0 40px 0 215px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-color: #ffffff;
/*border-right: #999999 1px dashed;*/
text-align: left;
}


#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -935px; /*Set margin to that of -(MainContainerWidth)*/
background: #f5f5f5;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
/*background: #464f2a;*/
text-align: left;
padding-left: 5px;
/*background-color: #d4d4d4;	*/
}

#footer{
	clear: left;
	width: 890px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 15px solid #ffffff;
	background-color: #333333;
	}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#vertmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	width: 175px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #333333;
}

#vertmenu h1 {
display: block;
background-color:#000000;
font-size: 0.90em;
padding: 3px 1px 5px 3px;
color: #ffffff;
margin: 0px;
width:175px;
border-bottom: 1px solid #000000;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 0.90em;
display: block;
border-bottom: 1px solid #999999;
padding: 5px 0px 5px 4px;
text-decoration: none;
color: #003300;
width:175px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;
/*background-color: #99cc33;*/
background: url(grad.jpg) no-repeat top;
}


	
#vertmenu li a.active:link, #vertmenu li a.active:visited, #vertmenu li a.active:active, #vertmenu li a.active:hover {
color: #ffffff;
/*background-color: #99cc33;*/
background: url(grad.jpg) no-repeat top;
	}




#date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #464f2a;
	line-height: normal;
	padding: 5px;
	border: 1px dotted #464f2a;
	margin: 3px;
	background-color: #f5f5dc;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight: normal;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 0px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #f2fdb4;
	line-height: 16px;
}


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #009900;
	padding-left:10px;
}

.article {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
	
 a.scrollover {
      /* Default Colour/Styles here */
      color: #557AFF;
   }
   a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: #000090;
   }
   
#scrollup {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #cc0000;
  height: 50px;
  width: 175px
}
.headline {
  position: absolute;
  top: 110px;
  left: 0px;
  height: 55px;
  width:170px;
}   

#news {
background-color: #d4d4d4;
padding: 0px 10px 0px 10px;
border: 3px dotted #cc0000
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	background-color: #f5f5f5;
	padding: 3px;
	border: 1px solid #990000;
}

.box2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	background-color: #f5f5f5;
	margin: 0px;
	padding: 3px;
	border: 1px solid #990000;
	text-align: justify;
	white-space: normal;
}
.box3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	background-color: #f5f5f5;
	margin: 0px;
	padding: 3px;
	border: 1px solid #990000;
	text-align: left;
	white-space: normal;
	list-style-position: inside;
	list-style-image: url(right.gif);
	list-style-type: disc;

}

#newshead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #cc0000;
	padding: 5px;
	border: 1px solid #000000;
	margin: 0px;
}

#newsbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-style: normal;
	font-weight: normal;
	background-color: #f5f5f5;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-color: #CCCCCC;
	width: 500px;
}

#mainnews{
display: block;
padding: 0px;
text-indent: 0px;
margin-top:0px
}

/*imported css*/	


/* base links */
#base-links {clear: both; float: left; width: 940px; background-repeat: no-repeat; background-image: url(/images/base-links-top.png); width: 940px; background-color: white; margin: 0 0 0 10px;}
#base-links-top {}
#base-links-base {clear: both; background-repeat: no-repeat; background-image: url(/images/base-links-base.png); width: 940px; height: 10px;}
.container {float: left; width: 564px;} .container h4 {padding: 6px 0 10px 20px; color: white; text-transform: uppercase;}
.container ul {float: left; padding: 0; margin: 8px 0 10px 0;}
.container li {background-position: 0 2px; background-repeat: no-repeat; float: left; background-image: url(/images/bankside-bullet.png); width: 131px; margin: 0 20px 0 20px; padding: 0 0 0 15px; list-style: none;}
.container a {font-size: 11px; display: block; width: 155px; height: 20px;} .container a:hover {text-decoration: underline;}
.departments {width: 386px;} .carservicing {width: 386px;} .main {width: 168px;}

.left { float: left; width: 220px; height: 132px; margin: 0 10px 0 10px;}
.center { float: left; width: 220px; height: 132px; margin: 0 10px 0 10px;}
.right { float: right; width: 220px; height: 132px; margin: 0 10px 0 10px;}