@CHARSET "UTF-8";

/*
 * A CSS Framework by Mike Stenhouse of Content with Style
 *
 * See http://css.appfuse.org/themes/dustyblue/navtop-1col/home.html
 * Also see http://css.appfuse.org/themes/ for more templates.
 */

/* ---------------------------------------------------------------------------------------------------------
 * SITE SPECIFIC LAYOUT
 * --------------------------------------------------------------------------------------------------------*/

	html {
		margin: 0;
		padding: 0;
		}

	body {
		margin: 0;
		padding: 0 8px;
		color: #886f4b;
		background: #ddd1cd url(page-gradient.gif) repeat-x top;
		}

	#page {
		position: relative;
		margin: 0 auto; /* center, not in IE5 */
		padding: 0;
		width: 900px;
		}

/* ---------------------------------------------------------------------------------------------------------
 * MASTHEAD
 * --------------------------------------------------------------------------------------------------------*/

	#masthead {
		position: relative;
		width: 900px;
		padding: 0;
		margin: 12px 0 0 0;
		}

	#masthead .bar {
		position: relative;
		top: 0;
		left: 0;
		height: 90px;
		padding: 0;
		margin: 0;
		font-size: 10px;
		background: transparent url(toplogo.png) no-repeat top left;
		}

	#masthead .bar .branding {
		position: absolute;
		top: 15px;
		left: 10px;
		width: 290px;
		height: 50px;
		}

	#masthead #SiteSearch {
		position: absolute;
		top: 28px;
		right: 16px;
		}

	#masthead .bar .login {
		position: absolute;
		top: 26px;
		right: 80px;
		}

	#masthead .bar .links {
		position: absolute;
		bottom: 8px;
		right: 20px;
		width: auto;
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 12px;
		text-align: right;
		}

	#masthead .bar .branding img {
		width: 550px;
		height: 70px;
		margin: 0;
		padding: 0;
		border: none;
		}

	#masthead #SiteSearch p {
		margin: 0 0 0 6px;
		padding: 0;
		font-size: 13px;
		color: white;
		}

	#masthead #SiteSearch input,
	#masthead #SiteSearch select {
		margin: 0 3px;
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
		}
		
	#masthead #SiteSearch select {
		width: 135px;
		padding: 2px 0 0 2px;
		vertical-align: baseline;
		}

	#masthead #SiteSearchField {
		width: 200px;
		padding: 3px 2px 1px 2px;
		vertical-align: baseline;
		}

	#masthead #SiteSearch input.searchBtn {
		vertical-align: bottom;
		}

/* ---------------------------------------------------------------------------------------------------------
 * CONDOM (goes around the meat)
 * --------------------------------------------------------------------------------------------------------*/

	.condom {
		margin-top: 2px;
		}

	.condom .inside {
		background: white;
		}

/* ---------------------------------------------------------------------------------------------------------
 * MEAT
 * --------------------------------------------------------------------------------------------------------*/

	.meat {
		margin: 0;
		padding: 10px 0 16px 8px;
		font-size: 11px;
		min-height: 600px;
		}
		
	.infoCondom .meat {
		padding: 0;
		}

/* ---------------------------------------------------------------------------------------------------------
 * FOOTER
 * --------------------------------------------------------------------------------------------------------*/

	#footer {
		padding-top: 4px;
		}

	#footer .brdr {
		width: 1007px;
		}

	#footer .inside {
		padding: 0 20px 8px 20px;
		}
	
	#footer h4 {
		padding: 6px 0 12px 0;
		font-size: 14px;
		color: #009000;
		}

	#footer p {
		padding: 4px 0;
		font-size: 12px;
		}

	#footer .links p {
		color: black;
		}

	#footer p.copyright {
		padding: 12px 0 0 0;;
		color: black;
		}

/* ---------------------------------------------------------------------------------------------------------
 * DECORATIONS
 * --------------------------------------------------------------------------------------------------------*/
 
	.boxed {
		margin: 0;
		padding: 10px;
		border: 1px dotted black;
		}

	.boxed > h1, .boxed > h2, .boxed > h3 .boxed > h4, .boxed > h5, .boxed > h6 {
		margin-top: 0;
		padding-top: 0;
		}