/*** Editable Styles ----------------------------------------------------- ***/
.black_text {
	/* Black 13px */
	color: #333333;
	font-size: 13px;
}
.black_text_meduim {
	/* Black 14px */
	color: #333333;
	font-size: 14px;
}
.black_text_small {
	/* Black 11px */
	color: #333333;
	font-size: 11px;
}
.black_large {
	/* Black 18px*/
	color: #333333;
	font-size: 18px;
}
.gray_medium {
	/* Gray 14px */
	color: #666666;
	font-size: 14px;
}
.blue_text_medium {
	/* DustyBlue 14px */
	color: #395294;
	font-size: 14px;
}
.red_text_medium {
	/* RedWine 14px */
	color: #7e0300;
	font-size: 14px;
}
.red_large {
	/* RedWine 18px */ 
	color: #7e0300; 
	font-size: 18px; 
	}
td.plans {
	/* table plans*/
	padding:4px;
}
/*** End Editable Styles ***/	

/*** Reset --------------------------------------------------------------- ***/
html, body, p, td, th, ul, ol, li, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

body { cursor: default; }
a, button { cursor: pointer; }
input, textarea { cursor: auto; }

h1 { font-size: 1.6em; font-weight: normal; color:#990000; margin-bottom:20px; }
h2 { font-size: 1.5em; font-weight: normal; color:#990000; margin-bottom:20px; }
h3 { font-size: 1.17em; font-weight: bold; color:#395294; margin-bottom:15px; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1.67em; font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }

button, input, select, textarea { margin: 0; padding: 0; }
button { width: auto; overflow: visible; }
input, textarea, select { padding: 2px; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

p, ul, ol { margin: 1em 0; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
li { margin-left: 2em; margin-bottom: 0.25em; }

.reset, .reset p, .reset ul, .reset ol, .reset li, .listing li { margin: 0; padding: 0; }
.reset li, .reset ul li, .listing li, .listing ul li { list-style-type: none; }
/*** End Reset ***/

/*** Common -------------------------------------------------------------- ***/
body, input, textarea, select, button {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #333333;
	line-height: 145%;
}
input, textarea, select {
	color: #333333;
	margin:2px;
}
button {
	color: #7f0400;
}
a {
	color: #7f0400;
}
a:hover {
	color: #5c75ad;
}

/*** End Common ***/

/*** Forms --------------------------------------------------------------- ***/
p.required {
	float: right;
	margin: 0 0 0.5em 0;
}
p.buttons {
	padding-left: 135px;
}
label.label {
	display: block;
	padding-right: 15px;
	width: 115px;
	position: relative;
}
label.auto {
	width: auto;
	padding-right: 0;
}
label.label em {
	position: absolute;
	right: 5px;
	top: 0;
}
form ul {
	margin: 0;
}
form li {
	margin: 0;
	padding: 5px 0 0 115px;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}
form li label.label {
	position: absolute;
	left: 0;
}
/*** End Forms ***/

/*** Asset Listings ------------------------------------------------------ ***/
.listing {
	border-top: 1px dotted #cbd0dc;
}
.listing a {
	display: block;
	min-height: 100px;
}
.listing .title {
	font-size: 1.2em;
}
.listing .image {
	width: 96px;
	height: 96px;
	float: left;
	margin-left: 0;
	background: #ffffff none no-repeat scroll center center; 
}
.listing .teaser, .listing .type {
	display: block;
	padding: 0.5em 0;
	color: #666666;
}
/*** End Asset Listings ***/

/*** Layout -------------------------------------------------------------- ***/
body.bg {
	background: #f4f4f4 url(../images/top_bg.jpg) repeat-x scroll center top;	
}
.super-container {
	width: 100%;
	margin: 0 auto;
	background: transparent url(../images/leaves_bg.jpg) repeat-x scroll left 170px;
}
.super-container .f-grad {
	width: 100%;
	margin: 0 auto;
	background: transparent url(../images/bottom_gradient.png) repeat-x scroll left bottom;
}
.bg-header {
	width: 100%;
	margin: 0 auto;	
	background: transparent url(../images/leaves_top.jpg) no-repeat scroll right top;
}
.container {
	width: 1000px;
	margin: 0 auto;
}
#header .empty {
	height: 117px;
}

/*** Header ---------------------------------------------------------- ***/

#header {
	width: 1000px;
	height: 170px;
	background: transparent url(../images/sa_state.png) no-repeat scroll 40px top;
}
#header .logo {
	display: block;
	float: left;
	width: 240px;
	height: 160px;
}
#header .logo a {
	display: block;
	background: transparent url(../images/sawia_logo2.png) no-repeat scroll right top;
	padding-top: 160px;
	height: 0;
	overflow: hidden;
}
#header .top-right {
	display: block;
	float: right;
	width: 640px;
	height: 55px;
	padding-right:20px;
}
#header .top-right .top-nav  {
	float: left;
	width: 350px;
	height: 25px;
	padding-top:8px;
	text-align: right;
	margin-left:120px;
	font-size: 0.9em;
	font-weight:normal;
	color:#fdb15a;
}
#header .top-right .top-nav a  {
	color:#fdb15a;
	font-weight:bold;
}
#header .top-right .top-nav a:hover  {
	color:#fcfcfc;
	font-weight:bold;
}
#header .top-right .login  {
	float: right;
	width: 165px;
	height: auto;
	text-align:center;
	color:#fcfcfc;
	font-weight:bold;	
	padding:0 0 6px;
	z-index: 20;
}
#header .top-right #nav-main  {
	float: left;
}
#header .top-right .search  {
	float: right;
	width: 150px;
	height: 35px;
}
.container .member-login {
	display:block;
	width: 245px;
	position:absolute;
	background: transparent url(../images/login_bg.png) no-repeat scroll center -5px;
	right:0;
	top:135px;
	overflow:hidden;
	height:0;
	padding-top:75px;
	z-index:10;
}
/*** End header ***/

