/* ############################################################################
   ##
   ##  Global Website Stylesheet
   ##
   ######################################################################### */

/* ####################################
   HTML Element Styles
   ################################## */

a {
}

a:link {
	color: #5358EA;
	text-decoration: none;
}

a:visited {
	color: #5358EA;
	text-decoration: none;
}
	
a:hover {
	color: #5358EA;
	text-decoration: underline;
}
	
a:active {
	text-decoration: underline;
}
	
body {
	margin: 0px;
	
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	
	border-top: #ffffff 1px solid;
}

p {
	margin-top: 0;
	margin-bottom: 1.35em;
}

h1 {		   
	color: #10137F;
	font-size: 200%;
	font-weight: normal;
	margin: 0.25em 0em 0.75em 0em;
}

h2 {		   
	margin: 0em 0em 0.75em 0em;
	
	color: #999900;

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 142%;
	font-weight: normal;
}

h3 {
	margin: 0em 0em 0.75em 0em;
	
	/*color: #B5B5B5;*/
	color: #555555;
	
	font-size: 135%;
	font-weight: normal;
}

h4 {
	margin: 0em 0em 0.75em 0em;

	font-size: 100%;
}

h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0.25em;
}

h6 {
	font-size: 92.5%;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 0;
	margin-bottom: 0.25em;
}

ul {
	list-style: url("/images/templates/ul.gif") square;
}

ul li {
	margin-bottom: 0.7em;
}

ol {
}

ol li {
	text-align: left;
	margin-bottom: 0.7em;
}

big {
	font-size: 110%;
}

small {
	font-size: 91.6%;
}

hr {
	width: 100%;
	height: 1px;
	color: #cccccc;
}

img {
	border-color: #333333;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.75,);
}

caption {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.25em;
	text-align: left;
}

address {
	font-style: italic;
	margin-top: 0;
	margin-bottom: 1.35em;
}

table {
	width: 100%;
	margin-bottom: 10px;
}

th {
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

td {
	padding: 0px 4px 1px 4px;
	border: 1px solid #ffffff;
}

/* ####################################
   Form Styles
   ################################## */

form {
	margin: 0px;
}

input {
	margin: 0px;
	padding: 1px 3px 1px 3px;
	
	color: #323232;
	font-family: arial, helvetica, sans-serif;
	
	border: #cccccc 1px solid;
	background-color: #ffffff;	
}

input.blank {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	background: url('/images/templates/spacer.gif');
}

input.submit {
	height: 22px;
	width: 120px;

	color: #5358EA;

	font-family: arial, helvetica, sans-serif;
	font-size: 91.7%;
	font-weight: bold;

	background: url('/images/templates/button_120.gif') #e0e0e0;
	
	border: 0px;
}

input.submit-small {
	height: 22px;
	width: 95px;
		
	color: #5358EA;

	font-family: arial, helvetica, sans-serif;
	font-size: 91.7%;
	font-weight: bold;
	
	background: url('/images/templates/button_95.gif') #e0e0e0;
	
	border: 0px;		
}

input.submit-medium {
	height: 22px;
	width: 140px;
		
	color: #5358EA;

	font-family: arial, helvetica, sans-serif;
	font-size: 91.7%;
	font-weight: bold;
	
	background: url('/images/templates/button_140.gif') #e0e0e0;
	
	border: 0px;		
}

input.submit-large {
	height: 22px;
	width: 200px;
		
	color: #5358EA;

	font-family: arial, helvetica, sans-serif;
	font-size: 91.7%;
	font-weight: bold;
	
	background: url('/images/templates/button_200.gif') #e0e0e0;
	
	border: 0px;		
}

input.readonly {
	background-color: #F6F6F6;
	color: #999999;
}

select {
	margin: 0px;
	padding: 1px 3px 1px 3px;
	
	color: #323232;
	font-family: arial, helvetica, sans-serif;

	border: #a6adaf 1px solid;
	background-color: #ffffff;
}

textarea {
	width: 400px;
	height: 80px;
	
	margin: 0px;
	padding: 1px 3px 1px 3px;

	color: #323232;
	font-family: arial, helvetica, sans-serif;	
	
	border: #a6adaf 1px solid;
	background-color: #ffffff;
}

/* DBA Butler Form Styles */

.formlabel {
	background-color: #EFEFEF;
	border-right: 4px solid #ffffff;
	width: 140px;
}

.formfield {
}

.formfield input {
	width: 200px;
}

.smalltext input {
	width: 50px;
}

.formfield .blank {
	width: 20px;
}

#UserForm {	
}

	#UserForm #UserForm-Inner th, #LoginForm h2, #LoginInfo h2 {
		height: 19px;
		padding: 3px;
		
		color: #ffffff;
		
		font-size: 110%;
		font-weight: bold;
		
		background: #B5B2B5 url('/images/templates/tableheader_curve.gif') top right no-repeat;
		
		border-top: 8px solid #ffffff;
		border-bottom: 8px solid #ffffff;
	}

	#UserForm .formlabel {
	}

	#UserForm .formfield {	
	}

