/*---- BASIC STYLES ----------------------------------------------------------*/

body {
	padding: 0px; margin: 0px;
	font: 12px/20px "trebuchet ms", georgia, verdana, sans-serif; 
	color: #524D36; 
	background: url(images/bg_repeat.gif) repeat top left;
}

h1 { 
	font-family: georgia, "trebuchet ms", verdana, sans-serif;
	font-weight: bold;
	font-size: 24px;
}

h1, h2, h3, h4 { color: #093B58; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

h4 { 
	font-size: 12px;
	margin: 0px; }

a:link { color: #265F12; }

a:visited { color: #627F57; }

a:hover { 
	color: #123F0C; 
}

input, textarea, select {
	font-family: "trebuchet ms", georgia, verdana, sans-serif;
	font-size: 12px;
	color: #394B61;
	padding: 5px 2px 5px 2px;
	background: #D8E9B2;
	border: 1px solid #9EC364;
	border-top: 1px solid #265F12;
	border-left: 1px solid #265F12;
}

p { margin: 0px 0px 10px 0px; }

/*---- CLASS STYLES ----------------------------------------------------------*/

/* ALIGNMENT ******************************************************************/

.alignRight { text-align: right; }

.alignCenter { text-align: center; }

.announceLine { margin: 0px 0px 5px 0px; 
	border-bottom: 1px dotted #D9D6D1; }

/* DATA TABLE *****************************************************************/

.dataTable { width: 100%; }

.dataTable th { text-align: left; }

.dataTable td {
	vertical-align: top;
	border-top: 1px solid #D8D8D0;
}

.dataTable h3 { 
	font-size: 14px;
	padding: 0px 0px 2px 0px;
	margin: 0px; 
}

.tanRow { background: #F9F6ED; }

/* FLOAT **********************************************************************/

.imgFloatRight {
	position:relative;
	float: right;
	margin: 0px 0px 10px 10px;
	_margin: 0ppx 0px 5px 5px;
}

.imgFloatLeft {
	position:relative;
	float: left;
	margin: 0px 10px 10px 0px;
	_margin: 0px 5px 5px 0px;
}

/* MARGIN *********************************************************************/

.margTop { margin-top: 0px; }

.margBot { margin-bottom: 0px; }

.noMarg { margin: 0px; }

/* MISC ***********************************************************************/

.caption {
	width: 250px;
	padding: 5px;
	font-size: 11px; 
	line-height: 13px;
	border: 1px solid #d9d7ce;
}

.clear { 
	position: relative; 
	clear: both; 
}

.error {
	color: #8B2C26;
	padding: 10px 10px 0px 10px;
	margin-top: 10px;
	background: #CFB5B5;
	border: 1px solid #8B2C26;
}

.error h4 { color: #8B2C26; }

.fullWidth { width: 100%; }

/* hides content */
.hidden {
	display: none;
}

.line {
	height: 1px;
	border-bottom: 1px dotted #D9D6D1;
}

.posted { color: #35505F; }

.red { color: #8B2C26; }

.submit { 
	width: 80px; 
	background: #ededed; 
	border:none;
	border-right: 2px solid #aaa; 
	border-bottom: 2px solid #aaa;
}

.success {
	padding: 10px 10px 0px 10px;
	margin-top: 10px;
	background: #FFF2BF;
	border: 1px solid #F0CE44;
}

/* XLINK **********************************************************************/

/* sets background image for external links */
.xlink {
	padding-right: 15px;
	background: url(images/xlink.gif) no-repeat center right;
}

.xlink:visited { background-image: url(images/xlink_v.gif); }

.xlink:hover {	background-image: url(images/xlink_h.gif); }

/*---- ID STYLES -------------------------------------------------------------*/

/* thank you netscape 7 */
body>#outer {
	position: relative;
	margin: auto;
	width: 760px;
	background: url(images/container_bg.gif) repeat-y top right #EBE2C3;
}

#container {
	position: relative;
	margin: auto;
	width: 740px;
	height: 100%;
	padding: 0px 10px 0px 10px;
	/*\*//*/ height: 100%; background: url(images/container_bg.gif) repeat-y top right #EBE2C3; /**/	
	_background: url(images/container_bg.gif) repeat-y top right #EBE2C3;
}

/* SIDEL **********************************************************************/

#sideL {
	float: left;
	width: 240px;
}

/* IMGTOP ====================================================================*/

#imgTop {
	position: relative;
	padding-bottom: 1px;
	background: url(images/nav_line.jpg) no-repeat bottom left;
}

#imgTop img { display: block; }

/* NAV =======================================================================*/

#nav { 
	position: relative;
	_height: 198px;
	background: url(images/nav_bg.jpg) repeat-y top left;
}

#nav ul {
	margin: 0px; 
	padding: 0px 0px 0px 0px;
}

#nav li {
	list-style: none;
	margin: 0px;
	height: 32px;
	padding-bottom: 1px;
	background: url(images/nav_line.jpg) no-repeat bottom left;
}

#nav a {
	font: 14px/22px georgia, "trebuchet ms", sans-serif;
	font-style: italic;
	text-decoration: none;
	padding: 5px 0px 5px 10px;
	height: 22px;
	width: 230px;
	display: block;
}

#nav a:hover { 
	background: url(images/nav_hover.jpg) repeat-y top left #D8EAB1;	
}

/* TEXTBLOCK =================================================================*/

#textBlock { 
	position: relative;
	padding: 10px;
	background: url(images/nav_line.jpg) no-repeat bottom right;
}

#textBlock p { 
	margin: 0px;
	font: 14px/22px georgia, "trebuchet ms", sans-serif;
	font-style: italic;
	color: #35505F;
	background: url(images/text_fleuron.gif) no-repeat center center;
}

/* IMGBOT ====================================================================*/

#imgBot { 
	position: relative;
	padding-bottom: 1px;
	background: url(images/nav_line.jpg) no-repeat bottom right;
}

#imgBot img { display: block; }

/* SIDER **********************************************************************/

#sideR {
	float: left;
	width: 500px;
	background: url(images/content_bg.gif) repeat-y top left;
}

/* HEADER ====================================================================*/

#header {
	position: relative;
	height: 345px;
	background: url(images/header.jpg) no-repeat top left;
}

/* CONTENT ===================================================================*/

#content {
	position: relative;
	margin-top: -245px;
	padding: 10px 30px 0px 30px;
	background: url(images/footer.jpg) no-repeat bottom right;
}

#content ul { padding-left: 15px; }
#content ol { padding-left: 20px; }

#content h1 {
	padding-bottom: 10px;
	_padding: 0px;
	background: url(images/fade_line.jpg) no-repeat bottom left;
	_background: none; 
}

/* FOOTER ====================================================================*/

#footer {
	position: relative;
	height: 12px;
	padding: 10px 0px 25px 0px;
	font-size: 11px;
	text-align: center;	
}

#footerShadow {
	position: relative;
	margin: auto;
	height: 10px;
	width: 760px;
	background: url(images/footer_shadow.gif) no-repeat top left;
}