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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	margin:				0;
	padding:			0;
/*	background:			#600 url('../images/bkgnd_fade.jpg') repeat-x; */
	background-color:	#600;
	color:				#300;
	text-align: 		center;
	font-family: 		arial,verdana,news gothic,heltevica,sans-serif;
	font-size:			12px;
	font-weight:		400;
	line-height:		140%;
}

#div_page {
	margin:				0 auto;
	width:				770px;
	min-height:			480px;
	background:			#fff4db url('../images/sjcms_bkgnd.png') repeat;
	border-top:			1px solid #ECC;
	border-right:		2px solid #633;
	border-bottom:		2px solid #633;
	border-left:		1px solid #ECC;
	
}

#div_menu_bar {
	margin:				0px auto;
	padding:			4px 0 12px 0;
	width:				770px;
	height:				32px;
	vertical-align:		middle;
	/*border-top-color:	#CCCCCC;
	border-color:		#333333;
	border-bottom-width:1px;
	border-top-width:	1px;*/
	background-color:	#EEEABB;
	background: 		#EEEABB url('../images/sjcms_menu_bar_bkgnd.jpg') repeat-x;
}

#div_content_base {
	margin:				0 auto;
	padding:			0;
	text-align:			left;
	border-left:		1px solid #CCDDCC;
	border-right:		1px solid #BBCCBB;
	z-index:			-1;
}

#div_content_inner1 {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
	background-image:	url('../images/sjcms_home_violin.png');
	background-repeat:	no-repeat;
	background-position: top right;
}

#div_content_schedule {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
	background-image:	url('../images/sjcms_schedule.png');
	background-repeat:	no-repeat;
	background-position:top right;
}

#div_content_tickets {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
	background-image:	url('../images/sjcms_tickets.png');
	background-repeat:	no-repeat;
	background-position:top right;
}

#div_content_about {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
	background-image:	url('../images/sjcms_about.png');
	background-repeat:	no-repeat;
	background-position:top right;
}

#div_content_community {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
/*	background-image:	url('../images/sjcms_about.png');*/
	background-repeat:	no-repeat;
	background-position:top right;
}


#div_content_contact {
	margin:				0;
	padding:			16px 32px;
	width:				704px;
	background-image:	url('../images/sjcms_contact.png');
	background-repeat:	no-repeat;
	background-position:top right;
}

#div_footer {
	margin:				0;
	padding: 			32px 16px 16px 16px;
	background-color:	fff4db;
	
}

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

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

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

a.imglink{
	text-decoration:none;
}


p {
	padding:		0;
	margin:			0;
}



h1{
	margin:			0;
	padding:		6px 0;
	color:			#600;	/* Color Scheme */
	font-size:		24px;
	font-weight:	600;
	line-height:	1.0;
}

h2{
	margin:			0;
	padding:		3px 0;
	font-size:		20px;
	font-weight:	600;
	line-height:	1.4;
}

h3{
	margin:			0;
	padding:		3px 0;
	font-size:		14px;
	font-weight:	600;
	line-height:	1.4;
}

h4{
	margin:			0;
	padding:		2px 0;
	font-size:		13px;
	font-weight:	400;
	line-height:	1.3;
}

h5{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	font-weight:	400;
	line-height:	1.2;
}

h6{
	margin:			0px;
	padding:		0px;
	font-size:		10px;
	font-weight:	400;
	line-height:	1.0;
}


.img-border {
	border-top:		2px solid #999;
	border-right:	2px solid #333;
	border-bottom:	2px solid #333;
	border-left:	2px solid #999;
}

.txt-left		{ text-align: left; }
.txt-center		{ text-align: center; }
.txt-right		{ text-align: right; }
.txt-darkgreen	{ color: #030; }

.txt-darkred	{ color: #600; }
.txt-lightergrey {	color: #CCC; }
.txt-lightgrey	{ color: #999; }
.txt-grey		{ color: #777; }
.txt-darkgrey	{ color: #555; }
.txt-darkergrey	{ color: #333; }



.txt-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;
}

.txt-bold { font-weight: bold; }

.txt-t10 {	font-size: 10px; }
.txt-t11 {	font-size: 11px; }
.txt-t12 {	font-size: 12px; }
.txt-t13 {	font-size: 13px; }
.txt-t14 {	font-size: 14px; }
.txt-t16 {	font-size: 16px; }

.sjcms-sectionA {
	background-color: #CC0033;
}
.sjcms-sectionB {
	background-color: #CC6666;
}
.sjcms-sectionC {
	background-color: #FFCCCC;
}

.bgcolor-sectionA {
	background-color:	#C71D41;
}
.bgcolor-sectionB {
	background-color:	#DF6B73;
}
.bgcolor-sectionC {
	background-color:	#FFCFCF;
}

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



hr {
	color:			#AAA;
	border-color:	#999;
}

/*************** 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;
}


/***********************************************/
/* 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;
}

.pad4 { padding:4px; }
.pad8 { padding:8px; }
.pad16 { padding:16px; }
.pad32 { padding:32px; }
.pad-vert2  { padding-top:2px;   padding-bottom:2px; }
.pad-vert4  { padding-top:4px;   padding-bottom:4px; }
.pad-vert8  { padding-top:8px;   padding-bottom:8px; }
.pad-vert12 { padding-top:12px;  padding-bottom:12px; }
.pad-vert16 { padding-top:16px;  padding-bottom:16px; }
.pad-vert24 { padding-top:24px;  padding-bottom:24px; }
.pad-vert32 { padding-top:32px;  padding-bottom:32px; }
.pad-horz2  { padding-left:2px;  padding-right:2px; }
.pad-horz4  { padding-left:4px;  padding-right:4px; }
.pad-horz8  { padding-left:8px;  padding-right:8px; }
.pad-horz12 { padding-left:12px; padding-right:12px; }
.pad-horz16 { padding-left:16px; padding-right:16px; }
.pad-horz24 { padding-left:24px; padding-right:24px; }
.pad-horz32 { padding-left:32px; padding-right:32px; }


.sjcms-table-hdr		{ padding: 2px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; }
.sjcms-table-hdr-right	{ padding: 2px 0; border-right: 1px solid #666; }
.sjcms-cell-concert	{ padding: 4px; border-bottom: 1px solid #666; border-left: 1px solid #666; }
.sjcms-cell-reg		{ padding: 4px 4px 2px 4px; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; }
.sjcms-cell-snr		{ padding: 2px 4px 4px 4px; border-bottom: 1px solid #666; border-left: 1px solid #CCC; }
.sjcms-cell-right	{ border-right:1px solid #666; }
.sjcms-table-bgcolor { background-color:#F7F1E5; }

#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 **********************/