/*** Home template ---------------------------------------***/
#home-container {
	width:1000px;
	background-color:#FFFFFF;
}
.page-end {
	width:1000px;
	height:30px;
	background: transparent url(../images/page_end.png) no-repeat scroll center top;
}
#home-container .rotator {
	width:1000px;
	height:385px;
	position:relative;
}
#home-container .rotator .quick-links {
	width:240px;
	height:380px;
	position:absolute;
	right:0;
	top:5px;
	z-index:12;	
}
.layout-4c {
	padding: 20px;
}
.layout-4c .col1 {
	float:left;
	width:270px;
	padding-right:15px;
}
.layout-4c .col2 {
	float:left;
	width:205px;
	padding-right:20px;
}
.layout-4c .col3 {
	float:left;
	width:210px;
}
.layout-4c .col4 {
	float:right;
	width:210px;
	padding-left:10px;
	border-left:solid 1px #c5c5c5;
}
/*** end home template ***/
/*** layout-2c template ---------------------------------------***/
#sub_container {
	width:1000px;
	background-color:#FFFFFF;
	height:100%;
}
.page-end {
	width:1000px;
	height:30px;
	background: transparent url(../images/page_end.png) no-repeat scroll center top;
}
#sub_container .left-content {
	float:left;
	width:760px;
	text-align:left;
	position:relative;
}
#sub_container .right-content {
	float:right;
	width:239px;
	text-align:left;
	border-left:solid 1px #d6d6d6;
}
#sub_container .right-content .orange-nav {
	width:204px;
	text-align:left;
	background-color:#feaa4a;
	font-weight: bold;
	padding: 10px 20px 10px 15px;
	position:relative;
}
#sub_container .right-content .orange-nav ul li {
	margin:0;
	list-style-type: none; 
	line-height: 26px;
	border-bottom: 1px dotted #ffffff;
}
#sub_container ul.flyout_menu li a.toplevel {
	color:#111111;
}
#sub_container ul.flyout_menu li a:hover.toplevel {
	color:#ffffff;
	display:block;
}

#sub_container .right-content .or-nav-title h1 {
	display:block;
	text-align:left;
	font-size:19px;
	font-weight:normal;
	background-color:#feaa4a;
	border-bottom:dotted 2px #860501;
	padding: 15px 20px 10px 15px;
	margin:0;
}
#sub_container .right-content .section-nav {
	background-color:#b2b0b1;
	width:204px;
	text-align:left;
	font-weight:bold;
	padding: 15px 20px 10px 15px;
}
#sub_container .right-content .section-nav .on a {
	color:#ffffff;
}
#sub_container .right-content .section-nav ul li a {
	color:#000000;
	line-height:22px;
}
#sub_container .right-content .sn-nav-title h1 {
	display:block;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	background-color:#b2b0b1;
	border-bottom:dotted 2px #860501;
	padding: 15px 20px 10px 15px;
	margin:0;
}
#sub_container .right-content .quick-links {
	width:204px;
	text-align:left;
	font-weight:bold;
	background-color:#c5c3c4;
	padding: 15px 20px 20px 15px;
}
#sub_container .right-content .quick-links ul li, #sub_container .right-content .section-nav ul li {
	margin:0;
	list-style-type: none;
	line-height:22px; 
	color:#000000;
	border-bottom: 1px dotted #222222;
}
#sub_container .right-content .quick-links ul li a {
	color:#000000;
}
#sub_container .right-content .quick-links ul li a:hover, #sub_container .right-content .section-nav ul li a:hover {
	color:#ffffff;
}
#sub_container .right-content .ql-nav-title h1 {
	display:block;
	text-align:left;
	font-size:19px;
	font-weight:normal;
	background-color:#c5c3c4;
	border-bottom:dotted 2px #860501;
	padding: 15px 20px 10px 15px;
	margin:0;
}
#sub_container .right-content .question-form {
	width:204px;
	text-align:left;
	background-color:#dedede;
	padding: 15px 20px 20px 15px;
}
.question-form form li {
	padding: 5px 0 0 90px;
}
.question-form label.label {
	width:90px;
	font-size:12px;
}
.question-form p.required {
	font-size:12px;
}
.question-form label.label em {
	position: absolute;
    right: 7px;
    top: 0;
}
.question-form input, .question-form textarea {
	width: 185px;
}

