/* green		#74b736 */
/* light green	#f0f7e5 */
/* purple		#390E78*/
/* light purple	#d8d0e5 */
/* text			#505050 */
/* bg			#bec1c0 */

.taImageLeft 	{ float:left; padding:0 10px 10px 0; }
.taImageRight 	{ float:right; padding:0 0 10px 10px;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	*font-size:.7em;
	color:#404040;
	background-color:#bec1c0;
}

.div { border:1px dotted #f00; padding:4px; }

p {
	margin: 0 0 .7em 0;
	line-height: 1.2em;
	*line-height:1.3em;
}

h1,h2,h3,h4,h5,h6 {
	color:#390E78;
}
h1 {
	font-size:1.5em;
	padding-bottom:0;
	margin-bottom:.5em;
	margin-top:0;
	padding-top:0;
}
h2 {
	font-size:1.1em;
	margin-bottom:.3em;
	margin-top:1em;
}

a,a:visited {
	color:#390E78;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

hr { 
	color: #f68500; 
	background:none; 
	background-color: #f68500; 
	height:1px; 
	border:none; 
	clear:both;
}

img {
	border:0;
}


.info {
	font-size:1.1em;
	line-height:1.3em;
}

/* PHP Font Resize. Uses cookies, but NO javascript ----------------------------- */
#fontResize {
	display:inline;
}
#fontResize a {
	border:1px solid #fff;
	margin:2px;
	padding:2px .3em 1px .3em;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-weight:bold;
}
#fontResize .one	{ font-size:.9em; }
#fontResize .two 	{ font-size:1.1em; }
#fontResize .three 	{ font-size:1.4em; }
/* ------------------------------------------------------------------------------ */



#page {
	/*width: 780px;*/
	padding:10px;
	margin:auto 20px;
	background-color:#fff;
}

/* EVERYTHING is inside this, and this is centered */
#container {
	width:100%;
	/*border: 1px solid #f00;*/
}

#skip {
	/*display:none; if you use display none, it gets left out by screen readers!!*/
	position:absolute;
	left:-900px;
	width:1px;
	height:1px;
}

#header {
	/*border: 1px solid #0c0;*/
	position:relative;
	height:100%;
	/*margin-bottom:10px;*/
}


#logo {
	/*border: 1px solid #909;*/
	background:url(images/logo.png) no-repeat;
	float:left;
	width:200px;
	height:60px;
	padding:0;
	margin:0;
	
}

/* Purple banner area at the top */
#utility {
	/*border: 1px solid #099;*/
	background:url(images/h_Staff.png) 100% 0 no-repeat;
	height:100px;
	position:relative;
	padding:0;
	margin:0;
}
#utility div {
	color:#000;
	font-size:90%;
}
#utility form {
	display:inline;
}
#utility a{
	color:#000;
}

#searchform {
	position:relative;
	top:76px;
	text-align:right;
}
#searchform input {
	border:1px solid #390E78;
	padding:.1em;
	color:#390E78;
	background-color:#fff;
	font-size:.9em;
	vertical-align:middle;
	margin-left:.51em;
}




/* containing div Holds content of page */
#content {
	/*border: 1px solid #0c0;*/
	background:url(images/bg_greengrad.jpg) 0 0 no-repeat;
	margin-top:0;
	position:relative;
	height:100%;
}

/* MENUBAR styles ------------------------------------- */
#menubar {
	background-color:#390E78;
	color:#ff;
	margin:0;
	padding:.3em;
	font-size:1.1em;
	/*border-bottom: 1px solid #f68500;*/
}
#menubar .logout {
	float:right;
	margin-left:20px;
}
#menubar ul {
	margin: .1em;
	padding:0;
}
#menubar li {
	display:inline;
	list-style: none;
	/*margin:1em 0;*/
	margin:.8em 0;
	padding:0 .4em;
	border-right:1px solid #fff;
}
#menubar li.last {
	border-right:0;
}
#menubar li.main {
	/*border-top: 1px solid #f68500;*/
}
#menubar ul .hide {
	/*display:none;*/
	position:absolute;
	left:-900px;
	width:200px;
}

#menubar .here {
	font-weight:bold;
}

