@charset "UTF-8";
/* CSS Document */

html, body {
font-family: Verdana,sans-serif;
font-size: 11px;
color:#333333;
margin: 0px;
height: 100%;
}

img {
	border: none;
}

h1 {
font-size: 12px;
color: #496276;
}

#center {
width: 900px;
height: 100%;
min-height: 100%;
vertical-align: top;
background-image: url(images/background_center.jpg);
background-repeat: repeat-y;
}

.centertable {
width: 900px;
height: 100%;
min-height: 100%;
}

#left {
vertical-align: top;
background-image: url(images/background_left.jpg);
background-position: right top;
background-repeat: repeat;
text-align: right;
}

#right {
vertical-align: top;
background-image: url(images/background_right.jpg);
background-position: left top;
background-repeat: repeat;
text-align: left;
}

.fullytall {
height: 100%;
vertical-align: top;
}

.headertable {
height: 172px;
background-image: url(images/arrows_search.jpg);
background-position: top;
background-repeat :no-repeat;
margin:0px;
padding:0px;
}

.logo_slogan_container {
width: 620px;
margin:0px;
padding:0px;
}

.search_container {
width: 280px;
margin:0px;
padding:0px;
}

.whiteback {
background-color: #FFFFFF;
}

/*--------------------------------- HOME CONTENT --------------------------*/

#homecontent {
height: 100%;
min-height: 100%;
background-color: #FFFFFF;
vertical-align: top;
}

#homeflash {
width: 879px;
height: 350px;
}

#homeflash_slideshow {
width: 668px;

}

#home_r_container {
margin: 10px 0 0 10px;
}

#calendar_container {
width: 201px;
height: 243px;
vertical-align: bottom;
background-image: url(images/chas_event_cal.jpg);
background-position: top;
background-repeat: no-repeat;
}





/*--------------------------------- END -----------------------------------*/

#logo_slogan_table {
height: 172px;
margin: 0px;
}

#logo {
width: 190px;
height: 112px;
/*background-color: #FFFFFF;*/
margin: 0px;
}

#slogan {
width: 430px;
height: 112px;
background-image: url(images/a_guide_to.jpg);
background-position: center;
background-repeat: no-repeat;
/*background-color: #FFFFFF;*/
}

#search_table {
height: 172px;
}

.searchbox {
height: 60px;
vertical-align: bottom;
text-align: right;
}

.searchbox img {
padding-right: 40px;
}

.searchdrop {
height: 72px;
background-color: #FFFFFF;
}

.mycommunities {
height: 40px;
background-color: #FFFFFF;
}

.hdr_shadow_left {
height: 172px;
}

.hdr_shadow_right {
height: 172px;
background-image: url(images/hdr_shadow_right.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.shadow_left_2 {
height: 372px;
}

/*.shadow_right_3 {
height: 212px;
background-image: url(images/shadow_right.png);
background-position: left;
background-repeat: repeat-y;
}

.shadow_right_3b {
height: 100%;
min-height: 100%;
background-image: url(images/shadow_right.png);
background-position: left;
background-repeat: repeat-y;
}*/

.callout_right_top {
height: 30px;
background-image: url(images/callout_right_top.png);
background-position: left top;
background-repeat: no-repeat;
}

.callout_right_middle {
height: 100%;
min-height: 100%;
background-image: url(images/callout_right.png);
background-position: left;
background-repeat: repeat-y;
}

.callout_right_bottom {
height: 30px;
background-image: url(images/callout_right_bottom.png);
background-position: left top;
background-repeat: no-repeat;
}

.callout_content {
margin: 0 8px 14px 40px;
vertical-align: top;
}


.organic_shadow_right {
height: 160px;
background-image: url(images/organic_right.jpg);
background-position: left top;
background-repeat: no-repeat;
}

.organic_shadow_left {
height: 375px;
background-image: url(images/organic_left.jpg);
background-position: right top;
background-repeat: no-repeat;
}

#menu {
font-family: Verdana,sans-serif;
font-size: 10px;
color: #FFFFFF;
text-transform: uppercase;
height: 22px;
background-image: url(images/nav_bckgrnd.jpg);
background-position: left;
background-repeat: repeat-x;
}

#menu a {
color: #FFFFFF;
text-decoration: none;
/*padding-left:10px;
padding-right:10px;*/
}

#homeflashetc {
height: 350px;
padding: 0 10px 0 11px;
}

.footer {
height: 130px;
min-height: 130px;
background-image: url(images/footer_bckgrnd.gif);
background-position: top;
background-repeat: no-repeat;
}

.lefthomecol {
width: 284px;
height: 100%;
min-height: 100%;
background-image: url(images/left_home_col_bckgrnd.jpg);
background-position: top;
background-repeat: repeat-y;
vertical-align: top;
}

.lefthomecol_content {
margin: 0 42px 0 32px;
vertical-align: top;
}

.lefthomecol_bottom {
width: 284px;
height: 30px;
background-image: url(images/left_col_bottom.jpg);
background-position: top;
background-repeat: no-repeat;
}