#sub_container .right-content .aq-nav-title h1 {
	display:block;
	text-align:left;
	font-size:19px;
	font-weight:normal;
	background-color:#dedede;
	border-bottom:dotted 2px #860501;
	padding: 15px 20px 10px 15px;
	margin:0;
}
.left-content .page-title {
	padding:30px 20px 10px 20px;
}
.left-content .page-title h1 {
	font-weight:normal;
	font-size:20px;
}
.left-content .breadcrumbs {
	float:right;
	padding:10px 55px 5px 0;
	font-size:11px;
	text-align:right;
	color:#5c75ad;
	line-height:14px;
	width:60%;
}
.left-content .print-action-sub {
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	width:35px;
	height:35px;
	background: transparent url(../images/print_icon.png) no-repeat scroll center top;
}
.left-content .layout-2c {
	padding: 0 20px 20px 20px;
}
.layout-2c .col1 {
	float:left;
	width:200px;
	padding-right:20px;
}
.layout-2c .col2 {
	float:right;
	width:480px;
}

/*** landing template styles--------------------------------------------------***/

.left-content .land-rotator {
	width: 760px;
	height:240px;
}
.left-content .print-action-land {
	display:block;
	position:absolute;
	right:15px;
	top:250px;
	width:35px;
	height:35px;
	background: transparent url(../images/print_icon.png) no-repeat scroll center top;
}
.left-content .layout-2c-land {
	padding: 0 20px 20px 20px;
}
.layout-2c-land .col1 {
	float:left;
	min-height:300px;
	width:440px;
	padding-right:20px;
}
.layout-2c-land .col2 {
	float:right;
	width:255px;
}

/*** end layout 2c templates ***/

/*** 1c template styles--------------------------------------------------***/

.left-content .layout-1c {
	padding: 0 20px 20px 20px;
	position:relative;
	width:720px;
}

/*** Quick Links and navigation -------------------------------------------------***/


#home-container .rotator .quick-links .yellow {
	width:240px;
	height:120px;
	background: transparent url(../images/nav_bg_orange.png) no-repeat scroll center top;
}
#home-container .rotator .quick-links .yellow .nav-content {
	width:200px;
	height:90px;
	padding: 5px 20px 20px 20px;
}
.quick-links .yellow ul, .quick-links .gray ul {
	margin:0;
}
.quick-links .yellow ul li {
	margin:0;
	list-style-type: none; 
	line-height: 26px;
	color:#111111;
	font-weight:bold;
	border-bottom: 1px dotted #ffffff;
}
.quick-links .yellow ul li .last a {
	border-bottom: none;
}
.quick-links .yellow a {
	color:#111111;
}
.quick-links .yellow a:hover {
	color:#ffffff;
}
.quick-links .yellow h1 {
	display:block;
	text-align:left;
	font-size:19px;
	font-weight:normal;
	border-bottom:dotted 2px #860501;
	padding: 8px 15px 8px 15px;
	margin:0 7px 0 5px;
}
#home-container .rotator .quick-links .gray {
	width:240px;
	min-height:200px;
}
.quick-links .gray ul li {
	margin:0;
	list-style-type: none; 
	line-height: 26px;
	color:#000000;
	font-weight:bold;
	border-bottom: 1px dotted #222222;
}
.quick-links .gray a {
	color:#000000;
}
.quick-links .gray a:hover {
	color:#ffffff;
}
.quick-links .gray h1  {
	display:block;
	text-align:left;
	background-color:#c5c4c4;
	font-size:19px;
	font-weight:normal;
	border-bottom:dotted 2px #860501;
	padding: 0 15px 8px 15px;
	margin:0 6px 0 6px;
}
#home-container .rotator .quick-links .content {
	width:200px;
	min-height:185px;
	padding: 5px 20px 15px 20px;
	background: transparent url(../images/gray_bg_end.png) no-repeat scroll center bottom;
}
#home-container .rotator .quick-links .top {
	padding: 5px 15px 0 15px;
	height:10px;
	background: transparent url(../images/gray_bg_top.png) no-repeat scroll center top;
}
/*** end Quick Links and navigation ***/
/*** Footer ----------------------------------------------------------------***/
#footer {
	width:965px;
	padding: 10px 15px 25px 20px;
	font-size:0.82em;
	color:#888888;
}
#footer a {
	color:#888888;
}
#footer a:hover {
	color:#222222;
}
#footer .copyright{
	float:left;
	width:475px;
}
#footer .f-links{
	float:left;
	width:255px;
	text-align:right;
}
#footer .social{
	float:right;
	width:210px;
	text-align:right;
}

