body {
	

	background: url(../images/side-bg.gif) repeat-y;
	background-color: #FFFFFF;	
	font: 70%/1.4em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 0 0;
}


.style4{
	font: 160%/1.4em Arial, Helvetica, sans-serif;
}

form
{

	margin: 0px;
	padding: 10px;  
}

#newsmainimage
{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 375px;
  
}



fieldset
{
  	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px; 

}

input, textarea
{
	font: 100% Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000; 
	margin: 0px;
	padding: 0px;
}

.whitetext
{
color: #FFFFFF;
}

.bluetext
{
color: #DAE4E7;
}

h4 a
{
color: #E80104;
text-decoration: none;
}


h4 a:hover
{
color: #E80104;
text-decoration: underline;
}

archivehead
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #666666;

}

#staff
{
font: 100%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

.staffblack
{
font: 100%/1.4em Arial, Helvetica, sans-serif;
padding: 5px 0px 5px 0px;
color: #000000;
}

#caption
{
font: 100%/1.2em Arial, Helvetica, sans-serif;
padding: 5px 0px 15px 0px;
color: #000000;
font-style: italic;
}

#caption2
{
font: 100%/1.2em Arial, Helvetica, sans-serif;
padding: 5px 0px 15px 0px;
color: #000000;
font-style: italic;
}

#caption3
{
font: 100%/1.2em Arial, Helvetica, sans-serif;
padding: 5px 0px 15px 0px;
color: #000000;
font-style: italic;
}

#caption4
{
font: 100%/1.2em Arial, Helvetica, sans-serif;
padding: 5px 0px 15px 0px;
color: #000000;
font-style: italic;
}

#caption5
{
font: 100%/1.2em Arial, Helvetica, sans-serif;
padding: 5px 0px 15px 0px;
color: #000000;
font-style: italic;
}

#historyhead
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

.historyhead
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

.historyhead1
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

#historyhead2
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

#historyhead3
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

.style3
{
font-size: 14px;
padding: 5px 0px 5px 0px;
color: #2D6972;
}

.arrowred
{

	background: url(../images/arrow-red.gif) no-repeat 0px 8px;
}



/* =========== SIDE NAVIGATION ELEMENTS ============ */


.navigation {
	color: #000000;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-size: 11px;
	width: 227px;
	font-weight: bold;
}


.navigation A:link {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 8px 0px 8px 23px;
	width: 227px;
	border-bottom: solid 1px #FFFFFF;
	background: url(../images/arrow-right.gif) no-repeat 0px 0px;
	font-weight: bold;
}

.navigation A:visited {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 8px 0px 8px 23px;
	width: 227px;
	border-bottom: solid 1px #FFFFFF;
	background: url(../images/arrow-right.gif) no-repeat;
	font-weight: bold;
}

.navigation A:active {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 8px 0px 8px 23px;
	width: 227px;
	border-bottom: solid 1px #FFFFFF;
	background: url(../images/arrow-right2.gif) no-repeat;
	font-weight: bold;
}



.navigation A:hover {
	text-decoration: none;
	color: #000000;
	width: 227px;
	display: block;
	background: url(../images/arrow-right2.gif) no-repeat 0px 0px;
	font-weight: bold;
}

.news {

	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	font: 75%/1.4em Arial, Helvetica, sans-serif;
	width: 195px;
}

.news a:link {

	text-decoration: none;
	color: #2D6972;
	display: block;
	padding: 1px 5px 5px 8px;
	width: 188px;
	border-bottom: dotted 1px #999999;
	background: url(../images/arrow-wain.gif) no-repeat 0px 5px;
}
.news a:visited {

	text-decoration: none;
	color: #2D6972;
	display: block;
	padding: 1px 5px 5px 8px;
	width: 188px;
	border-bottom: dotted 1px #999999;
	background: url(../images/arrow-wain.gif) no-repeat 0px 5px;
}
.news a:active {

	text-decoration: none;
	color: #2D6972;
	display: block;
	padding: 1px 5px 5px 8px;
	width: 188px;
	border-bottom: dotted 1px #999999;
	background: url(../images/arrow-wain.gif) no-repeat 0px 5px;
}

.news a:hover {
	text-decoration: none;
	color: #E80104;
	width: 188px;
	display: block;

}




/* navigation options */


.navbox {
	margin: 0px 0px 0px 0px;
	width: 250px;
	float: left;
	display: block;
}



li 
{
	color: #97ABB4;
}

tr
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

td
{	


	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.quickfont
{
	color: #000000;
	font: 105%/1.4em Arial, Helvetica, sans-serif;

}

.quickfontbold
{
	color: #000000;
	font: 115%/1.4em Arial, Helvetica, sans-serif;
	font-weight: bold;
}


h1
{
	color: #FFFFFF;
	font: 120%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 22px;
	border-bottom: solid 1px #FFFFFF;
	width: 228px;
	font-weight: bold;
	background-color: #E10003;
		
}

h2
{	
	
	color: #A6A39D;
	font-size: 10px;
	width: 192px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;

}



h3
{
	border-top: dotted 1px #999999;
	border-bottom: dotted 1px #999999;
	color: #2D6972;
	font-size: 21px;
	width: 590px;
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 8px 0px;
}



h4
{
	color: #32757F;
	font: 170%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 33px 13px 8px 25px;
	border-bottom: solid 1px #FFFFFF;
	width: 227px;
	font-weight: bold;
}

h5
{
	font: 100%/1.4em Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
}	


h5 a:link, a:visited, a:active
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}

h5 a:visited
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}