.middlehomecol {
height: 100%;
min-height: 100%;
vertical-align: top;
}

td.sectionlink_left {
color: #57798d;
text-align: left;
text-decoration: none;
}

td.sectionlink_right, td.sectionlink_right a {
color: #57798d;
text-align: right;
text-decoration: none;
}

.righthomecol {
width: 198px;
height: 100%;
min-height: 100%;
background-image: url(images/right_home_col_bckgrnd.jpg);
background-position: top;
background-repeat: repeat-y;
vertical-align: top;
}

.righthomecol_bottom {
width: 198px;
height: 30px;
background-image: url(images/callout_bottom.jpg);
background-position: top;
background-repeat: no-repeat;
}

/*>>>>>>>>>>>>>>>> NEW MENU <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#menu_container {
font-size: 10px;
height: 22px;
}

#menu_container td {
text-align: center;
vertical-align: middle;
}

#menu_container td a {
text-decoration: none;
display: block;
line-height: 22px;
}

#menu_container td a:hover {
background-image: url(images/nav_hover_bckgrnd.jpg);
background-repeat: repeat-x;
text-decoration: none;
display: block;
line-height: 22px;
}




#menu_container td#themagazine { width: 105px; }
#menu_container td#thearts { width: 92px; }
#menu_container td#directory { width: 93px; }
#menu_container td#videos { width: 80px; }
#menu_container td#blog { width: 75px; }
#menu_container td#events { width: 80px; }
#menu_container td#charleston { width: 100px; }
#menu_container td#aboutus_contact { width: 140px; }
#menu_container td#advertising { width: 95px; }

/*>>>>>>>>>>>>>>>> NEW MENU END <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>> DROP DOWN MENU <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 900px;
	z-index: 50;
	/*line-height: 1;
	vertical-align: middle;*/
}

#nav li { /* all list items */
	float: left;
	width: 7em;  /* width needed or else Opera goes nuts */
	z-index: 50;
}

#nav li a {
	display: block;
	width: 10em;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0pt;
	padding-left: 15px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #ffa500;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0pt;
	padding-left: 15px;
}

#nav li ul a { /* second-level lists links */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;
	width: 12em;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0pt;
	padding-left: 15px;
	margin-left: -15px;
	
}

#nav li ul a:hover { /* second-level lists links */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	display: block;
	width: 12em;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
	background: #de8a0b;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0pt;
	padding-left: 15px;
	margin-left: -15px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

#nav a.menu_parent {
	background-image: url(images/rightarrow2.gif);
	background-position: center left;
	background-repeat: no-repeat;
	width: 12em;
}

/*#nav li.navdrop {
	width: 10em;
}*/

#nav li#themagazine { width: 125px; }
#nav li#thearts { width: 82px; }
#nav li#directory { width: 92px; }
#nav li#videos { width: 78px; }
#nav li#blog { width: 40px; }
#nav li#events { width: 75px; }
#nav li#charleston { width: 115px; }
#nav li#aboutus_contact { width: 140px; }
#nav li#advertising { width: 80px; }

/*#menu_container {
font-size: 95%;
width: 850px;
margin: 0 5px 0 5px;
}*/

/*.firstlevel {

}

.secondlevel {

}

#themagazine { width: */

/*>>>>>>>>>>>>>>>> END - DROP DOWN MENU <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* #menu li a {

color: #FFFFFF;
display: block;
margin-top: 0pt;
margin-right: 1px;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;

}
*/