/*** End Footer ***/

/*** End Layout ***/
/*** Navigation ---------------------------------------------------------- ***/
#navigation {
	float: left;
	height: 35px;
	padding:0;
	overflow: hidden;
	width:475px;
	font-size:12px;
	text-transform:uppercase;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #ffffff;
	display: block;
	width:90px;
	font-weight: bold;
	padding: 0 6px;
	border-left:1px solid #CCCCCC;
}
#navigation a:hover, #navigation .on a, #navigation .active a {
	color: #fdb15a;
}
#navigation ul li .short a, #navigation ul li .short_on a  {
	width: 70px;
	border-left:none;
}
#navigation ul li .medium a, #navigation ul li .medium_on a  {
	width: 75px;
}
/*** End Navigation ***/

/*** Sub Navigation ------------------------------------------------------ ***/
#cssmenu_submenus ul {
	width: 160px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#cssmenu_submenus li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #777777;
}
#cssmenu_submenus a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 12px 5px 10px;
	color: #ffffff;
	border-bottom: 1px solid #969696;
	border-right: 1px solid #969696;
}
#cssmenu_submenus a:hover, #cssmenu_submenus .active a {
	background-color: #f05b01;
	border-right-color: #f05b01;
}
#cssmenu_submenus .arrow {
	background-image: url(../images/menu_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#cssmenu_submenus .count {
	color: #999999;
	font-size: 11px;
}
/*** End Sub Navigation **/
/*** Rotator styles ---------------------------------------------- **/
.c1-rotator {
	position: relative;
}
.c1-rotator-images {
  margin: 0 auto;
}
.c1-rotator-caption {
	bottom: 50px !important;
	left: 15px !important;
	right: 5px !important;
	font-size: 25px;
	font-weight: normal !important;
	line-height: 35px;
	height: 44px;
	color: #FFFFFF;
	width: 650px;
	padding: 15px !important;
	background: transparent url(../images/transparent_bg.png) no-repeat scroll left center;
}
.c1-rotator-caption strong {
	font-weight: normal !important;	
}
.c1-rotator ul {
	position: absolute;
	left: 20px;
	bottom: 25px;
	list-style: none;
	list-style-image: none;
	margin-left: 0;
	line-height: 0;
	z-index: 15;
}
.c1-rotator ul li {
	float: left;
	list-style: none;
	list-style-image: none;
	margin-left: 10px;
}
.c1-rotator ul {
	margin-bottom: 0;
}
/*** END Rotator styles ---------------------------------------------- **/

/*** Google Maps ................................... ***/
#google_map {
    width: 100%;
    height: 340px;
    border: 1px solid #6a789b;
    background: #ffffff url(../images/map_loading.gif) no-repeat scroll center center;
    overflow: hidden;
}
#google_map.loaded {
    background-image: none;
}
/*** End Google Maps ***/
/*** Partners tpl styles ----------------------------------- ***/
ul.listing li a.partners {
	padding: 10px 10px 10px 140px;
	min-height: 90px;
}
ul.listing li a.web-link {
	padding: 10px 10px 10px 140px;
	min-height:0;
	display:block;
}
ul.listing a.web-link:hover {
	background: none;
}