/* Submenu style */
#menubar li ul li {
	padding:.6em 0 0 2em;
	background:url(images/bullet.gif) no-repeat .7em .7em;
	border-bottom:0;
	font-weight:normal;
}
#menubar li ul li.here {
	background:url(images/bullet2.gif) no-repeat .7em .7em;
	font-weight:bold;
}

/* main menu link hover */
#menubar a {
	color:#fff;
	text-decoration:none;
}
/* ---------------------------------------------------- */

#crumbs {
	border-bottom:1px solid #74b736;
	border-left:1px solid #74b736;
	border-right:1px solid #74b736;
	background-color:#f0f7e5;
	padding:.3em;
	font-size:.85em;
}
#crumbs .here {
	font-weight:bold;
}




#main {
	float:left;
	/*width:480px;*/
	padding:20px 40px;
}
#sidebar {
	/*position:relative;*/ /* stops IE from not drawing half of the div! */
	/*margin-left:580px;*/
	padding-top:20px;
}
#fullwidth {
	/*width:698px;*/
	border:1px solid;
	border-top:0;
	padding:20px 40px;
}

#tblLogin {
	border:1px solid #74b736;
	background-color:#f0f7e5;
	font-size:.9em;
}
#tblLogin td {
	padding:4px;
}

#statbox {
	position:relative;
	float:right;
	width:250px;
	border:1px solid #74b736;
	background-color:#f0f7e5;
	font-size:.9em;
}
#statbox h1 {
	color:#fff;
	background-color:#74b736;
	font-size:1.1em;
}
#statbox h1,#statbox p,#statbox div{
	padding:.3em 10px;
}
#statbox ul {
	margin: .2em 1em 1em 0;
	padding:0;
}
#statbox li {
	list-style: url(images/iGreenSmall_onGreen.png);
	/*margin:1em 0;*/
	margin:.2em 0 .2em 34px;
	padding-left:0em;
	border-right:1px solid #fff;
}




/* detail.php */
#docicon {
	float:left;
	width:220px;
	padding:20px 40px;
}
#docmetadata {
	position:relative; /* stops IE from not drawing half of the div! */
	margin-left:320px;
	padding-top:20px;
}
/* Metadata fields on detail.php */
.mdata td {
	padding-bottom:.5em;
}
.mdataType {
	font-weight:bold;
	padding-right:20px;
}
.mdataDetails {
	border:1px solid #99f;
	font-weight:bold;
}
.ocgBox {
	border:1px solid #74b736;
	background-color:#fff;/*#f0f7e5;*/
	padding:15px;
	text-align:center;
}



#ocgDocList table {
	width:100%;
	margin:20px 40px;
	padding:auto 20px;
}
#ocgDocList th {
	white-space: nowrap;
	padding:.3em 1em;
	border:1px solid #390E78;
	background-color:#f0f7e5;
}
#ocgDocList td {
	padding:.4em 1em;
	border-bottom:1px solid #d8d0e5;
}
#ocgDocList th.sorted {
	background-color:#390E78;
}
#ocgDocList th.sorted a {
	color:#fff;
}

/*#ocgDocList a.listLink {
	background:url(images/iGreen_onGreen.gif) no-repeat 0 0;
	height:30px;
	padding-left:20px;
}*/

ul {
	margin:.2em 1em 1em 0;
	padding:0;
}
li {
	list-style:url(images/iGreenSmall.gif);
	margin:.2em 0 .2em 34px;
	*margin-left:24px;
	padding-left:0em;
	border-right:1px solid #fff;
}

#footer {
	/*border: 1px solid #03d;*/
	font-size:.9em;
	background-color:#d8d0e5;
	padding:.5em 0;
	margin:40px 0 0 0;
	border-top:1px solid #fff;
	text-align:center;
}
#footer, #footer a {
	color:#390E78;
	text-decoration:none;
}

#topOfPage {
	border-top:1px solid #f68500;
	font-size:.8em;
	margin-top:3em;
	padding-top:.5em;
}


#copyright {
	font-size:.9em;
	padding-top:.2em;
}




/* character styles */



/* --------------------------------------------------------------------------- */
/* A div with a floated div inside will not expand to fill the contained div.  */
/* This fix deals with the matter. Apply class="clearfix" to the container div */
/* Thanks to http://positioniseverything.net/easyclearing.html */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --------------------------------------------------------------------------- */