/***********************************************/
/* sjcms_master_v3.css                         */
/* 2010-2011                                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	margin:			0px;
	padding:		0px;
	background:		#C8D6B3 url('../images/back_short.jpg') repeat-x;
	color:			#003300;
	text-align: 	center;
	font-family: 	Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	400;
	line-height:	140%;
}


/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #004444;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/
/*	color: #1A5022;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
	color: #256035;
*/

h1{
	margin:			0px;
	padding:		0px;
	color:			#336600;			/*#006633;*/
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		20px;
	font-weight:	600;
	line-height:	1.0;
}

h2{
	margin:			0px;
	padding:		0px;
	color:			#336600;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		18px;
	font-weight:	600;
	line-height:	1.2;
}

h3{
	margin:			0px;
	padding:		0px;
	color:			#336600;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		14px;
	font-weight:	600;
	line-height:	1.2;
}

h4{
	margin:			0px;
	padding:		0px;
	color:			#003300;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	400;
	line-height:	1.4;
}

h5{
	margin:			0px;
	padding:		0px;
	color:			#003300;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	400;
	line-height:	1.2;
}

h6{
	margin:			0px;
	padding:		0px;
	color:			#003300;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	400;
	line-height:	1.0;
}


.text-darkgreen {
	color:			#003300;
}

.text-quoted {
	margin:			0px;
	padding:		0px;
	color:			#993300;
	font-family:	Geneva, Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-style:		italic;
	font-weight:	400;
	line-height:	1.0;
}

.text-11px {
	font-size:		11px;
}

.text-12px {
	font-size:		12px;
}

.text-13px {
	font-size:		13px;
}

.text-14px {
	font-size:		14px;
}

blockquote {
	margin:			0px;
	padding:		0px 0px 0px 15px;
}

.color-sectionA {
	color: #E5E5E0;
}
.color-sectionB {
	color: #E5EFB0;
}
.color-sectionC {
	color: #A0C085;
}

.bgcolor-sectionA {
	background-color:	#F0F0ED;
}
.bgcolor-sectionB {
	background-color:	#D5DFC0;
}
.bgcolor-sectionC {
	background-color:	#B0D095;
}

.bgcolor-darkgreen {
	background-color:	#006633;
}

hr {
	color:				#999999;
}

/*************** list tag styles ***************/

ul {
	list-style-type:	disc;
	padding:			0px 10px;
	margin:				0;
	text-indent:		5px;
	line-height:		1.4;
}

ul ul {
	list-style-type:	circle;
 	padding:			0;
	margin:				0;
}

ul ul ul {
	list-style-type:	none;
}

/********* form and related tag styles *********/

form {
	margin:				0;
	padding: 			0;
}

label {
	font:				bold 1em Geneva, Arial, Helvetica, sans-serif;
	color:				#334d55;
}
				
input {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#tl {
	position:			absolute;
	top:				-1px;
	left:				-1px;
	margin:				0px;
	padding:			0px;
	z-index:			100;
}


#masthead {
	width:				100%;
	max-width:			100%;
	background-color:	#334D33;
}

#menu_bar {
	margin:				0px auto;
	min-width:			770px;
	max-width:			100%;
	height:				56px;
	border-top-color:	#CCCCCC;
	border-color:		#333333;
	border-bottom-width:1px;
	border-top-width:	1px;
	background-color:	#EEEABB;
	background: 		#EEEABB url(../images/Menu_Bar_Bkgnd.jpg) repeat-x;
}

.menu_table {
	margin:				0px auto;
	width:				740px;
	height:				56px;
	text-align:			center;
	background-repeat:	no-repeat;
}
	

#content {
	margin:				0 auto;
	text-align:			left;
	border-left:		1px solid #CCDDCC;
	border-right:		1px solid #BBCCBB;
	width:				770px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName {
	margin:				0px;
	padding:			16px 0px 8px 0px;
	color:				#ffffff;
	font-weight:		normal;
}

/************** utility styles *****************/

#utility {
	font:				75% Verdana,sans-serif;
	position:			absolute;
	top:				16px;
	right:				0px;
	color:				#919999;
}

#utility a {
	color:				#ffffff;
}

#utility a:hover {
	text-decoration:	underline;
}

/************** pageName styles ****************/

#pageName {
	padding:			0px 0px 14px 10px;
	margin:				0px;
	border-bottom:		1px solid #ccd2d2;
}

#pageName h2 {
	font:				bold 175% Arial,sans-serif;
	color:				#000000;
	margin:				0px;
	padding:			0px;
}

#pageName img {
	position:			absolute;
	top:				0px;
	right:				6px;
	padding:			0px;
	margin:				0px;
}

/************* globalNav styles ****************/

#globalNav {
	position:			relative;
	width:				100%;
	min-width:			640px;
	height:				32px;
/*	color: #cccccc; */
	padding:			0px;
	margin:				0px;
/*	background-image:  url(../images/glbnav_background.gif); */
}

#globalNav img {
	margin-bottom: 		-4px;
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink {
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}

#pad-vert4 {
	padding: 4px 0px 4px 0px;
}

#align-right {
	text-align: right;	
}

a.glink, a.glink:visited {
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover {
  	background-image:  url(../images/glblnav_selected.gif);
	text-decoration: none;
}

.skipLinks {display: none;}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px 0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

#center {
	text-align:		center;
}

.feature{
	margin: 		20px;
	text-align: left;
	min-height: 320px;
	width: 		720px;
}


/*

.feature fontc1{
	color: #408060;
}

.feature fontc2{
	color: #307050;
}

.feature fontc3{
	color: #206040;
}

.feature fontc4{
	color: #105030;
}

.feature fontc5{
	color: #004020;
}
/*
.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}
*/

/************** siteInfo styles ****************/

#siteInfo{
	margin: 0px auto;
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
/*	color: #cccccc; */
	color: #306040;
	padding: 5px 5px 5px 5px;
	margin-top: 0px;
	width: 770px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:  url(../images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/