/*** News Listing styles ----------------------------------- ***/
ul.listing li {
	display: block;
	min-height: 90px;
	position:relative;
	border-bottom: 1px dotted #cbd0dc;
}
ul.listing li a {
	display: block;
	padding: 10px 10px 10px 140px;
	min-height: 90px;
}
ul.listing a:hover {
	display: block;
	min-height: 90px;
	background: transparent url(/templates/images/hover-bg.png) scroll repeat-x left top;
}
ul.listing .image {
	position: absolute;
	left: 0;
	top: 10px;
	height: 95px;
	width: 120px;
	background: transparent url(/templates/images/news_default.jpg) scroll no-repeat center center;
}
ul.listing .title {
	font-weight:bold;
	font-size:16px;
}
ul.listing .date {
	color:#777777;
	font-size:11px;
}
ul.listing .teaser {
	color:#666666;
}

/*** News Summary styles ----------------------------------- ***/

#news-summary ul li{
	list-style-type: none;
	list-style-image: none;
	margin:0;
}
#news-summary ul {
	margin-bottom:0;
}
#news-summary .title {
	line-height:14px;
	display:block;
	color:#222222;
}
#news-summary a:hover .title {
	color:#666666;
}
#news-summary .date{
	color:#777777;
	font-size:11px;
	display:block;
	padding-bottom:10px;
}
#news-summary .teaser {
	color:#666666;
	line-height:normal;
	display:block;
	font-size: 0.98em;
}
#news-summary a:hover .teaser {
	color:#5f74ac;
}
.read-more {
	display:block;
	padding-bottom: 18px;
	font-size: 0.98em;
}
.more a {
	color:#7f0400;
	font-size:13px;
	background-color:#d6dcec;
	padding: 6px 12px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
.more a:hover {
	color:#111111;
}

/*** News Article View styles ----------------------------------- ***/

#news-article .col2 {
	float:left;
	width: 200px;
	padding: 5px 20px 0 0;
}
#news-article .col1 {
	float:right;
	width: 480px;
}
#news-article .col2 .image {
	width: 200px;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom:20px;	
}
ul.links li {
	line-height:20px;
	list-style-type: none;
	list-style-image: none;
	margin:0;
}
#news-article .col2 .attachment, #event-view .attachment {
	width: 177px;
	display: block;
	background: transparent url(/templates/images/but_pdf.png) no-repeat scroll left top;
	height: 40px;
	font-size: 13px;
	color: #7e0300;
	line-height: 40px;
	font-weight: normal;
	text-align: right;
	padding-right:13px;
	margin:5px 0;
}
#news-article .col2 .attachment a, #event-view .attachment a {
	color: #7e0300;
}
#news-article .col2 .attachment a:hover, #event-view .attachment a:hover {
	color: #111111;
}
#news-article .col2 .gallery, #event-view .gallery {
	width: 177px;
	display: block;
	background: transparent url(/templates/images/but_gallery.png) no-repeat scroll left top;
	height: 40px;
	font-size: 13px;
	color: #7e0300;
	line-height: 40px;
	font-weight: normal;
	text-align: right;
	padding-right:13px;
	margin:5px 0;
}
#news-article .col2 .gallery a, #event-view .gallery a {
	color: #7e0300;
}
#news-article .col2 .gallery a:hover, #event-view .gallery a:hover {
	color: #111111;
}
#news-article .col3a {
	width: 705px;
	text-align:right;
	height:25px;
	font-size:12px;
	padding:5px 20px 0 0;
	margin-bottom:5px;
	/*background-color:#ebedef;*/
	margin-bottom:8px;
	border-bottom: 1px solid #feaa4a;
}
#news-article .col3b {
	width: 700px;
	height:20px;
	margin-bottom:10px;
}
#news-article .col3, #event-view .col3 {
	width: 740px;
	padding: 10px 0 10px 0;
	border-top:dotted 1px #CCCCCC;
	margin:5px 0 5px 0;
}
#news-article ul.siblings, #event-view ul.siblings {
	list-style-type: none;
	list-style-image: none;	
}
#news-article ul.siblings li.prev, #event-view ul.siblings li.prev {
	list-style-type: none;
	list-style-image: none;	
	float:left;
	margin:0;
	width:45%;
	color:#777777;
}
#news-article ul.siblings li.next, #event-view ul.siblings li.next {
	list-style-type: none;
	list-style-image: none;	
	float:right;
	text-align:right;
	width:49%;
	margin: 0 15px 0 0;
	color:#777777;
}

/*** End Article Listings ***/

/*** Events Summary styles ----------------------------------- ***/

#event-summary ul li{
	list-style-type: none;
	list-style-image: none;
	margin:0;
}
#event-summary ul {
	margin-bottom:0;
}
#event-summary .title {
	line-height:14px;
	display:block;
	color:#222222;
}
#event-summary a:hover .title {
	color:#666666;
}
#event-summary .date{
	color:#777777;
	font-size:11px;
	display:block;
	padding-bottom:10px;
}
#event-summary .teaser {
	color:#666666;
	line-height:normal;
	padding-bottom:18px;
	display:block;
	font-size: 0.9em;
}
#event-summary a:hover .teaser {
	color:#5f74ac;
}
/*** Events View tpl styles ----------------------------------- ***/

