/* BODY
------------------------------------------------------------------------*/

body,td,th {	font-family: Helvetica, Arial, sans-serif;	font-size: 100%;	color: #000000; }

body {
	background-color: White;
	background-image: url(http://www.johngraycentre.org/site/media/bodyGradient.jpg);
	background-repeat:repeat-x;
	background-image:-moz-linear-gradient(49% 90% 85deg,#FCFDFF, #81B8C9, #3FA1C4 93%);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2B94D9), to(#FFFFFF), color-stop(.6,#88CBF2));
	margin: 0;
}

.canvasNavToBottom{ background-color: White; }

a:link, a:visited, a:active {	color: #009;	text-decoration: none; }
a:visited { color:#808; }
a:hover {	color: #900; }

hr {
	margin: 5px 0px 5px 0px;
	color: #443;
	border: 0;
	border-top: 1px solid #443;
	height: 1px;
	width: 580px;
}

h1,h2,h3 {
	font-size: 1.5em;
	color: #333;
	text-align: left;
	margin: 8px 2px 8px 2px;
}

p { font-family: Helvetica, Arial, sans-serif; font-size: 16px; }

form {	margin: 0; }

.main {
	margin: auto;
	width: 900px;
	padding: 0;
	background-color: ;
	color:#000;
	linbe-height:1.2;  }

.banner {
	font-size: 100%;
	font-weight: bold;
	color: #555;
	background-color:#fff; }

.search_box { float: right; }

.banner {
		border-bottom:3px #443 solid;
		background:#ddd url('/bg_image.jpg') center right no-repeat; }

.banner h1{

	padding:0;
	font-size:2.5em;
	margin: 0 10px;
	text-transform:lowercase;
	font-weight:normal;
	letter-spacing:0.5em;

}

.banner h1 a:link, .banner h1 a:visited, .banner h1 a:hover, .banner h1 a:active  {
	color:#888;
	text-decoration:none;
}

.banner h1 a strong {
	color:#333;
	font-weight:bold;
}

.banner h1 a span {
	color:#666;
	font-weight:bold;
}

.search_box {	padding:0; margin: 0; }

.search_string {
	width: 100px;
	height: 16px;
	border:1px #444 solid;
	font-size: 100%;
	vertical-align: middle; }

.search_submit {
	color:#000;
	background-color:#eee; }

.banner a:link,.banner a:visited { }

#crumbs {
		background-color:#fff;
		color:#555;
		font-size: 16px;
		border-bottom:1px #ccc solid;
		padding:0px;
		margin:0px;
		width:100%;
		clear:both; 
		padding:0;
		margin:0; }

#crumbs a	{	color: #990000;	background-color:transparent; font-size:16px; }
#crumbs a:hover	{	color: #0099CC; }

#crumbs p {
	line-height:1.2em;
	margin:0;
	padding-left:1.0em; 
	margin-top: -20px;
}

.menu {
	float: left;
	width: 180px;
	margin: 10px;
	margin-top: 1.0em;
	line-height:1.2;
	background-repeat:no-repeat;
	background-position:bottom; 
}
	
.menuArchives {
	background: url(http://www.johngraycentre.org/site/media/scroll.jpg); 
}	

.menuArchives ul {	margin:0px;	padding:3px;  padding-bottom : 240px; font-size: 16px; }

/*  Not in use 14/02/11
.menu h2 {
	background-color: #006666;
	font-size: large;
	text-align:center;
	padding: 5px;
	padding-top: 9px;
	color:#fff;
	margin:0em; 
} */

.menu ul {	margin:0px;	padding:3px; font-size: 16px; }

.menu ul, .menu li { list-style: none; }

.menu ul ul {
	padding-left: 8px;
	background-color:transparent;
	border:none;
	width:145px;
}

.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
	display: block;
	height:1.2em;
	padding: 5px 3px;
	margin:0;
	color: #990000;
}

.menu a:hover, .leftSideNavExpandAnchor:hover  { color: #0099CC; }

.menu_main a:link, .menu_main a:visited, .menu_main a:active, .menu_main a:hover { border:none; }

/* LEFT SIDE NAVIGATION STYLES
------------------------------------------------------------------------*/

.leftSideNavExpandAnchor{
	display: block;
	height:1.2em;
	padding: 5px 3px;
	margin:0;
	color: #990000;
}

.leftSideNavExpandAnchor ul li {display:none ;  }

.leftSideNavExpandAnchor:hover { background-color : White; background-color: White;
}

.leftSideNavExpandAnchor:hover ul{ margin-top: -28px; position : absolute; 
}

.leftSideNavExpandAnchor:hover li{
	display:block ;
	border : 1px #ddd solid;
	width: 200px;
	margin-left: 110px;
	float : left; 
	background-color: White;
}

/* 		
------------------------------------------------------------------------*/

.login_table {
	border: 1px solid #D0D0D0;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	padding-bottom: 3px; }

.login_table h1 {
	color: #660033;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 5px 0px;
}

.login_table input {
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0px 1px 0px;
	width: 100px;
}

.content {
	float:right;
	width: 650px;
	margin-left: 0px;
	padding: 4px 1.0em 1.2em 1.0em;
	text-align: justify;
	line-height:1.2;
	clear: right;
}

.content h2 {
margin-top:0;
padding-top:0;
}

blockquote {
		border:1px #330 solid;
		margin-top:10px;
		padding:1em;
		background-color:#ccc;
		color:#443;
		font-family:Georgia,"Times New Roman", Garamond, serif;
		font-style:italic;
}

/* FOOTER 
______________________________*/

.footer {
	background-color:#FFFFFF;
	background-image: url(http://www.johngraycentre.org/site/media/JGCfooter.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 1px #ccc solid;
	border-top: 1px #ccc solid;
	clear: both;
	height: 220px;
	margin: 0;
	margin-top: -1px;
	color: #444;
	padding: 1em 0 136px 1em;
	font-size: 14px;
	line-height: 1.5em;
}

.footer ul { list-style-type:none; padding: 0 2px; margin: 0;}

.footer h2 { padding: 0; margin-top: 0; color: #555; font-weight: normal; font-size: 1.6em; }

.footer a { color: teal; font-weight: bold; }
.footer a:hover { color: #333333; font-weight: bold; }
.footer img { border-style: none; }

.footerLeft { background-color:#fff; width: 310px; float:left;}

.footerMiddle { background-color:#fff;  width: 280px; float:left; }

.footerMiddle ul { padding: 2em 0; }

.followImage { float:left; padding-right: 1em; } 

.footerRight { background-color:#fff;  width: 290px; float:right;}


/* SUB FOOTER 
______________________________*/

.powered_by {
	background-color: White;
	color: #999999;
	text-align: right;
	padding: 5px;
	padding-right: 15px;
}

.powered_by a { color:#999999; }
.powered_by a:hover { color:#999999; }

.creditsStop { margin: 0 12px; }

/* HEADER 
______________________________*/

.topBanner { 
width: 880px;
height: 150px;
font-size: 2.6em;
background: url(http://www.johngraycentre.org/site/media/ringLogo.png);
background-repeat:no-repeat;
padding:10px;
margin-top: 10px;
}

.pageTopTitle a { color : White;  text-decoration: none; }
.pageTopTitle a:link { color : White; }
.pageTopTitle a:hover { color: LightGray; }

.topMenu {
	font-size:19px;
	height: 50px;
	width: 900px;
	background: url(http://www.johngraycentre.org/site/media/navImage.jpg);
	background-repeat: no-repeat;
	color: #AF0800;
    padding-top : 13px ;
    margin : 0;
}

.topMenu li {
	float: left;
	margin: 0.2em 0.5em;
	text-shadow: 0px 0px 3px #fff; }

.topMenu ul { list-style-type:none; padding: 0; padding-left: 10px; margin: 0;}

.topMenu a { color: #AF0800;
	background: url(http://www.johngraycentre.org/site/media/navGlow.png);
	background-repeat: no-repeat;
	background-position: center;
}

.topMenu a:link { color: #AF0800; color: #550011; }

.topMenu a:hover { color: Teal; color: White; color : #333; 
        background: none;
}


/* MAIN TEXT AREA 
______________________________*/

.contentCanvas { min-height: 500px; }

/* INDIVIDUAL PAGES
______________________________*/

	/* Home */
.welcome { font-weight: lighter; text-align: center; }

.introImage { padding: 4px; border: #999999 solid 1px; background-color:#CCCCCC; 

-webkit-border-radius : 5px;
    -moz-border-radius: 5px;
      -o-border-radius: 5px;
        border-radius : 5px;
	
	text-align: center;
	font-size: 11px;	
	font-style: italic;
	color: #555;
}

.introImage image {padding-bottom: 3px; }

	/* Archaeology and Local History */
.ArcStyle table, .ArcStyle td
{
    border-color: #777;
    border-style: solid;
}

.ArcStyle table
{
    border-width: 0 0 2px 2px;
    border-spacing: 0;
    border-collapse: collapse;
}

.ArcStyle td
{
    margin: 0;
    height: 30px;
    padding: 20px;
    border-width: 2px 2px 0 0;
}