/*---------------------------------------*/
/*Page CSS Properties            */
/*---------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background-color: #FFFFFF;
}
td {
	font-size: 12px;
	line-height:1.5em;
}

hr {
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
}
li {
}
h1 {
	font-family: "Trebuchet MS";
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	height : 25px;
	letter-spacing : 1px;
	line-height : 26px;
	color : #5d2d07;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h3 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h4 {
	font-family: "Trebuchet MS";
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	height : 25px;
	letter-spacing : 1px;
	line-height : 26px;
	color : #000000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

/*---------------------------------------*/
/*Links CSS Properties            */
/*---------------------------------------*/

a:link {
	font-family: "Trebuchet MS";
	text-decoration: none;
	color: #8D7205;
}
a:visited {
	color: #8D7205;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #8D7205;
	text-decoration: none;
}

/*---------------------------------------*/
/*	Common Styles		            	 */
/*---------------------------------------*/

/* Tooltip */
div.tooltip 							{ padding: 5px; z-index:100; width: 400px; font-size:10px; color: #666; background-color:#FFFFCC; border:1px solid #CCC; }
span.tooltip_word						{ border-bottom: 1px dotted #666 }

/* Pagination */
.pager_arrow							{ }
.pager_link 							{ padding: 3px 1px; }
.pager_selected							{ padding: 3px 1px; font-weight:bold; }

/* Common */
.red									{ color: #CC0000; } 
.note									{ color: #999; }


/*---------------------------------------
Forms	         
---------------------------------------*/

/* Success Messages (green box) */
.successbox, .notice-success, .form_successbox {  
	background-color: #007F05; 
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left; 
	border:0;
}

/* 
Error/Warning Messages Box (red box)
--deprecate all but .errorbox
*/
.errorbox, .notice-error,  .notice-alert, .table-error 	{ 
	background-color: #990000;  
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left;  
	border:0;
}

/* Notice Box (blue box) */
.noticebox {
	background-color:#1772D5;
	color: #fff;  
	font-size: 11px;  
	margin: 5px;  
	padding: 7px 7px 7px 40px;  
	text-align: left;  
	border:0;
}

/* hack lists so text shows up right color */
.notice-error li, .notice-alert li, .table-error ul li	{ 
	color: #fff; padding: 3px;
}

/* inline errors */
.error, .validation-advice, .form_error { 
	color: #ff0000; font-weight: bold; 
}

/* form styles */
input 									{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px;}
select 									{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; margin:2px 0; }
textarea 								{ border: 1px solid #ccc; background-color: #e5e5e5; padding: 0.1em; color:#444; font-size:12px; }

/* standard buttons */
input.button, input.formbuttons, input.form-buttons, .form_button { 
	padding: 2px 3px; 
	color: #333333; 
	background-color: #CCCFC2; 
	border:1px outset #AAAF99;
}

/* green & red buttons */
input.actionButton 						{ background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; }
input.cancelButton 				 		{ background-color: #990000; border: 1px outset #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 7px; }
input.shoppingButton					{ background-color: #8CAC01; border: 1px outset #ccc; color: #fff; font-size: 18px; font-weight: bold; padding: 4px 9px; font-family:Arial, Helvetica, sans-serif;  }



/*---------------------------------------*/
/*Background CSS Properties            */
/*---------------------------------------*/

.Left-Tile {
	background-color: #ffe762;
	background-image: url(../images/left-tile.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.Right-Tile {
	background-color: #ffe762;
	background-image: url(../images/right-tile.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.Middle-Tile {
	width:780;
	background-color: #FFFFFF;
}
/*---------------------------------------*/
/* Table CSS Properties            */
/*---------------------------------------*/

.table-1-1 {
	background-image: url(../images/table-1-1.png);
	height: 5px;
	width: 28px;
	
}
.table-1-2 {
	background-image: url(../images/table-1-2.png);
	height: 5px;
}
.table-1-3 {
	background-image: url(../images/table-1-3.png);
	height: 5px;
	width: 32px;
}
.table-2-1 {
	background-image: url(../images/table-2-1.png);
	width: 0px;
}
.table-2-2 {
	background-color: #FFFFFF;
	padding: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
.table-2-3 {
	background-image: url(../images/table-2-3.png);
	width: 0px;
}
.table-3-1 {
	background-image: url(../images/table-3-1.png);
	height: 0px;
	width: 28px;
}
.table-3-2 {
	background-image: url(../images/table-3-2.png);
	height: 0px;
}
.table-3-3 {
	background-image: url(../images/table-3-3.png);
	height: 0px;
	width: 32px;
}
/*---------------------------------------*/
/*Main Table CSS Properties            */
/*---------------------------------------*/

.table-main {
	color: #333333;
	text-align: left;
	border: thin solid #CCCCCC;
}
.table-bg {
	color: #FFFFFF;
	text-align: left;
	background-image: url(../images/sj-table-2-1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.table-top {
	color: #000000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: left;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.table-title {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #1a7caf;
}
.table-title2 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.table-content {
	text-align: justify;
	vertical-align: top;
}
.table-content2 {


}
.table-subtop {
	padding: 5px;
	background-color: #FF6633;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.table-content-row {
	padding: 5px;
	color: #333333;
	background-color: #FFFFD7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.table-content-row-alt {
	padding: 5px;
	color: #333333;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.table-error {
	padding: 5px;
	font-weight: bold;
	color: #990000;
	text-align: center;
}
.table-bottom {
	padding: 5px;
}

/*---------------------------------------*/
/*News CSS Properties                    */
/*---------------------------------------*/

.news-title {
	padding: 5px;
	font-weight: bold;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	font-size: 14px;
	height: 40px;
}
.news-content {
	padding: 5px;
	vertical-align: top;
	height: 250px;
}
.news-author {
	padding: 5px;
	font-style: italic;
	color: #666666;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.news-date {
	padding: 5px;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.news-buttons {
	padding: 5px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 30px;
}

/*---------------------------------------*/
/*Horizontal Menu CSS Properties         */
/*---------------------------------------*/

.menu-bar {
	text-align: left;
	height: 25px;
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(../images/menu-tile.jpg);
}
.menu-bar-box {
	text-align: left;
	float: none;
}
.menu-button-reg {
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #a95a4e;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 8px;
	padding-right: 8px;
}
.menu-button-hover {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 5px;
}
.menu-button-over {
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #a95a4e;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-left: 8px;
	padding-right: 8px;
}
.menu-button-over-hover {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 5px;
}

/*---------------------------------------*/
/*Vertical Menu CSS Properties           */
/*---------------------------------------*/

.button-table {
	border-top-width: thin;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/*Main Menu Buttons    */

.button1-reg {
	font-size: 12px;
	color: #000000;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.button1-reg-hover {
	padding: 5px;
	background-color: #FFFFFF;
}
.button1-over {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
}
.button1-over-hover {
	padding: 5px;
	background-color: #FFFFFF;
}

/*Sub Menu Buttons    */

.button2-reg {
	font-size: 12px;
	color: #000000;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.button2-reg-hover {
	padding: 5px;
	background-color: #FFFFFF;
}
.button2-over {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
}
.button2-over-hover {
	padding: 5px;
	background-color: #FFFFFF;
}


/*Sub Sub Menu Buttons    */

.button3-reg {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #FFFFFF;
}
.button3-reg-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}
.button3-over {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #333333;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.button3-over-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}

/*---------------------------------------*/
/*Horizontal Tab Menu CSS Properties     */
/*---------------------------------------*/

.tab-bar {
	padding: 5px;
}

/*Tab Regular State   */

.tab-title {
	padding: 5px;
}
.tab-left {
	padding: 5px;
}
.tab-middle {
	padding: 5px;
}
.tab-right {
	padding: 5px;
}

/*Tab Over State   */

.tab-title-over {
	padding: 5px;
}
.tab-left-over {
	padding: 5px;
}
.tab-middle-over {
	padding: 5px;
}
.tab-right-over {
	padding: 5px;
}

/*---------------------------------------*/
/*Form CSS Properties     */
/*---------------------------------------*/

.form-titles {
	color: #990000;
	font-weight: bold;
}
.form-fields {
	background-color: #F7F7F7;
	border: 1px solid #000000;
}
.form-dropdowns {
	background-color: #F7F7F7;
	border: 1px solid #000000;
}
.form-buttons {
	background-color: #F7F7F7;
	border: 1px solid #000000;
}


/*---------------------------------------*/
/*Survey CSS Properties     */
/*---------------------------------------*/

.SurveyName {
	font-weight: bold;
}
.SurveyDescription {
}
.SurveyQuestionDescription {
}
.SurveyQuestion {
	font-weight: bold;
}
.SurveyQuestionAnswer {
	padding-left: 15px;
}



/*---------------------------------------*/
/*Photo Gallery CSS Properties           */
/*---------------------------------------*/

.GalleryImage {
}
.GalleryImageName {
	font-weight: bold;
	color: #333333;
}
.GalleryImageDescription {
}



/*---------------------------------------*/
/*Custom CSS Properties                  */
/*---------------------------------------*/

.SubTitleText{
	font-family: "Trebuchet MS";
	font-size : 14px;font-style : normal;
	font-weight : bold;
	height : 25px;
	letter-spacing : 1px;
	line-height : 26px;
	color : #3163AA;
}
.SubTitleText2{
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight : bold;
	color : #3163AA;
}
.TitleText{
	font-family: "Trebuchet MS";
	font-size : 11px;
	font-weight : bolder;
	letter-spacing : 2px;
	color : #3163AA;
}
.H2{
	font-family: "Trebuchet MS";
	font-size: 12px;font-variant : small-caps;
	color : #000000;
}
.H3{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;color : #333333;
}



/*---------------------------------------*/
/* Video 								  */
/*---------------------------------------*/
#VideosRelated { display:none; }

.video_display									{ margin: 10px 0px 40px 0px;}
.video_display 	h1								{ font-family:Georgia, Times, serif; font-size: 16px; display:block; padding:0; margin-top:0;  }
.video_display 	h3								{ font-family:Verdana, Arial; /*everything else default*/ }
.video_display	.vd_maincell 					{ vertical-align:top; padding: 5px; font-size:11px; }	
.video_display	.vd_embed						{ margin: 5px 0; z-index:0;z-order:0;  }	
.video_display	.vd_rightcell					{ vertical-align:top; padding: 5px; font-size:11px; }
.video_display	.vd_details						{ line-height: 18px; }
.video_display	.vd_details label				{ float:left; width:50px; }
.video_display	.vd_details input				{ width: 300px; font-size:11px; font-family:"Courier New", Courier, monospace;  }
.video_display	.vd_details .desc				{ border-left: 3px solid #ccc; padding: 5px 50px 5px 10px;}
.video_display  .vd_details .posted				{ font-weight:bold;}

/* video list (inside video display page) */
.video_display	.videolist						{ border:none; padding-left: 10px;  height: 100%;  }
.video_display	.vl_title						{ font-size:14px; padding:3px; }

/* video list (standalone) */
.videolist										{ color: #333; text-align: left; border: 1px solid #CCC;}
.videolist .table-top							{ display: block; /* can be hidden with a display: none */}
.videolist .vl_video							{ margin: 5px 0; height: 160px; width:100%; text-align:center }
.videolist .vl_scrollable						{ /* scroll */height: 300px; overflow:auto;  }
.videolist .vl_item								{ padding: 3px; overflow:hidden; }
.videolist .vl_item	a							{ font-size:12px; margin-top: 3px; width: 97%; }
.videolist .vl_border							{ border-bottom: 1px dashed #ccc; }
.videolist .vl_flip								{ background-color: #e5e5e5; }
.videolist .vl_img								{ display:inline }
.videolist .vl_img	img							{ margin:1px 7px 1px 2px; }
.videolist .vl_details							{ color: #999; }
.videolist .vl_viewall							{ margin:5px; text-align:center; font-size:9px; /* can be hidden with a display:none */}

/*---------------------------------------*/
/* Blogs						         */
/*---------------------------------------*/

/* Blog - Structure & Main Stuff */
.blog_maintable 								{ margin: 10px 5px 20px 5px; }
.blog_maintable h3								{ margin: 3px 0; color:#000; }
.blog_leftcell									{ vertical-align:top; /*padding: 5px;*/ }
.blog_rightcell									{ vertical-align:top; /*padding: 5px;*/ }
.blog_maincell 									{ vertical-align:top; padding: 0 7px; }		
.blog_rss										{ text-align:center; margin-bottom: 10px;color: #666; font-size:11px; }
.blog_maintitle 								{ font-family:Georgia, Times, serif; padding: 10px 0; border-bottom:2px solid #efefef;}

/* Blog - Post & List */
.blogpost 										{ border-bottom: 2px solid #e5e5e5;  padding:12px 4px 12px 0;  }
.blogpost .bp_body								{ font-size: 12px; line-height:18px; padding-top:4px; }  
.blogpost .bp_title								{ font-size:14px; font-weight:bold; }
.blogpost .bp_author							{ color: #999} 
.blogpost .bp_image								{ margin: 4px 4px 0 0;} 

/* Blog - Side Widgets*/
.blog_widget									{ padding:5px 0 7px 0; border-bottom:2px solid #e5e5e5; }
.blog_widget .bw_item							{ padding:3px 2px; }
.blog_widget .bw_border							{ border-bottom: 1px dashed #ccc; }
.blog_widget .bw_flip							{ background-color: #e5e5e5; }
.blog_widget .bw_about							{ font-size:9px; color: #666; }
.blog_widget .bw_author							{ font-size:9px; color: #444;}

/*---------------------------------------*/
/* Global Comments		                */
/*---------------------------------------*/
/* Comment List */
.comments_list									{ margin:4px 0 0 0; }
.comments_list .c_item							{ margin: 5px 0; padding: 5px; border:1px solid #ccc; background-color:#efefef; } 
.comments_list .c_author						{ border-top:1px dotted  #999; padding: 4px 0; }
.comments_list .c_date							{ color:#666666;  }
.comments_list .c_body							{ line-height:16px; padding: 3px 0; }
.comments_list h4								{ height:auto; line-height:inherit; margin:2px 0; padding:2px 0 5px; }

/*Comment Post */
.comment_form 									{ padding: 3px; margin-top: 10px; border: 1px dashed #CFCFCF; width:400px;}
.comment_form .c_loggedin						{ font-weight:bold; padding:5px 0; }
.comment_form .c_input							{ width:95% }