#frmLogin {
}

	#frmLogin table {
		padding: 0px;
	}
	
	#frmLogin table tr td {
		padding: 1px 0px 1px 0px;
	}
	
	#frmLogin input {
		width: 87px;
	}
	
	#frmLogin input.submit-small {
		width: 95px;
	}

	#frmLogin .formlabel {
		font-weight: bold;
		background: transparent;
	}

	#frmLogin .formfield {	
		width: 100%;
	}


/* ####################################
   Special Element Styles
   ################################## */

.active {
	color: #9C9A00;
}

.current {
	color: #9C9A00;
}

.lapsed {
	color: #EF5D31;
}

.featurelink {
	display: block;
	min-height: 20px;
	padding: 0px 0px 0px 20px;
	
	background: url('/images/templates/box_arrows.gif') no-repeat;
}

.downloadlink {
	min-height: 20px;
	padding: 0px 0px 0px 20px;
	
	background: url('/images/templates/icons/18x17_download.gif') no-repeat;
}

.uploadlink {
	min-height: 20px;
	padding: 0px 0px 0px 20px;
	
	background: url('/images/templates/icons/18x17_upload.gif') no-repeat;
}

.deletelink {
	min-height: 20px;
	padding: 0px 0px 0px 20px;
	
	background: url('/images/templates/icons/delete.gif') no-repeat;
}

/* ####################################
   Page Object Styles
   ################################## */

#PageAlign {
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	text-align: center;
}

#Page {
	width: 750px;
	/* To re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
	margin: 0 auto;
	text-align: left;
}


#Header {
	width: 750px;
	margin: 19px 0px 0px 0px;
	height: 70px;
}
*:first-child+html #Header { 	/* IE7 only */
}
* html #Header {	/* IE6 only */
} 

	#Logo {
		float: left;
	}

	
	#headerContent {
		float: right;
		margin: 10px 3px 0px 10px;
	}


	#HeaderBar {
		position: relative;
		clear: both;
		width: 100%;
		height: 50px;
		text-align: center;
	}

	
#Main{
	position: relative;
	clear: both;
	width: 770px;
}

	#Main-Inner{
	}

		#nav{
		}

	
		#MainMenu {
			position: relative;
			width: 180px;
			float: left;
			margin-right: 19px;
		}


			#MainMenu ul {
				list-style: none;
				list-style: url("/images/templates/spacer.gif") none;
				margin-left: -3em;
			}

			*:first-child+html #MainMenu ul { 	/* IE7 only */
				margin: 0px;
			}

			* html #MainMenu ul {	/* IE6 only */
				margin: 0px;
			}
 

			#MainMenu ul li {
				border-bottom: 1px solid #b5b5b5;
				margin: 0px;
				padding: 0px;
				height: 35px;
			}

		
			#MainMenu ul li a {
				display: block;
				height: 25px;
				padding: 8px 0px 2px 0px;
				/*color: #b5b5b5;*/
				/*color: #858585;*/
				color: #555555;
				font-size: 130%;
			}


			#MainMenu ul li a:hover {
				background-color: #f8f8f8;
			}

			
		#CallsToAction {
			margin: 20px 4px 20px 0px;
		}

		
		#PageBody {
			position: relative;
			width: 551px;
			float: left;
		}

		
			#PageBody-Inner{
			}

			
				#SubContainers {
					clear: both;
				}

				
				#SubArticles {
					clear: both;
				}

#Footer {
	position: relative;
	clear: both;
	width: 100%;
	
	padding: 6px 0px 0px 0px;
	
	color: #ffffff;
	
	background: #000000;
	
	border-top: 4px solid #B5B5B5;
}

	#Footer #Menu {
		font-size: 91.7%;
		margin-left: -40px;
	}

	
		#Footer #Menu ul {
			margin-left: 10px;
			margin-bottom: 4px;
		}

		
		#Footer #Menu ul li {
			display: inline;
			margin-right: 10px;
			margin-bottom: 0px;
		}

		
		#Footer a {
			color: #ffffff;
			margin-top: 0px;
		}

		
	#Footer #Credits p {
		margin-left: 10px;
		font-size: 90%;
	}

#LoginInfo {
}

#LoginForm {
	margin: 1em 0em 1em 0em;
}

#PageAnchors {
	position: relative;
	top: -1em;
	
	margin: 0px 0px 6px 0px;
	
	background: #f8f8f8;
	
	border: 0px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

	#PageAnchors ul {
		margin: 3px 3px 3px 0px;
	}

	
	#PageAnchors ul li {
		display: inline;
		margin: 0px 18px 0px 4px;
		
		list-style: none;
		
		font-size: 91.7%;
	}