/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
body {
	text-align : center;
	background-image : url("/images/back.gif");
}
#container {
	margin : 0 auto;
	text-align : left;
	background-color : white;
	width : 905px;
}
.indexpage {
	width : 905px;
	border-collapse: collapse;
}
.section {
	width : 360px;
	vertical-align: top;
}
#zfooter {
	margin : 0 auto;
	text-align : center;	
	font-size : 10px;
	color : #000000;
}

#zfooter a:link, #zfooter a:visited  {color: #003333;} 
#zfooter a:hover  {
	color : #003333;
}
/* Replacing the colours  */
.header {
	color : #003333;
}
a:link, a:active {
	color : #003333;
}
.fieldnameback {
	background-color : #003333;
}
.sideback {
	background-color : #003333;
	background-image : none;
}
.menuback {
	background-color: #003333;
	border-right : 0px; 
	border-bottom : 0px;
	width : 170px;
	margin-left : 10px;
	vertical-align : top;
} 
.menuback a img {
	border : none;
}
a.snlink:hover, .snlinkact {
	background-color:#003333;
	color:#fff;
}
.LB_closeAjaxWindow{
	background-color:#003333;
}
#tngnav a {
	color:#444;
	background:#B6BA71;
}
#tngnav a:hover {
	background:#003333;
	color:#FFCC00;
}
#tngnav a.here {
	position : relative;
	z-index : 10;
	background : #003333;
	color : #FFCC00;
	border-right : 1px solid #444;
	padding : 0.2em 1em 0.4em 1em;
	margin : 0;
}
/*active tab*/
#tabs a:hover {
	background : #003333;
	color : #FFFFFF;
}

/*active tab*/
#tabs .here {
	background : #003333;
	color :#FFCC00;
}
/* Header */
h1, h2 {
	color : #003333;
}
h2 {
	font-size : 16px;
}
h3 {
	font-size : 15px;
}
h4,h5 {
	font-size : 14px;
}

p a.lightlink:link, p a.lightlink:visited {
	color : #cccc99;
}
p a.lightlink:hover {
	color : #ffcc00;
}
.line {
	background-image : none;
	height : 1px;
	border-style : none;
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 0px;
	background-color : #cccc99;
}
/* emailimg added to replace width="40" height="26" border="0" align="left" hspace="8" vspace="2" for email.gif */
.emailimg {
	width : 40px;
	height : 40px;
	float : left;
	margin-right : 10px;
}
/* searchimg added to replace width="109" height="35" vspace="0" border="0" search4.gif */
.searchimg {
	width : 120px;
  	height : 52px;
  	padding : 0px;
	border : 0px;
}
td.section h3 {
	border-bottom : 1px solid #cccc99;
}
td.section h4 {
	margin-bottom : 0;
}
td.section ul {
	margin : 0 0 20px 0;
	padding-left : 0;
}
td.section ul li {
	list-style : none;
	margin-left : 0;
	clear : both;
}
.menuback {
	background-color : #003333;
	border-right : 0px; 
	border-bottom : 0px;
	width : 130px;
	margin-left : 10px;
	vertical-align : top;
	color : #ffffff;
	padding : 20px; 
}
.menuback label {
	padding-top : 5px;
	display : block;
}
.menuback form {
	padding-bottom : 20px;
}
ul {
	margin-left : 12px;
}
.zsubhead {
	margin-bottom : 0;
}
h2.zsubhead {
	border-top : 1px solid #cccc99;
	padding-top : 10px;
	margin-top : 15px;
}
h2.zsubhead, h3.zsubhead, h4.zsubhead {
	clear : both;
}
.col {
	width : 170px;
	margin-right : 6px;
	float : left;
}
.col1, .col2 {
	width : 270px;
	float : left;
	margin-right : 15px;
}
.col2 {
	clear : both;
}
a.top {
	clear : both;
	padding-top : 8px;
	float : right;
}
.imgleft {
	float : left;
	padding-right : 15px;
}
.imgright {
	float : right;
	padding-left : 15px;
}
.clear {
	clear : both;
}
#updates {
	padding-left : 15px;
}
#updates li {
	list-style : square;
	padding-bottom : 5px;
}
#famlinks {
	margin-left : 0;
	padding-left : 0;
}
#famlinks li {
	list-style : none;
	display : inline;
	margin-left : 15px;
}
.smallphoto {
	margin-bottom : 0;
}
.book {
	font-size : 1em;
	font-style : italic;
	margin : 0;
}
h3.book {
	margin-bottom : 2px;
	font-size : 1.1em;	
}
img.book {
	padding-right : 15px;
}
.smallimg {
	border-color : #ffffff;
	-moz-box-shadow:    1px 1px 1px 0px #fff;
	-webkit-box-shadow: 1px 1px 1px 0px #fff;
	box-shadow:         1px 1px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

td.content ul {
  padding-left : 0em;
}

.featureimg {
 	margin-top : 4px;
	margin-bottom : 20px;
	margin-left : 0px;
	margin-right : 10px;
	border : 1px solid grey;
	float : left;
}

#info {
	background-color : #DCDCB0;
	padding : 2px 4px 0px 4px;
}
.databack {
	background-color : rgb(233, 234, 216);
}
div.innercontainer {
	background-color : rgb(225, 225, 200);
}