#event-view ul li {
	list-style-type: none;
	list-style-image: none;
	margin:0;	
}
#event-view h2 {
	color:#808fb6;
	font-size:19px;
	font-weight: normal;
	margin: 20px 0 15px 0;
}
#event-view ul.info-summary {
	font-size:0.85em;
}
#event-view .event-label strong {
	float:left;
	width: 75px;
	font-weight:bold;
	font-size:0.98em;
	color:#657498;
}
#event-view .map #google_map {
    float: right;
    margin: 1em 0 1em 1em;
    width: 250px;
	height:200px;
}
#event-view .col3a {
	width: 705px;
	text-align:right;
	height:25px;
	font-size:12px;
	padding:5px 20px 0 0;
	margin-bottom:8px;
	border-bottom: 1px solid #feaa4a;
}
#event-view .col1 {
	float:left;
	width: 445px;
	padding: 5px 10px 0 0;
	border-right:1px dotted #CCCCCC;
}
#event-view .col2 {
	float:right;
	width: 252px;
}
#event-view .col1 .image {
	float: right;
	margin: 0 0 10px 10px;
	width: 200px;
	background-position: center center;
	background-repeat: no-repeat;	
}
#event-view .book {
	width: 177px;
	display: block;
	background: transparent url(/templates/images/but_book.png) no-repeat scroll left top;
	height: 40px;
	font-size: 13px;
	color: #7e0300;
	line-height: 40px;
	font-weight: normal;
	text-align: right;
	padding-right:13px;
	margin:5px 0 10px 0;
}
#event-view .book a {
	color: #7e0300;
}
#event-view .book a:hover {
	color: #111111;
}
#event-view .add_to_calendar {
	width: 177px;
	display: block;
	background: transparent url(/templates/images/but_addtocall.png) no-repeat scroll left top;
	height: 40px;
	font-size: 13px;
	color: #7e0300;
	line-height: 40px;
	font-weight: normal;
	text-align: right;
	padding-right:13px;
	margin:5px 0;
}
#event-view .add_to_calendar a {
	color: #7e0300;
}
#event-view .add_to_calendar a:hover {
	color: #111111;
}
/*** Events Booking tpl styles ----------------------------------- ***/

#event-booking-form h3 {
	margin: 5px 0 5px 0;
}
#event-booking-form input {
	margin:2px;
}
#event-booking-form .total {
    text-align: right;
    width: 50px;
}
#event-booking-form button {
    background: transparent;
	border: 0;
}
#event-booking-form button span {
    background-color:#d6dcec;
	border:1px solid #cad2e7;
	padding: 4px 12px;
	-moz-border-radius:6px;
	font-size:1em;
}

#event-booking-form div.box {
    background-color: #F8F8FA;
    border: 1px solid #C7C7C7;
    border-radius: 5px 5px 5px 5px;
    margin: 5px 0 1em 0;
    padding: 10px;
}
table.list {
    border-spacing: 0;
    margin: 10px 0;
    width: 100%;
}

table.list th, table.list td {
	padding:4px;
}
table.list th {
	border-bottom:1px dotted #CCCCCC;
}
table.list  {
	margin-bottom:5px;
}

/*** Calendar ------------------------------------------------------------ ***/
table.calendar {
	margin: 0 auto 15px auto;
	width: 200px;
	border: 1px solid #a3bcc7;
	border-spacing: 0;
}
table.calendar caption {
	line-height: 28px;
	font-weight: bold;
	color: #666666;
}
table.calendar caption a {
	color: #5e709e;
	font-size: 13px;
}
table.calendar caption a.prev {
	color: #7e0300;
	font-size: 13px;
}
table.calendar caption a.next{
	color: #7e0300;
	font-size: 13px;
}
table.calendar tbody {
	background: #fcfcfc url(../images/hover-bg.png) repeat-x scroll left top;
}
table.calendar th {
	text-align: center;
	border-bottom: 1px solid #a3bcc7;
	line-height: 28px;
	background-color: #dbdfe3;
}
table.calendar td {
	padding: 0;
	line-height: 30px;
}
table.calendar td a {
	display: block;
	text-align: center;
	color: #666666;
}
table.calendar ul.events {
	position: absolute;
	display: none;
	border: 1px solid #aec8d3;
	background-color: #f0f0f0;
	z-index:3;
}
table.calendar ul.events li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
table.calendar ul.events a {
	display: block;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	font-size: 0.9em;
}
table.calendar ul.events .name {
	font-weight: bold;
	color: #111111;
}
table.calendar ul.events .date {
	font-style: italic;
	color: #606060;
}
table.calendar td a:hover {
	background-color: #d4dbf0;
}
table.calendar td a:hover span.title {
	display: block;
}
table.calendar td.selected {
	background-color: #c7d3f1;
	font-weight: bold;
}
table.calendar td.highlighted {
	font-weight: bold;
	background-color: #feaa4a;
}
table.calendar td.highlighted ul {
	margin:0;
}
#event-calendar p.summary {
	text-align: center;
	font-size: 11px;
	line-height: 20px;
}
#event-calendar p.summary a {
	display: block;
}