/*>>>>>>>>>>>>>>>> 100% HEIGHT FIX FOR IE6 <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

* html #container {
height: 100%;
}

/*>>>>>>>>>>>>>>>> END 100% HEIGHT FIX FOR IE6 <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.visual_header {
width: 418px;
height: 29px;
background-image: url(images/header_visual.jpg);
background-repeat: no-repeat;
margin: 15px 0 5px 0;
}

.performing_header {
width: 418px;
height: 29px;
background-image: url(images/header_performing.jpg);
background-repeat: no-repeat;
margin: 15px 0 5px 0;
}

.culinary_header {
width: 418px;
height: 29px;
background-image: url(images/header_culinary.jpg);
background-repeat: no-repeat;
margin: 15px 0 5px 0;
}

.wearable_header {
width: 418px;
height: 29px;
background-image: url(images/header_wearable.jpg);
background-repeat: no-repeat;
margin: 15px 0 5px 0;
}


/*>>>>>>>>>>>>>>>> BEGIN PAGES STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.leftpgscol {
width: 284px;
height: 100%;
min-height: 100%;
background-image: url(images/left_home_col_bckgrnd.jpg);
background-position: top;
background-repeat: repeat-y;
vertical-align: top;
}

.leftpgscol img {
padding: 0 0 10px 0;
}

.pgscontent_col {
width: 616px;
height: 100%;
vertical-align: top;
}

.pgscontent_col h2 {
font-size: 22px;
font-weight:100;
font-stretch: narrower;
color: #496276;
margin: 0 0 20px 0;
}

.pgscontent_col h1 {
font-size: 14px;
color: #496276;
}

.pgtitle {
padding: 0 0 13px 0;
vertical-align: top;
}

.leftpgscol_content {
margin: 0 41px 0 33px;
vertical-align: top;
}

.f_right {
float: right;
padding: 0 0 15px 15px;
}

.f_left {
float: left;
padding: 0 15px 15px 0;
}

td.feature_print {
padding-bottom: 16px;
background-image: url(images/print_symbol.jpg);
background-position: right top;
background-repeat: no-repeat;
}

td.feature_web {
padding-bottom: 16px;
background-image: url(images/web_symbol.jpg);
background-position: right top;
background-repeat: no-repeat;
}

.thearts_subcats {
margin: 30px 41px 0 33px;
vertical-align: top;
}

.thearts_subcats a {
padding-left: 13px;
background-image: url(images/bullet.jpg);
background-position: left;
background-repeat: no-repeat;
color: #496276;
text-decoration: none;
}

td.pgscontent_col td.howseen_text {
padding: 20px 0 20px 0;
}

/*>>>>>>>>>>>>>>>> BEGIN ARTICLES STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.menu_visu {
width: 225px;
height: 45px;
}

.arti_row1 {
height: 30px;
}

/*>>>>>>>>>>>>>>>> END ARTICLES STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>> BEGIN MAGAZINE STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#magissueflash {
vertical-align: top;
padding: 25px 35px 10px 0;
text-align: right;
}

#currentiss_desc {
margin: 0 41px 0 33px;
vertical-align: top;
height: 100%;
}

#mag_archive_menu {
width: 209px;
height: 100%;
border: 0;
}

/*>>>>>>>>>>>>>>>> END MAGAZINE STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>> BEGIN EVENTS STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.feat_events_area img {
float: left;
padding: 0 15px 15px 0;
}

td.feat_events_area img.no_float {
float: none;
}



/*>>>>>>>>>>>>>>>> END EVENTS STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>> BEGIN THE ARTS STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.artscontainers {
padding: 20px 20px 40px 20px;
text-align: right;
vertical-align: top;
}

.theartsflash {
width: 668px;
height: 387px;
}

.theartsnav {
width: 180px;
height: 387px;
vertical-align: top;
}

.thearts_visu {
width: 180px;
height: 300px;
background-image: url(images/sidetitle_visu.jpg);
background-position: top right;
background-repeat: no-repeat;
}

.thearts_culi {
width: 180px;
height: 300px;
background-image: url(images/sidetitle_culi.jpg);
background-position: top right;
background-repeat: no-repeat;
}

.thearts_perf {
width: 180px;
height: 300px;
background-image: url(images/sidetitle_perf.jpg);
background-position: top right;
background-repeat: no-repeat;
}

.thearts_wear {
width: 180px;
height: 300px;
background-image: url(images/sidetitle_wear.jpg);
background-position: top right;
background-repeat: no-repeat;
}

.thearts_subcats {
text-align: left;
color: #496276;
}

.thearts_subcats a {
padding-left: 13px;
background-image: url(images/bullet.jpg);
background-position: left;
background-repeat: no-repeat;
color: #496276;
text-decoration: none;
}




/*>>>>>>>>>>>>>>>> END THE ARTS STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>> BEGIN VIDEO STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

td.vid_pg_container {
vertical-align: top;
}

.video_container {
width: 560px;
vertical-align: middle;
text-align: center;
}

.videobox {
width: 800px;
background-image: url(images/videos_bckgrnd.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #eeeeee;
margin: 0 0 50px 0;
}

.vid_info_container {
width: 235px;
padding: 10px 10px 10px 0;
}

.videospace {
margin: 10px 0 10px 13px;
}

.videotext {
background: #FFFFFF;
height: 240px;
padding: 10px;
}

.videotext h1 {
color: #496276;
}

.videoinfo {
background-image: url(images/video_info.jpg);
background-position: top;
background-repeat: no-repeat;
padding: 40px 0 0 16px;
}

.video_date_link {
padding: 0 0 0 31px;
background-image: url(images/bullet.jpg);
background-position: 17px 50%;
background-repeat: no-repeat;
color: #496276;
text-decoration: none;
text-transform: uppercase;
}

.video_date_link a {
text-decoration: none;
color: #496276;
}


/*>>>>>>>>>>>>>>>> END VIDEO STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>> BEGIN ABOUTUS/CONTACT AND ADVERTISING STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.staff_container {
margin: 0 41px 0 33px;
vertical-align: top;
}

.staff_container h1 {
color: #496276;
margin: 0;
}

.about_text_cntnr {
margin: 0 20px 0 20px;
}

ul {
padding: 0 10px 0 15px;
}






/*>>>>>>>>>>>>>>>> END ABOUTUS/CONTACT AND ADVERTISING STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>> START CONTACT-SIGNUP STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: #333333 !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

/*>>>>>>>>>>>>>>>> END CONTACT-SIGNUP STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/