/*Stuart Neiman, content pages*/

/* Some browsers, notably Firefox, don't leave space on the right of the
   viewport for a vertical scrollbar, so the page shifts to the left or
   right depending on the length of the content. By setting min-height
   of the html element to 100% and declaring a margin-bottom of 0.1px,
   the page always spawns a vertical scrollbar, but doesn't scroll unless
   the content exceeds the height of the viewport. This isn't ideal, but
   is less confusing to the user than having the page constantly jump
   to left and right. 
*/

html {
	min-height:100%;
	margin-bottom:0.1px;
	}
	
/* The body rule removes margin and padding so that the page is positioned equally
   in all browsers. The background image is centered and tiled vertically. The
   background color matches the edges of the 1,200-pixel wide background. Text
   color is set to black and a set of sans-serif fonts is chosen.
*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-position: center top;
	margin: 0px;
	padding: 10px;
	font-size: 12px;
	color:#000;
}



/* The wrapper div encloses the page content and centers it in the page.
   By setting background-color to white, the content remains readable
   even if the body's background image fails to display.
*/


#wrapper_submenu {
	width: 800px;
	margin: 0 auto;
	background-color:#FFF;
}

#wrapper_submenu #banner {
	margin: 15px 0 0 5px;
}

#wrapper_submenu #nav_pri {
	float: left;
	width: 450px;
	margin-bottom: 20px;
	margin-right: 25px;
}

#wrapper_submenu #contact {
	float: left;
	width: 100px;
	margin-bottom: 20px;
}
#wrapper_submenu #nav_secondary {
	float: left;
	width: 200px;
	margin-right: 20px;
}
#wrapper_submenu #nav_secondary p {
	text-align: right;
}


#wrapper_submenu #contact p {
	text-align: right;
}
#wrapper_submenu #images {
	width: 800px;
	clear: both;
}

#wrapper_submenu #images img {
	cursor: pointer;
	border: none;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}