/*** End Calendar ***/

/*** Search embeded tpl -------------------------------------------***/

.search input {
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 7px;
	color: #222222;
	width:135px;
	padding: 5px 4px 5px 25px;
	background: #ffffff url(../images/search_icon.png) no-repeat scroll 2px 3px;
}
/*** Site Map styles ----------------------------------------- ***/

#sitemap ul, #sitemap li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
}
#sitemap a {
	font-weight:bold;
	display:block;
	width:70%;
	padding: 2px 2px 2px 5px;
	font-size: 14px;
}
#sitemap li a.parent {
	border-bottom: 1px dotted #7888b4;
	color:#3170C1;
}
#sitemap li li a.parent {
	border-bottom: none;
	border-bottom: 1px dotted #cccccc;
	color:#666666;
}
#sitemap li li li a.parent {
	border-bottom: 1px dotted #cfd8e2;
	width:69%;
	color:#666666;
}
#sitemap ul li ul {
	margin-left:10px;
}
#sitemap li li a {
	font-size: 12px;
}
#sitemap li li li a {
	font-weight: normal;
	width:220px;
}
#sitemap li a:hover.parent {
	color:#3170C1;
}

/*** Lightbox styles ------------------------------------------***/
.lightbox-content {
	width:100%;
}
.lightbox-content .left-art {
	float:left;
	display:block;
	height:300px;
	width:140px;
	margin-right:30px;
	background: transparent url(../images/lb_bg.jpg) no-repeat scroll left top;
}
.lightbox-content .right-content {
	text-align:left;
	width:760px;
	float:right;
	min-height:300px;
	padding:30px 25px 30px 20px;
}
/*** End Lightbox ***/
/*** Checkout ------------------------------------------------------------ ***/
#payment-checkout td {
	vertical-align: top;
}
#payment-checkout .steps {
	height: 3em;
	margin-bottom: 1em;
}
#payment-checkout .steps ul {
	float: left;
	background-color: #dddddd;
	height: 3em;
	border-radius: 0 1.5em 1.5em 0;
}
#payment-checkout .steps li {
	float: left;
}
#payment-checkout .steps span {
	display: block;
	padding: 1em;
	line-height: 1em;
	color: #444444;
}
#payment-checkout .steps a {
	display: block;
	padding: 1em;
	line-height: 1em;
	border-left: 1px solid #f1f1f3;
	color: #666666;
}
#payment-checkout .steps li:last-child a, #payment-checkout .steps li:last-child span {
	padding-right: 2em;
}
#payment-checkout .steps .active a {
	border-radius: 0 1.5em 1.5em 0;
	padding-right: 2em;
	font-weight: bold;
	background-color: #92a1c7;
	color: #f8f8f8;
}
#payment-checkout .steps a:hover {
	color: #ffffff;
}
#payment-checkout h2, #payment-checkout h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#payment-checkout h2 {
	border-bottom: 1px solid #adb9d5;
	padding-bottom: 0.25em;
}
#payment-checkout table {
	margin-bottom: 1em;
}
#payment-checkout td {
	padding: 2px 5px 2px 0;
}
#payment-checkout textarea {
	width: 400px;
	height: 50px;
}
#payment-summary .col1 {
	float: left;
	width: 48%;
}
#payment-summary .col2 {
	float: right;
	width: 48%;
}
#payment-summary h1 {
	margin: 1em 0 0 0;
	padding: 10px 0;
	border-top: 2px solid #666666;
}
#payment-checkout .summary-items table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
#payment-checkout .summary-items td, #payment-checkout .summary-items th {
	padding: 0.25em 1em;
}
#payment-checkout .summary-items thead th {
	background-color: #dee4f4;
	text-align: left;
}
#payment-checkout .summary-items td {
	border-bottom: 1px dotted #dddddd;
}
#payment-checkout .summary-items tfoot th {
	border-bottom: 1px dotted #dddddd;
	text-align: right;
}
#payment-checkout .summary-items .currency {
	text-align: right;
	width: 100px;
}
/*** End Checkout ***/