h5 a:active
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}


h5 a:hover
{
color: #E10003;
text-decoration: underline;
font-weight: normal;
}


.red-link
{
color: #E10003;
text-decoration: none;
font-weight: normal;

}	


.red-link a:link, a:visited, a:active
{
color: #E10003;
text-decoration: none;
font-weight: normal;

}


.red-link a:hover
{
color: #E10003;
text-decoration: underline;
font-weight: normal;

}


h6
{
	font: 100%/1.4em Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 2px;
}	


h6 a:link, a:visited, a:active
{
color: #666666;
text-decoration: none;
font-weight: normal;
}

h6 a:visited
{
color: #666666;
text-decoration: none;
font-weight: normal;
}

h6 a:active
{
color: #666666;
text-decoration: none;
font-weight: normal;
}


h6 a:hover
{
color: #666666;
text-decoration: underline;
font-weight: normal;
}

h7
{
	font: 100%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}	


h7 a:link, a:visited, a:active
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}

h7 a:visited
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}

h7 a:active
{
color: #E10003;
text-decoration: none;
font-weight: normal;
}


h7 a:hover
{
color: #E10003;
text-decoration: underline;
font-weight: normal;
}

.numbers
{	
	
	color: #E10003;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;

}

#footerstyle
{
	
	color: #888888;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	float: left;
}


