@charset "utf-8";
/* CSS Document */

/* General tags for page use */
html {
	margin: 		0;
	padding: 		0;
}

p {
	color: 			#686868;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
}

body {
	background-color:#CCCCCC;
	margin: 		0; 
	padding: 		0;
	text-align: 	center;
}

a:link {
	text-decoration:none;
	color: 			#3399cc;
}

a:visited { 
	text-decoration:none; 
	color: 			#3399cc;
}

a:hover, a:active {
	text-decoration:underline;
	color: 			#3399cc;
}


/* Container for the whole page, used for centering and applying the border (bottom border is controlled by copyright */
#container {
	background: 	#FFFFFF;
	margin: 		0 auto;
	text-align: 	left;
	border-style: 	solid;
	border-width: 	0px 25px 0px 25px;
	border-color: 	#666666 #666666 #666666 #666666;
	width: 			1000px;
}

/* Copyright placement*/
#copyright {
	background: 	#666666;
	margin-bottom: 	0px;
	text-align: 	right;
	vertical-align:	bottom;
	width: 			1000px;
	height:			25px;
	color:			#FFFFFF;
	font-size:		9px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

/* Rimrock logo placement */
#logo {
	background: 	#FFFFFF;
	margin: 		0 0 0 0;
	}

/* Image in the header - future placement of Flash stuff.  main is for homepage, sub is for every other page with "short" image" */
#headerimage-main {
	background: 	url(images/flashholderimage2.jpg) no-repeat top left;
	top-margin: 	145px;
	width:			1000px;
	height: 		252px;
	
	}
	
#headerimage-sub {
	background: 	url(images/flashholderimage2_sm.jpg) no-repeat top left;
	top-margin: 	145px;
	width:			1000px;
	height: 		84px;
}

/* Displays the first green bar */	
#greenbar1 {
	background: 	url(images/greenbar.jpg) no-repeat top left;
	top-margin: 	122px;
	width:			1000px;
	height: 		23px;
}

/* Displays the second green bar: Main is for the homepage, Sub is for every other page with the "short" bar */	
#greenbar2-main {
	background: 	url(images/greenbar.jpg) no-repeat top left;
	top-margin: 	397px;
	width:			1000px;
	height: 		23px;
}

#greenbar2-sub {
	background: 	url(images/greenbar.jpg) no-repeat top left;
	top-margin: 	229px;
	width:			1000px;
	height: 		23px;
	color: 			#FFFFFF;
}

/* All text properties for the second green bar (nav links) are handled here */
#greenbar2-text {
	color: 			#FFFFFF;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	padding:  		3px 10px;
}	
	
#greenbar2-text a:link, #greenbar2-text a:visited { 
	text-decoration:none; 
	color: 			#FFFFFF;	
}

#greenbar2-text a:hover, #greenbar2-text a:active { 
	text-decoration:none; 
	color: 			#333333;
}

/* z-algned list code */
#zUL,#zUL ul {
	padding:		0;
	margin:			0;
}

#zUL li ul a {
	margin-left:	auto;
}

#zUL li {
	white-space:	nowrap;
	margin-left:	2px;
	margin-right:	16px;
	float:			left; 
	width:			auto;
	position:		relative;
	list-style-type:none;
} 

#zUL li ul {
	visibility:		hidden;
	position:		absolute;
	top: 			17px;
	left:			0px;
}

#zUL li:hover ul {
	visibility:		visible;
	background: 	url(images/greenbar.jpg);
	font-style: 	inherit;
/*	Transparency code, if needed 
	opacity: 		0.75;
	-moz-opacity: 	0.75;
	filter: 		alpha(opacity=75); */
	position:		absolute;
	top: 			14px;
	left:			0px;
}	

#homepage-body {
	top-margin:		420px;
}

#subpage-body {
	top-margin:		252px;
}

/* Table columns for pages */
#column1 {
	width: 			218px;
	height: 		100%;
	margin: 		0px 0px 0px 0px;
	padding: 	    10px 0px 10px 20px;
	text-align:		left;
	vertical-align:	top;
	color: 			#686868;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	line-height: 	1.3;
}

#column2 {
	left-margin:	218px;
	width:			782px;
	height: 		100%;
	margin: 		0px 0px 0px 0px;
	padding: 		10px 20px 10px 0px;	
	color: 			#686868;
	text-align:		justify;
	vertical-align:	top;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	line-height: 	1.3;
	}

#singlecolumn {
	width:			100%;
	height:			100%;
	margin: 		0px 0px 0px 0px;
	padding: 	    10px 20px 10px 20px;
	color: 			#686868;
	text-align:		justify;
	vertical-align:	top;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	line-height: 	1.3;
}

.content {
	text-align: 	justify;
	color:			#686868;
	font-size:		12px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

.contentbold {
	text-align: 	left;
	color:			#686868;
	font-size:		12px;
	font-weight:    bold;
	
	font-family:	Verdana, Arial, Helvetica, sans-serif;
}

.pageheader {
	text-align: 	left;
	color:			#686868;
	font-size:		14px;
	font-weight:    bold;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;	
}