#member_account table td, #member_subscribe table td, #member_personal table td {
	padding:3px;
}
#member_subscribe h2 {
	margin-top:15px;
}
#member_subscribe input {
	margin-top:4px;
}
p.buttons .continue button, p.buttons .back button {
	background:transparent;
	border:0;
}
p.buttons .continue button span, p.buttons .back button span, form button span {
	background-color:#d6dcec;
	padding: 4px 12px;
	border:1px solid #c2cadf;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	font-size:1em;
}
form button {
	background:transparent;
	border:0;
	margin: 6px 0 7px 0;
}
#member_register h2 {
	color:#627095;
	font-size: 1.4em;
}
#member_login h2 {
	color:#627095;
	font-size: 1.4em;
	margin:10px 0 0 0;
}
#member_login input {
	margin:2px;
}

/*** Lightbox styles ------------------------------------------***/
.lightbox-content {
	width:100%;
	background-color:#FFFFFF;
}
.lightbox-content .lb_top {
	display:block;
	height:100px;
	width:770px;
	background: transparent url(../images/lightbox_top.png) no-repeat scroll center top;
}
.lightbox-content .lb_content {
	text-align:left;
	width:730px;
	min-height:260px;
	padding:25px 20px;
}
/*** End Lightbox ***/

/*  add document custom tpl*/
#add-document{
	font-size:0.85em;
}
#add-document h3{
	font-size:1.3em;
}
#add-document .doc_bg {
	padding:5px 5px 6px 7px;
	border: 1px solid #dedede;
    border-radius: 8px 8px 8px 8px;
	background-color:#e0e2e9;
}
#add-document .doc_bg input, #add-document .doc_bg textarea, #add-document .doc_bg select {
    margin: 1px;
}

/*** Product tpl styles ------------------------------------------***/
#product .col1 {
 	float: left;
 	width: 240px;
	margin-right: 20px;
}
#product h2 {
	margin-top: 10px;
	font-size: 1.3em;
	clear: both;
	color:#395294;
}
#product .col2 {
	float: right;
	width: 450px;
}
#product .col1 .product-gallery .image {
	height: 240px;
    width: 240px;
}
#product ul.fields li{
	float: left;
}
#product form.add-to-cart li {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 40px;
    position: relative;
}
#product .add-to-cart ul.fields li.submit {
	float: left;
	padding-top:0;
}

#product .col2 .order-form {
	display:block;
	padding-top:15px;
	font-weight: bold;
}

.products ul.listing li.hover a.item span.image img {
 	background-image: none !important;
	display: none;
}
.products ul.listing li.hover ul.actions li.cart {
 	border-bottom: 0px dotted #CBD0DC;
    display: block;
    min-height: 35px;
    position: relative;
}
.products ul.listing li.hover ul.actions li.cart a {
    min-height: 35px;
	background-color: #D6DCEC;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	color: #7F0400;
	min-height: 25px;
	width: 120px;
	padding: 4px 10px;
	text-align: center;
	margin-left: 140px;
}
.products ul.listing li.hover ul.actions li.cart a:hover {
    background-image: none;
}
.link-back {
	display:block;
	margin-top:15px;
}

/*** Cart tpl styles ------------------------------------------***/
#cart th {
	vertical-align: middle;
	color:#666666;
	font-weight: normal;
}
#cart .price {
	color:#395294;
	font-weight: bold;
}
#cart tr.line {
	border-bottom: dotted 1px #CCCCCC;
}
#cart tr.line2 {
	border-top: dotted 1px #CCCCCC;
}
#cart td.detail, #cart td.qty, #cart td.price, #cart td.remove  {
	padding-top: 5px;
}

/*** Payments styles ------------------------------------------***/
#payment-summary {
	clear: both !important;
}

#form_errors {
	color: #990000;
}
.gallery .enlarge {
	background: transparent url(../images/enlarge_bg.png) no-repeat scroll right bottom;
	padding:2px 8px 0 8px;

}

/*** Payments styles ------------------------------------------***/

.home-form {
	padding: 15px 0;
	margin-top: 20px;
	width: 500px;
	height: 280px;
}
.home-form textarea { 
	width:200px;
	height: 50px; 
}

.home-form label.label { 
	width:auto; 
	padding-right:30px; 
}

.page-form .home-form input[type="text"] { 
	width:200px; 
	height: 20px;
	margin: 2px;

}
.home-form  p.required {
    padding-right: 30px;
    text-align: right;
    margin-top: 0;
}
