/*********************************************** 
				Browser reset
***********************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 
} 

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

/*  ----- layout ------*/

body	{
	padding: 0;
	font-size: 62.5%;
}


div#page {
	margin: 0px;
	padding: 5px;
	width: 734px;
	margin-right: auto;
	margin-left: auto;
	border: 0px solid #fff;
	background: #fff;
}


div#margin {
	margin: 15px 15px 15px 15px;
	padding: 0;
	width: 700px;
	background: #fff url(../images/bg.jpg) repeat-x top right;
	border: 2px solid #666;
}


div#head {
	margin: 0;
	padding: 0;
	height: 140px;
	background: #fff;
	font-size: 0.75em;
	font-family: arial, sans-serif;
	background: url(../images/wm.jpg) no-repeat top right;
}


div#head img {
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
}


div#mainnav {
        	left: 0;
	top: 0px;
	width: 700px;
	padding: 0;
	margin: 0;
	font-size: 0.70em;
	background: #cdf;
}

div#content {
	margin: 0;
	padding: 0;
	color: #333;
	background: #fff;
	font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
}

div#textarea {
	margin: 20px 0 0 65px;
	padding: 0;
	color: #333;
	font-size: 0.75em;
	width: 550px;
	background: none;
}



/*  ----- navigation ------*/




ul#tabnav{
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
	padding-bottom: 24px;/**/
	border-bottom: 1px solid #711515;
	font: bold 11px verdana, arial, sans-serif;
}

ul#tabnav li{
	float: left;
	height: 21px;
	background-color: #E4E4E4;
	color: #FFFFFF;
	margin: 2px 2px 0px 2px;
	padding: 0px;
	border: 1px solid #711515;
}

ul#tabnav a:link, ul#tabnav a:visited{
	display: block;
	color: #000;
	background-color: transparent;
	text-decoration:none;
	padding: 4px;
}

ul#tabnav a:hover{
	background-color: #FF9966;
	color:#ffffff;
}

body#rule1 li.rule1, body#rule2 li.rule2, body#rule3 li.rule3, body#rule4 li.rule4, body#rule5 li.rule5,body#rule6 li.rule6{
	border-bottom: 1px solid #fff;
	color: #000000;
	background-color: #ffffff;
}

body#rule1 li.rule1 a:link, body#rule1 li.rule1 a:visited,
body#rule2 li.rule2 a:link, body#rule2 li.rule2 a:visited,
body#rule3 li.rule3 a:link, body#rule3 li.rule3 a:visited,
body#rule4 li.rule4 a:link, body#rule4 li.rule4 a:visited,
body#rule5 li.rule5 a:link, body#rule5 li.rule5 a:visited,
body#rule6 li.rule6 a:link, body#rule6 li.rule6 a:visited
{

color: #000000;
background-color: #ffffff;
}

/*  ----- contet style ------*/


/* =standard 
-------------------------------------------------------*/



a {
	color: #26548C;
	text-decoration: underline;
}
/*Addition by Howard to ensure that hover text is same grey as defaiult text and not black 5/10/06*/
a:hover {
	color: #333;
    text-decoration: none;
}

img {
	border: 0;
}

p {
	padding: 0 0 0.5em 0;
	margin: 0;
}


/*Howard added following HR tag 5/10/06 to add uniform hr's tio allcontent*/
hr {
border:1px solid #F2F2F2;
width:99%;
}
/*End of addition*/
/* =content
-------------------------------------------------------*/

div#content h2 {
	font-size:2.8em;
	line-height:1.2em;
	padding-bottom:0.5em;
} 

div#content h3	{
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:0.5em;
}

div#content h4	{
	color: #26548C; 
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

div#content h5	{
	color: #333; 
	font-size: 1em;
	font-weight: bold;
	padding: 0 0 3px 0;
	margin: 0;
}

h2, h3, h4, strong {
font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
margin: none !important;
}


/*  ----- bullet lists i.e. pdflist ------*/

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

div#content ul {
	margin: 0 0 1em 20px;
	padding: 0;
	list-style: disc;
}

div#content ol {
	margin: 0 0 1em 30px;
	padding: 0;
}


/*  John replaced li with all below UL and OL clases.
div#content li {
	padding: 0 0 1em 0;
	margin: 0;
}
-------------------------------------------------------*/

div#content li {
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 1.3em;
}

dl {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	float: left;
	clear: left;
	width: 50px;
	margin: 0 0 1em 0;
	font-weight: bold;	
}

dd {

}


ol.alpha {
	list-style-type:lower-alpha;
}

ol.roman {
	list-style-type:lower-roman;
}

div#content ul.pdflist {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}


div#content ul.pdflist li {
	margin: 0;
	padding: 0 0 1em 20px;
	line-height: 1.3em;
	background: url(../resource/icons/pdf.gif) no-repeat 0 0;
}

div#content ul.wordlist li {
	margin: 0;
	padding: 0 0 1em 20px;
	line-height: 1.3em;
	background: url(../resource/icons/word.gif) no-repeat 0 0;
}

div#content ul li.htm { background: url(../resource/icons/htm.gif) no-repeat 0 0; !important}
div#content ul li.word { background: url(../resource/icons/word.gif) no-repeat 0 0; !important}
div#content ul li.pdf { background: url(../resource/icons/pdf.gif) no-repeat 0 0; !important}
div#content ul li.ppt { background: url(../resource/icons/ppt.gif) no-repeat 0 0; !important}
div#content ul li.xls { background: url(../resource/icons/xls.gif) no-repeat 0 0; !important}
div#content ul li.asf { background: url(../resource/icons/asf.gif) no-repeat 0 0; !important}
div#content ul li.arrow { background: url(../resource/icons/arrow.gif) no-repeat 0 0; !important}
div#content ul li.zip { background: url(../resource/icons/zip.gif) no-repeat 0 0; !important}


table {
	margin: 0 0 1em 0;
	padding: 0;
	width: 80%;
	border:none;
}

th {
	padding: 5px;
	text-align: left;
	border:none;
	vertical-align: top;
	background: none;
}

td {
	text-align: left;
	border:none;
	vertical-align: top;
	padding-bottom: 2px;
	background: none;
}

td.odd {
	background: #e0e4e9;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: top;
}

table.whitetable {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
}

td.whitetable {
	background: #fff;
	vertical-align: top;
}

.tableBorder {
	border: 1px solid #E5E5E5;
}
.tableBorder th {
	background: #EFEFEF;
	font-weight: bold;
	font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
	border: 1px solid #ccc;
}	
.tableBorder thead th, .tableBorder td {
	padding: 3px 5px;
	border: 1px solid #E5E5E5;
}
.tableBorder tr:hover {
	background: #F8F8F8;
}

span.colpic img{
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
}

span.rightpic {
	float: right;
	display: block;
	margin: 0 1em 0 0;
	line-height: 1.3em;
	text-align: left;
	color: #000;
	font-size: 0.9em;
}

span.leftpic img{
	display: block;
	border: 1px solid #ddd;
	padding: 5px;
}

/* Inputs */

.formField {
	border:1px solid #999999;
	padding:2px;
	margin-right: 3px;
}

.button {
	margin-top: 10px;
}

.select {
	width: 60px;
}

.small {
	width: 54px;
}

.row {
	clear: both;
	margin-bottom: 5px;
	
}

.formTitle {
	float: left;
	width: 107px;
}

.fullLength {
	width: auto;
}

.buttonRow {
	margin-top: 10px
}

/* Database Layout */

#filter {
	float: left;
}


#filter input, #filter label {
	float: left;
	margin-right:5px;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.popup {
	padding:10px 15px !important;
}