html {
	margin: 0; padding: 0;
	overflow-y: scroll;
}

body { 
	padding: 0; 
	margin: 0; 
	background: #f1f1f1; 
	color: #454545;
	font: 12px Tahoma, sans-serif; 
	line-height: 1.5em; 
}

a {
	color: #E0691A;
}

	#wrap { 
		margin: 0 auto; padding: 0;
		width: 970px; min-height: 800px;
		background: #ffffff;
		border-left: 2px solid #e2e2e2;
		border-right: 2px solid #e2e2e2;
		overflow: auto;
	}

		#header { 
			float: left;
			width: 970px;
			margin: 0; padding: 0;
		}
		
			#header h1 {
				float: left;
				width: 970px;
				margin: 0; padding: 0;
				text-indent: -12000px;
				background: #000000 url(../images/precisionbadges2.jpg) no-repeat scroll top right;
			}
			
				#header h1 a {
					display: block;
					height: 140px;
					margin: 0; padding: 0;
				}
				
				#header h4 {
					position: absolute;
					top: -100px;
				}
			
		#navigation {
			float: left;
			width: 970px;
			margin: 0; padding: 0;
			color: #ffffff;
			background: #877148;
		}
		
			#navigation ul {
				float: left;
				margin: 0; padding: 0;
			}
		
				#navigation li {
					float: left;
					list-style: none;
				}
			
					#navigation li a {
						display: block;
						padding: 5px 10px;
						color: #ffffff;
						text-decoration: none;
					}
			
					#navigation li:hover ul {
						display: block;
					}
			
					#navigation ul li ul {
						position: absolute;
						display: none; 
						width: 200px;
						margin: 0 0 0 -49px; /* why 49px ? whats just how it worked out for me at the time. */
						background: #877148;
					}

						#navigation ul li ul li a {
							width: 180px;
						}
	
	#container {
		float: left;
		margin: 0; padding: 0;
	}
	
		#main-column {
			float: left;
			width: 600px;
			margin: 0; padding: 10px;
		}
		
		#right-column {
			float: left;
			width: 350px;
			margin: 0; padding:  10px 0 0 0;
		}

			.right_options {
				background: #f5f5f5;
				color: #414141;
				padding: 8px;	
				margin: 0 5px 5px 0;
				clear: both;
				display: block;
				border: 1px solid #877148;
			}
			
				.right_options a {
					text-decoration: none;
				}
				
			.image {
				float: left;
				margin: 0 9px 3px 0;
			}
			
			.animate {
				float: left; 
				border: 1px solid black; 
				margin: 0 5px 0 0; line-height: 0.1em; 
			}


	#footer {
		float: left;
		width: 950px;
		margin: 20px 0 0 0; padding: 0 10px;
	}

		#inboxdesign {
			position: absolute;
			left: -1200px;
		}

label {
	display: block;
}

input[type="text"],
input[type="password"],
select,
textarea {
	margin-bottom: 15px;
	width: 300px;
	font: 12px Tahoma, sans-serif; 
}

input[type="submit"] {
	min-width: 150px;
	text-align: center;
	margin-right: 20px;
}
span.error {
	color: #E0691A;
}

div.button-wrap {
	float: left;
	margin: 0 10px 10px 0;
	width: 140px; height: 195px;
	cursor: pointer;
}
img.button {
	position: absolute;
	border: 4px solid #ffffff;
}

div.button-wrap h4 {
	margin: 145px 0 0 0;
	color: #877148;
	text-align: center;
}



.mil-imagelink img { 
	border: 1px solid #808080; 
	-moz-box-shadow: 2px 2px 8px #C2C2C2; 
	-webkit-box-shadow: 2px 2px 8px #C2C2C2; 
	box-shadow: 2px 2px 8px #C2C2C2; 
} 

.mil-bg { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background-color: #333333; 
	opacity: 0.7; 
	z-index: 10000; 
} 

.mil-bg-loading { 
	position: absolute; 
	width: 100%; 
	color: white; 
	font: bold 16px sans-serif; 
	text-align: center; 
	background-color: black; 
	padding: 5px 0px; 
} 

.mil-img { 
	cursor: pointer; 
	position: absolute; 
	top: 0; 
	z-index: 10001; 
	border: 1px solid black; 
	border-bottom: none;
	-moz-box-shadow: 0px 0px 20px #D9D9D9; 
	-webkit-box-shadow: 0px 0px 20px #D9D9D9; 
	box-shadow: 0px 0px 20px #D9D9D9; 
} 
.mil-messagebg { 
	cursor: pointer; 
	position: absolute; 
	display: block;
	top: 0; padding: 5px;
	z-index: 10002; 
	border: 1px solid black;
	border-top: none;
	background: #ffffff; 
	-moz-box-shadow: 0px 0px 20px #D9D9D9; 
	-webkit-box-shadow: 0px 0px 20px #D9D9D9; 
	box-shadow: 0px 0px 20px #D9D9D9; 
	-moz-box-shadow-top: none; 
	-webkit-box-shadow-top: none; 
	box-shadow-top: none; 
}

.mil-message { 
	cursor: pointer; 
	position: absolute; 
	top: 0; 
	z-index: 10003;
	color: #000000;
}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../lightbox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #000 url(../lightbox/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
-moz-box-shadow: none;
-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 12px;
color: #fff;
text-align: left;
background-position: center center;
background-repeat: no-repeat;
border: 10px solid #000000;
background: #ffffff;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbTitle h4 {
	color: #E0691A;
	margin: 0;
	font-size: 16px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../lightbox/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../lightbox/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../lightbox/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}



.clear {
	display: block;
	float: left;
	width: 970px;
}