body{ font-family:Verdana, Arial, Helvetica, Lucida sans, Gillsans, sans-serif; font-size:10px; color:#000; text-align:center; margin:0px; height: auto; background-color:#FFFFFF; background-image:url(../images/bodySlice.jpg); background-repeat:repeat-x;}
/*
Any Three Columned pages have a class put into "body"
This effects the backgroundImage of the "wrapper" and widths and floats of some of the columns
see below
*/

#wrapper{margin-top:0px;width:760px; text-align:left; margin-left: auto; margin-right: auto; background-color:#FFF; background-image:url(../images/wrapperSlice.gif); background-position:top left; background-repeat:repeat-y;	}
.threeCol #wrapper{background-image:url(../images/threeColWrapperSlice.gif);background-position:top left; background-repeat:repeat-y;}


#topBanner{ margin:0px; width: 100%; height:62px; background-image:  url(../images/logoBanner.jpg); background-position:top right; background-repeat:no-repeat;}
#mainNav{ width: 100%; padding-top:18px; height: 35px; 	}

#mainNav ul{list-style: none; padding: 0; margin: 0;}

#mainNav li{ float: left; padding: 0 0; text-align: center; margin-left: 6px; margin-top: 5px;}
#mainNav li a{	/*line-height: 2.5em;*/	font-size:1.2em; float: left; text-decoration: none; text-align: center; color:#FFFFFF; font-weight:bold;}
#mainNav li a:hover{/*line-height: 2.5em;*/	float: left; color:#FFFFFF;	text-decoration: none;	text-align: center;	}
/* Commented backslash hack hides rule from IE5-Mac \*/
#mainNav li a{float: none}
/* End IE5-Mac hack */
/* Commented backslash hack hides rule from IE5-Mac \*/
#mainNav li a:hover{float: none; color:#006633}
/* End IE5-Mac hack */


#flashPanel{margin:0; padding:0; background-color:#4C7A1B; color:#FFFFFF; xpadding-bottom:4px;	border-bottom:#fff 4px solid;width:760px;xheight:245px;}
#playerPanel{background-color:#000; color:#FFFFFF;}
#sideColumn{position:relative; width:213px;	float:left;	padding:2px 10px 10px 10px;}
#sideColumn img{}
#mainColumn{position:relative;left:0px; width:490px; float:right; padding:2px 15px 15px 10px;	xmargin-right:260px;  }

/*
Any Three Columned pages have a class put into "body"
This effects the width of mainColumn and float of the second 
sideColumn that now needs to go right
*/
.threeCol #mainColumn{ width:265px; float:left;xmargin-left:225px;xbackground-color: green;}
#sideColumn.right{float:right;width:215px;}

#imageWithInfo{width:180px; float:left;border:red 1px solid;}
/*this is a gallery that spans the width of the page in the galleries page*/
#fullGallery{float:left; padding:5px; width:100%; }
/*this is a gallery inside a news story*/
#smallGallery{float:right; clear:none; width:220px;padding:0 0 10px 10px; margin:0 0 0 10px;background-color:#e4e4e4;}


#footer{clear:both;text-align:left; background-color:#fff;padding:20px 0 0 0; font-size:.9em; color:#999999;}

.blackLink{	color:#000000;}
.whiteLink{color:#ffffff;}	
.footerLink{color:#777777;}	
.highlight{font-size:1.4em; text-decoration:underline;}	


/*these are the default link colours -- these get overwritten for the nav bars but not for other links*/
a{text-decoration:underline;color:#000}
a:hover{text-decoration:none;color:#006633;}
a:visited{color:#006633;}

p{padding:0 12px; margin:0 0 10px 0 }
img.imgRight, img.imgLeft{border:#dddddd 4px solid; }


img.imgRight{margin: 5px 0 2px 5px; float:right;padding:0}
img.imgLeft{margin: 5px 5px 2px 0; float:right;padding:0}

hr {color: #aca899;	background-color: #aca899;	height: 1px;}

h1,h2,h3,h4,h5,h6{ padding:0 0 2px 0; margin:10px 0 3px 0; font-weight:bolder;display:block;text-decoration:none; }

h1{font-size:1.4em; border-bottom:#000 1px solid}
h2{font-size:1.3em;text-decoration:none;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
/*we use h5 to do dates etc under  the headings for new etc these h tags are styled by .arrow 
or simialr so we need to indent the h5 as well*/
h5{font-size:1.0em;color:#777;font-size:.9em; padding-left:12px; margin:0;}
h6{font-size:.9em;}


.arrow{background-image: url(../images/blackPage.gif);background-repeat: no-repeat;background-position: left;padding-left: 12px;}
.whiteGrid{background-image: url(../images/whiteGrid.gif);background-repeat: no-repeat;background-position: left;padding-left: 10px;}
.blackGrid{background-image: url(../images/blackGrid.gif);background-repeat: no-repeat;background-position: left;padding-left: 10px;}

blockQuote{ font-size:1.2em; font-weight:bold; font-style:italic; border-left:#4C7A1B 2px solid;text-align:justify;margin:25px 0 25px 0;padding:0 50px 0 15px}
blockQuote p{padding:0 0 0 0; margin:0 0 10px 0}