@charset "utf-8";
* {
padding:0;
margin:0;
}

/*Apply background and padding at the top of page*/
body{
margin:0;
padding: 5px 0px 0px 0px;
line-height: 1.5em;
background-image: url(../Images/Grassbackgrnd.jpg); /*Main background Image*/
}

/*Width  and centering of main container*/
#maincontainer{
width: 1000px; 
margin: 0 auto;
}

/*Add Banner to page*/
#topsection{
height: 224px; /*Height of top section*/
background: url(../Images/BA_Banner2.jpg); /*Banner with Images included*/
}

/*Define hieght and margin for navigation bar*/
/*Remove bullet points from lists*/
#navContainer {
height: 40px;
border-top: 5px solid #3CE800;
border-bottom:5px solid #3CE800;
}

#navigation ul {
list-style-type: none;
}

/*Insert Navigation gif file and position relative to the maincontainer*/
#navigation li {
list-style-type: none;
position: relative;
float: left;
background: url(../Images/navigation/css-tab-rollover-image.gif) no-repeat 0 0;
width: 250px;
height: 40px;
}

/*Font style and layour for navifation bar*/
#navigation a:link, #navigation a:visited {
	font:bold 15px Trebuchet, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 30px;
	padding: 13px 0px 0px 60px;
}

/*Apply gif file for hover image*/
#navigation a:hover {
	background: url(../Images/navigation/css-tab-rollover-image.gif) 0 -56px;
}

/*Layout parameters for the dropdown lists*/
#navigation li ul{
width: 250px;
position: absolute;
left: -10000px;
}

#navigation li:hover ul {
display: block;
left: auto;
}

/*Apply gif file, layout and colour to drop down menu*/
#navigation li li {
background: url(../Images/navigation/drop-down-menu-background.gif) repeat-y;
border-bottom: 3px solid #3CE800;
}
#navigation li li a:link, #navigation li li a:visited {
		font:bold 12px Trebuchet, Helvetica, sans-serif;
		text-transform: uppercase;
		padding-left: 10px;
}
#navigation li li a:hover, #navigation li li a:active {
		background: none;
		border-left: 5px solid #f7bc1d;
}

#navigation li li a:active {
border-left-color: #34FE66;
}

#contentwrapper{
float: left;
width: 1000px;
}
#wrappercenter{
background: url(../Images/centre.jpg) top center repeat-y;
}
#wrapperleft{
background: url(../Images/sidebar.jpg) top left repeat-y;
}
#wrapperright{
background: url(../Images/sidebar.jpg) top right repeat-y;
}

/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

#contentcolumn{
font:14px Trebuchet, Helvetica, sans-serif;
margin: 0 200px 0 200px;
padding: 10px;
}
#contentcolumn h1 h2 h3{
font:Trebuchet, Helvetica, sans-serif; 
}
#contentcolumn h1{
font-size: 22px;
}
#contentcolumn h2{
font-size: 18px;
}
#contentcolumn h3{
font-size: 16px;
}

#leftcolumn{
font:10px Trebuchet, Helvetica, sans-serif;
padding: 10px 10px 5px 5px;
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
text-align: center;
}

#leftcolumn h1 h2 h3{
font:Trebuchet, Helvetica, sans-serif; 
}
#leftcolumn h1{
font-size: 14px;
}
#leftcolumn h2{
font-size: 12px;
}
#leftcolumn h3{
font-size: 11px;
}

#rightcolumn{
font:10px Trebuchet, Helvetica, sans-serif;
padding: 10px 0 0 0;
float: right;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth)*/
text-align: center;
}

#rightcolumn h1 h2 h3{
font:Trebuchet, Helvetica, sans-serif; 
}
#rightcolumn h1{
font-size: 14px;
}
#rightcolumn h2{
font-size: 12px;
}
#rightcolumn h3{
font-size: 11px;
}

#picturecolumn{
clear:left;
width: 1000px;
}

#footer{
clear: left;
width: 1000px;
background: #3CE800;
text-align: center;
padding: 3px 0;
}

#footer p{
font-family:Trebuchet, Helvetica, sans-serif; 
font-size:14px; 
font-weight:bold;
color:#FFFFFF;
}

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