
/* Page styles and layout for SugarFix Design */

	html body {
		padding: 0; /* For Opera [removes white space} */
	  border: 0;
	}
	
	body {
		color: #000000;
		background: url(../graphx/navbar_bg.gif) repeat-x;
		background-color: #1f5b3d;
		font-family: arial, sans-serif;
		padding: 0;
		margin: 0; 
		font-size: 76%;
		line-height: 20px;
	}
	
	div p {
		margin-top: 0;
	}
		
	img {
		border: 0;
	}
	
	p.indent {
		margin-bottom: 25px;
		margin-left: 45px;
	}
	
	#maincontainer {
		border: 1px solid black;
		background: url(../graphx/level.gif) no-repeat;
		background-position: bottom right;
		background-color: #ffffff;
		width: 760px;
	/* page centering */
		margin: 10px auto 0 auto;
	/* IE workaround */
		text-align: center;
	}
	
	#maincontainer2 {
		background: url(../graphx/blueprint.jpg) no-repeat;
		width: 758px;
	/* page centering */
		margin: 0 auto;
	/* IE workaround */
		text-align: center;
	}
	
	#banner {
		width: 750px;
		height: 100px;
		padding: 10px 10px 0 0;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		height: 90px;
	}
		
	#mainnav img {
		margin: 0 3px;
	}
		
	#mainnav {
		padding-right: 25px;
		height: 20px;
		text-align: right;
	}
		
	#pagecopy img {
		margin-bottom: 25px;
	}
	
	#pagecopy {
		background: url(../graphx/transparent.png);
		border: 1px solid black;
		margin: 0 25px 30px 125px;
	/* IE workaround */
		width: 750px;
		font-size: 1em;
		text-align: left;
		width: 625px;
		padding: 15px;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		width: 575px;
	}
	
	#footer {
		color: #000000;
		font-size: 1em;
		text-align: center;
	}
	
	#footer2 {
		color: #999999;
		font-size: 1em;
		text-align: center;
		padding: 5px 0;
	}
	
	#container_l {
		float: left; 
		text-align: center;
		width: 90px;
		height: 283px;
	}
	
	#container_r {
		float: right;
		text-align: center;
		width: 480px;
		height: 283px;
	}
	
	#alt_nav {
		margin-top: 10px;
		width: 572px; 
		float: left; 
		text-align: center;
	}
	
	.alttext {
		display: none;
	}
	
	.banner {
		border: 0;
		float: left;
		cursor: pointer;
	}
	
	.galleryImg {
		border: 1px solid green;
		margin: 0 auto;
		display: block;		
	}
	
	.logo {
		border: 0;
		float: right;
	}
	
	.indent {
		margin-left: 25px;
	}
	
	.endorse {
		float: left;
		clear: both;
		margin-left: 30px;
		margin-top: 140px;
	}
	
	.clear { 
  	clear: both; 
	/*** these next attributes are designed to keep the div height to 
	0 pixels high, critical for Safari and Netscape 7 ***/ 
  	height: 1px; 
  	overflow: hidden; 
  	margin-bottom: -1px; 
	} 
	
	* html .clear {
		display: none;
	/*** stops IE browsers from displaying the clear div/br in the page, 
	as these are for Moz/Opera and Safari only. If IE 5.x Win DID display
	these, the page is too high ***/
	} 
	
/* Anchor Attributes */	
	
	a, a:link, a:visited {
		color: #336633;
		text-decoration: underline;
	}
										
	a:hover {
		color: #cbcb40;
		text-decoration: none;
	}
		
	#footer a, #footer a:link, #footer a:visited {
		color: #336633;
		text-decoration: underline;
	}
										
	#footer a:hover {
		color: #cbcb40;
		text-decoration: none;
	}

	#footer2 a, #footer2 a:link, #footer2 a:visited {
		color: #999999;
		text-decoration: underline;
	}
										
	#footer2 a:hover {
		color: #cbcb40;
		text-decoration: none;
	}

	#return a, #return a:link, #return a:visited {
		color: #999999;
		text-decoration: none;
	}
										
	#return a:hover {
		color: #0000FF;
		text-decoration: none;
	}