@CHARSET "UTF-8";
/*
 * File:	sna-design.css
 * Purpose:	General styles for site
 * Author:	Simon N. Anthony
 *
 * Version history:
 *
 * Version		Date			Comments
 * -------		----			--------
 *	1.0			14-NOV-2009		Initial version.
 *	1.1			20-FEB-2010		Add page content left, center and right
 *	1.2			06-MAR-2010		Redesign css layouts for the 3col display.
 *	1.3			30-MAY-2010		Increase display area width to 930px.
 */

* {
	padding:	0;
	margin:		0;
}

a {
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
	color:				#C0C0C0;
}

body {
	background-color:		#FFFFFF;
	background-image:		url(http://www.sna-design.com/images/scbgdtex.jpg);
	background-position:	center;
	color:					#191919;
	font-family:			Arial, Tahoma, Verdana, sans-serif;
	font-size:				10pt;
	font-style:				normal;
	font-weight:			200;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:	bold;
	margin:			15px 0px 5px 0px;
}

h1 {
	font-size:	18pt;
}

h2 {
	font-size:	16pt;
}

h3 {
	font-size:	14pt;
}

h4 {
	font-size:	12pt;
}

h5 {
	font-size:	10pt;
}

h6 {
	font-size:	8pt;
}

p {
	margin:		3px 0px 2px 0px;
}

p.footer {
	margin:		0;
}

#wrapper { 
	background-image:	url(http://www.sna-design.com/images/white-wall.jpg);
	border:		5px solid #C0C0C0;
	margin:		0 auto;
	width:		952px; /* 922px; */
}

#site-banner {
	height:		50px;
	width:		930px;
	padding:	10px;
	margin:		5px 0px 5px 0px;
}

#site-navigation {
	width:		930px;
	padding:	10px;
	margin:		5px 0px 5px 0px;
}

#page-banner {
	height:		30px;
	width:		930px;
	padding:	10px;
	margin:		5px 0px 5px 0px;
}

#page-content { 
	height:		500px;
	width:		930px;
	padding:	10px;
	margin:		5px 0px 5px 0px;
	overflow:	auto;
}

#page-content-2col-left {
	float:		left;
	display:	inline;
	width:		50%;
}

#page-content-2col-right {
	float:		left;
	display:	inline;
	width:		49%;
	position:	relative;
}

#page-content-3col-left {
	float:		left;
	display:	inline;
	width:		31%;
}

#page-content-3col-center {
	float:		left;
	display:	inline;
	width:		37%;
}

#page-content-3col-right {
	float:		left;
	display:	inline;
	width:		31%;
	position:	relative;
}

#page-content-3col25-left {
	float:		left;
	display:	inline;
	width:		24%;
}

#page-content-3col50-center {
	float:		left;
	display:	inline;
	width:		50%;
}

#page-content-3col25-right {
	float:		left;
	display:	inline;
	width:		24%;
	position:	relative;
}

#page-content-panel {
	border:		1px solid #C0C0C0;
	margin:		5px 1px 1px 1px;
	padding:	5px;
}

div.clsContentPanelHeading {
	background-color:	#E0E0E0;
	color:			#191919;
	font-size:		14pt;
	font-style:		normal;
	font-weight:	bold;
	padding:		2px;
	text-align:		left;
	vertical-align:	top;
}


#page-footer { 
	border-top-color:	#E6E6E6;
	border-top-style:	solid;
	border-top-width:	2px;
	font-size:			9pt;
	width:				930px;
	padding:			10px;
	margin:				5px 0px 5px 0px;
}

#footer-left {
	float:		left;
	display:	inline;
	width:		50%;
}

#footer-right {
	float:		right;
	display:	inline;
	position:	relative;
}


div.clsSiteBanner {
	border:				2px solid #F0F0F0;
	border-right-color:		#C0C0C0;
	border-bottom-color:	#C0C0C0;
	background-color:	#E0E0E0;
	color:				#191919;
	font-size:			18pt;
	font-style:			normal;
	font-weight:		normal;
	padding:			10px;
	text-align:			center;
	vertical-align:		top;
}

div.clsPageBanner {
	color:			#191919;
	font-size:		16pt;
	font-style:		normal;
	font-weight:	normal;
	padding:		2px;
	text-align:		center;
	vertical-align:	top;
}

div.clsScrollDisplayArea {
	overflow: 	auto;
}

div.clsText {
	margin-top: 5px;
}

div.clsIndent {
	margin-left: 20px;
}

div.clsClear {
	clear: both;
}