.newcen
{
	color: #888888;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


a:link, a:visited, a:active
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a:hover 
{
 	color: #E10003;
	text-decoration: none;
}

/* SIDEBAR */

#sidebar
{	
	position: absolute;
	top: 80px;
	left: 0px;
	width: 250px;

}

#adminsidebar
{	
	
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: block;

}


#contentarea
{
	position: absolute;
	top: 80px;
	left: 248px;
	width: 600px;
	
}

/* HEADER */

#header
{	
	height: 80px;
	background: url(../images/top-bg.gif) repeat-x;
}

#logoan
{
	background: url(../images/wainwright-logo-an.gif) no-repeat;
  	border-width: 0;
  	width: 252px;
	height: 80px;
 	margin: 0px 0px 0px 0px;
	padding: 0px ;

}

#logo
{
	background: url(../images/wainwright-logo.gif) no-repeat;
  	border-width: 0;
  	width: 252px;
	height: 80px;
 	margin: 0px 0px 0px 0px;
	padding: 0px ;

}


#quicklinks
{
	width: 620px;
	font: 80%/1.4em Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px 10px ;
	padding: 0px 0px 0px 0px ;
	color: #FFFFFF;
	float: left;
	display: block;


}

#links
{

	padding: 5px 0px 0px 0px;
	width: 238px;
	float: left;
	display: block;
}

#products
{
	border-right: solid 2px #5B878D;
	padding: 5px 0px 0px  20px;
	width: 238px;
	float: left;
	display: block;
}

/* navigation */


#navbar
{

  	float: left;

}

#nav
{
	position: absolute;
	top: 60px;
	left: 255px;
	width: 600px;
}


#adminnavbar
{

  	float: left;

}

#adminnav
{

  	float: left;
	padding: 0px 0px 0px 220px;
	margin: 48px 0px 0px 0px;
	display: inline;
	width: 100%;


}

#nav ul
{
	padding: 1px;
	margin: 0px 0px 0px 0px;
}

#nav li
{
  	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;	
}


#bottomfooter
{
	border-top: dotted 1px #97ABB4;
	width: 600px;
	height: 25px;
 	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
 	float: left;
}

#para1
{
	width: 600px;
	text-align: left;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	font: 125%/1.6em Arial, Helvetica, sans-serif;
	color: #32757F;
}

.largepara
{
	text-align: left;
	font: 125%/1.6em Arial, Helvetica, sans-serif;
	color: #32757F;
}

#bottommaintextcol
{

	width: 620px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #999999; 
	display: block;
}


#maintextcol
{
	width: 620px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #999999; 
	display: block;
}



#downloadcol
{
	
	width: 600px;
	text-align: left;
	display: block;
	float: left;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #999999; 

}

#contacttextcol1
{

	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 185px;
	text-align: left;
	float: left;
	padding: 0px 0px 15px 5px;
	margin: 15px 0px 0px 0px;
	display: block;
}

#contacttextcol2
{
	border-right: dotted 1px #999999;
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 185px;
	text-align: left;
	float: left;
	padding: 0px 0px 15px 25px;
	margin: 15px 0px 0px 0px;
	display: block;
}

#newslefttextcol
{
	border-right: dotted 1px #999999;
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 370px;
	text-align: left;
	float: left;
	color: #000000;
	padding: 0px 15px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}


#lefttextcol
{
	border-right: dotted 1px #999999;
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 400px;
	text-align: left;
	float: left;
	color: #000000;
	padding: 0px 15px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}

.textcol
{
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 600px;
	text-align: left;
	float: left;
	color: #000000;
	padding: 0px 15px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}

#textcol
{
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 600px;
	text-align: left;
	float: left;
	color: #000000;
	padding: 0px 15px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}

#newsarchive
{
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	width: 195px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.newsarchivehead
{
	font: 100%/1.4em Arial, Helvetica, sans-serif;
	border-bottom: dotted 1px #CCCCCC;
	width: 192px;
	text-align: left;
	float: left;
	padding: 0px 0px 5px 8px;
	margin: 0px 0px 5px 0px;
	display: block;
}

#accessibilityrighttextcol
{
	width: 120px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	display: block;
}


#righttextcol
{
	width: 165px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 10px 0px;
	display: block;
}

#bottomnav
{
	font: 85%/1.4em Arial, Helvetica, sans-serif;
	width: 500px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

#loginfont
{
	
	font: 115%/1.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: dotted 1px #CCCCCC;
	width: 210px;
	font-weight: bold;
}

#logintext
{
	
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

#logintext2
{
	
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}


#login
{	
	background-color: #3B7983;
	border-top: dotted 1px #FFFFFF;
	border-bottom: dotted 1px #FFFFFF;
	border-left: dotted 1px #FFFFFF;
	border-right: dotted 1px #FFFFFF;
	width: 480px;
	margin: 0px 10px 20px 0px;
	padding: 10px 10px 10px 10px;
	float: left;
	display: block;

}

#featurehead
{
	color: #2D6972;
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 150px;
	font-weight: bold;
}

#featurehead1
{
	color: #2D6972;
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 150px;
	font-weight: bold;
}

#featurehead2
{
	color: #2D6972;
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 150px;
	font-weight: bold;
}

#featurehead3
{
	color: #2D6972;
	font: 130%/1.4em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	width: 150px;
	font-weight: bold;
}



#feature1
{
	background-color: #DAE4E7;
	width: 170px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 12px 0px 12px 0px;
	display: block;
	color: #333333;
}

#feature2
{
	background-color: #DAE4E7;
	width: 170px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 12px 0px 12px 0px;
	display: block;
	color: #333333;
}

#feature3
{
	background-color: #DAE4E7;
	width: 170px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 12px 0px 12px 0px;
	display: block;
	color: #333333;
}

#line
{
	border-right: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 12px 10px 12px 0px;
	width: 10px;
	height: 128px;
}

#line2
{
	border-right: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 12px 10px 12px 0px;
	width: 10px;
	height: 128px;
}

#hozline
{
	border-top: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 5px 0px 5px 0px;
	width: 400px;
}

#hozline1
{
	border-top: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 5px 0px 5px 0px;
	width: 400px;
}

#hozline2
{
	border-top: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 5px 0px 5px 0px;
	width: 400px;
}

#hozline3
{
	border-top: dotted 1px #CCCCCC;
	float: left;
	display: block;
	margin: 5px 0px 5px 0px;
	width: 400px;
}




#accessibilitysidepanel
{

	width: 153px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	display: block;
}


#sidepanel
{
	background-color: #DAE4E7;
	width: 153px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #333333;
}

#sidepanel2
{
	background-color: #DAE4E7;
	width: 153px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #333333;
}

#rockfaceaddress
{
	width: 153px;
	text-align: left;
	float: left;
	padding: 8px 8px 8px 8px;
	margin: 10px 0px 0px 0px;
	display: block;
	color: #333333;
}

#sidecontact
{

	width: 153px;
	text-align: left;
	float: left;
	padding: 8px 8px 15px 25px;
	margin: 0px 0px 15px 0px;
	display: block;
}


#sitemaptextcol
{
	font: 98%/1.4em Arial, Helvetica, sans-serif;
	width: 600px;
	text-align: left;
	float: left;
	color: #000000;
	padding: 0px 15px 0px 0px;
	margin: 10px 0px 10px 0px;
	display: block;
}

.sitemap1
{
	color: #E10003;
	font-size: 15px;
	border-bottom: 1px dotted #ccc;
	width: 580px;
	float: left;
	display: block;
	padding: 5px 0px 5px 20px;
}

.sitemap2
{
	color: #E10003;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	width: 570px;
	float: left;
	display: block;
	padding: 5px 0px 5px 30px;
}


.sitemap1 a:link {
	color: #E10003;
}

.sitemap1 a:visited {
	color: #E10003;
}

.sitemap1 a:hover {
	color: #E10003;
	text-decoration: underline;
}

.sitemap1 a:active {
	color: #E10003;
}

.sitemap2 a:link {
	color: #0b5057;
}

.sitemap2 a:visited {
	color: #0b5057;
}

.sitemap2 a:hover {
	color: #0b5057;
	text-decoration: underline;
}

.sitemap2 a:active {
	color: #0b5057;
}