/*	HTML ELEMENTS	*/

	html {
		margin: 0px;
		padding: 0px;
		background-color: #EDEDED;
	}
	body {
		margin: 0px;
		padding: 0px 0px 20px 0px;
		font-family: Arial, Verdana;
		font-size: 12px;
		color: #333333;
	}


	#page_container {
		width: 955px;
		margin: 0px auto 0px auto;
		padding: 0px;
	}

	#banner {
		background-color: #FFFFFF;
		text-align: center;
	}
	
	#slideshow_container {
		background-color: #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
	}
	
	#slides {
		width: 955px;
		height: 305px;
		list-style-type: none;
		margin: 0px auto 0px auto;
		padding: 0px;
	}
	
	#image_container {
		width: 955px;
		height: 305px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#toolbox {
		width: 955px;
		text-align: right !important;
		margin: 0px auto 0px auto;
		padding: 12px 0px 12px 0px;
	}

	#toolbox a {
		color: #5D5D5D;
		text-decoration: none;
		border-left: 1px solid #5D5D5D;
		padding-left: 5px;
		margin-left: 5px;
	}
	
	#toolbox a:hover {
		color: #000000;
	}
	
	#toolbox a.first {
		border-left: none !important;
	}
	
	#navigation {
		background-color: #EDEDED;
		background-image: url(../images/navigation_bg.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		height: 44px;
		padding-left: 5px;
		margin-bottom: 30px;
	}
	
	#navigation ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#navigation ul li {
		float: left;
	}
	
	#navigation ul li a {
		font-size: 13px;
		color: #868686;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		margin-right: 15px;
		height: 27px;
		padding-top: 16px;
		display: block;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	#nav_index:hover, #nav_index.selected {
		color: #C6C616;
		background-image: url(../images/nav_home.gif);
	}


	
	#nav_isle_of_wight_artists:hover, #nav_isle_of_wight_artists.selected {
		color: #FF7E00;
		background-image: url(../images/nav_artists.gif);
	}

	#nav_open_studios:hover, #nav_open_studios.selected {
		color: #2AB2D1;
		background-image: url(../images/nav_open_studios.gif);
	}

	#nav_join_isle_of_wight_arts:hover, #nav_join_isle_of_wight_arts.selected {
		color: #EDADE0;
		background-image: url(../images/nav_join.gif);
	}

	#nav_events:hover, #nav_events.selected {
		color: #5BC7BC;
		background-image: url(../images/nav_events.gif);
	}

	#nav_about_isle_of_wight_arts:hover, #nav_about_isle_of_wight_arts.selected {
		color: #778FDD;
		background-image: url(../images/nav_about.gif);
	}

	#nav_art_links:hover, #nav_art_links.selected {
		color: #E85773;
		background-image: url(../images/nav_links.gif);
	}

	#nav_contact:hover, #nav_contact.selected {
		color: #DEBD05;
		background-image: url(../images/nav_contact.gif);
	}

	#search_container {
		float: right;
		padding-top: 9px;
	}

	.field_search {
		width: 150px;
		background-color: #FFFFFF;
		border: 1px solid #868686;
		padding: 1px 2px 1px 2px;
		color: #868686;
		font-size: 13px;
		font-weight: bold;
	}
	
	.field_search_button {
		font-size: 18px;
		font-weight: bold;
		color: #868686;
		background-color: transparent;
		border: none;
	}

	.field_search_button_over {
		font-size: 18px;
		font-weight: bold;
		color: #000000;
		background-color: transparent;
		border: none;
		cursor: pointer;
	}

	.spacer {
		clear: both !important;
	}
	
	#content_container {
		background-image: url(../images/content_bg.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		padding-bottom: 44px;
	}
	
	#left_column {
		width: 238px;
		float: left;

	}
	
	#left_column h2 {
		font-size: 13px;
		text-transform: uppercase;
		margin: 20px 21px 5px 25px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px dashed #868686
	}
	
	#left_column p {
		margin: 20px 21px 5px 25px;
		padding: 0px 0px 5px 0px;	
	}
	
	#left_column .dashed_divider {
		margin: 20px 21px 5px 25px;
		padding: 0px 0px 5px 0px;	
	}
	
	h2.events {
		color: #5BC7BC;
	}
	h2.artists {
		color: #FF7E00;
	}
	
	#left_column .sub_navigation {
		margin: 0px 0px 10px 30px;
		padding: 0px;
		list-style-type: none;
	}
	
	#left_column ol.sub_navigation {
		list-style-type: decimal;
		font-weight: bold;
		margin-left: 45px;
	}
	
	#right_column {
		width: 656px;
		float: right;
		background-image: url(../images/column_divider.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		padding-left: 30px;
	}

	#directory {
		margin: 38px 0px 0px 0px;
		padding: 0px;
		text-align: center;
	}	
	
	
	#directory_reflection {
		margin: -3px 0px 17px 0px !important;
		padding: 0px;
		width: 238px;
		height: 33px;
		background-image: url(../images/directory_reflection.jpg);
		background-position: top center;
		background-repeat: no-repeat;
	}

	.left_callout {
		width: 238px;
		font-family: Georgia, Times New Roman;
		font-size: 19px;
		font-style: italic;
		color: #FFFFFF;
	}
	
	.left_callout p {
		margin: 0px 20px 0px 20px !important;
		padding: 0px 26px 0px 23px;
	}
	
	.left_callout a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
	}
	
	a:hover .left_callout {
		color: #000000;
	}
	

	.left_callout_top {
		width: 238px;
		height: 25px;
		background-image: url(../images/left_callout_top.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.left_callout_content {
		background-image: url(../images/left_callout_tile.gif);
		background-position: top left;
		background-repeat: repeat-y;
	}
	
	.left_callout_btm {
		width: 238px;
		height: 5px;
		background-image: url(../images/left_callout_btm.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.dashed_divider {
		height: 1px;
		background-image: url(../images/dashed_divider.gif);
		background-position: top left;
		background-repeat: repeat-x;
		margin: 15px 0px 15px 0px;
		clear: both;
	}
	
	.first_para {
		font-size: 18px;
		font-weight: bold;
	}
	
	.right_callout {
		width: 211px;
		background-color: #EDEDED;
		background-image: url(../images/right_callout_grad.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		float: right;
		min-height: 216px;
		border-bottom: 4px solid #868686;
		margin-left: 20px;
	}
	
	.right_callout_item {
		margin: 0px 15px 0px 17px;
		padding-bottom: 15px;
		margin-bottom: 15px;
		background-image: url(../images/dashed_divider.gif);
		background-position: bottom left;
		background-repeat: repeat-x;
	}
	
	.right_callout_item h1 {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: bold;
		text-transform: none;
	}
	
	.right_callout_item h2 {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		font-family: Georgia, Times New Romain;
		font-style: italic;
		text-transform: none;
	}
	
	.right_callout_item p {
		margin: 2px 0px;
		padding: 0px;
	}
	
	#footer {
		font-size: 11px;
	}
	
	#disclaimer {
		float: left;
		width: 730px;
	}
	
	#credit {
		float: right;
		text-align: right;
	}

	
	#event_list h3 {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		font-family: Georgia, Times New Romain;
		font-style: italic;
		font-weight: normal;
	}
	
	#event_list h4 {
		margin: 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: bold;
	}
	
	#event_list h5 {
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: bold;
	}	
	
	#event_list p {
		margin: 0px;
		padding: 0px;
		margin-bottom: 2px;
	}
	
	.list_navigation {
		width: 100%;
		font-weight: bold;
	}
	
	.list_navigation td.total_pages {
		width: 400px;
	}
	
	.event_detail_table p {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.event_detail_table td.label_column {
		font-weight: bold;
		padding-right: 20px;
	}
	
	#artist_details {
		width: 434px;
		float: left;
	}

	#artist_details h1 {
		font-size: 26px;
		font-weight: normal;
		color: #FF7E00;
		margin: 0px;
		padding: 0px;
		text-transform: uppercase;
	}

	#artist_details h2 {
		font-size: 13px;
		font-weight: bold;
		color: #FF7E00;
		margin: 0px;
		padding: 0px;
	}
	
	#artist_details h3 {
		font-size: 13px;
		font-weight: bold;
		color: #868686;
		margin: 0px;
		padding: 0px;
	}

	#artist_details h4 {
		margin-bottom: 3px;
	}

	
	#artist_details p {
		margin-top: 2px;
	}
	
	#artist_details .description {
		font-weight: bold;
	}
	
	#image_title {
		font-weight: bold;
	}

	
	#open_studio_box {
		float: right;
		border-top: 5px solid #FF7E00;
		border-bottom: 5px solid #FF7E00;
		background-color: #EDEDED;
		background-image: url(../images/artist_summary_bg.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		padding: 10px 15px 10px 15px;
		margin-bottom: 20px;
		width: 405px;
	}
	
	#open_studio_box h4 {
		margin-bottom: 3px;
	}
	
	#open_studio_box ul {
		margin-top: 0px;
		list-style-type: none;
		padding-left: 0px;
	}

	.os_image {
		float: right;
		text-align: center;
		margin-left: 20px;
	}
	
	.os_image a {
		font-weight: normal;
		font-size: 10px;
	}
	
	#artist_summary {
		width: 190px;
		float: right;
	}
	
	#artist_summary h3 {
		color: #FF7E00;
		text-transform: uppercase;
	}
	
	#artist_summary h4 {
		margin-bottom: 3px;
		font-size: 14px;
	}

	#artist_summary ul {
		list-style-type: none;
		margin: 0px;
		padding-left: 0px;
	}
	
	#artist_summary ul li {
		padding: 2px 0px 2px 0px;
	}

	
	#artist_summary td {
		vertical-align: middle !important;
		font-weight: bold;
		padding-bottom: 3px;
	}
	
	#artist_summary td.icon_cell {
		width: 25px;
	}

	h1 {
		font-size: 20px;
		font-weight: normal;
		color: #FF7E00;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		text-transform: uppercase;
	}

	h1.join {
		color: #EDADE0;
	}
	
	h1.open_studios {
		color: #2AB2D1;
	}
	
	h2 {
		font-size: 16px;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	#open_studios_table {
		font-weight: bold;
	}
	
	#open_studios_table td {
		vertical-align: middle !important;
		padding-right: 10px;
		padding-bottom: 5px;
		font-size: 15px;
	}
	
	.open_studios_images {
		width: 200px;
		float: right;
		margin-left: 20px;
	}
	
	.message {
		font-weight: bold;
		border: 1px solid #868686;
		padding: 10px 5px 10px 5px;
		margin: 10px;
		background-color: #FFFFFF;
	}
	
	.message_negative {
		font-weight: bold;
		border: 1px solid #868686;
		padding: 10px 5px 10px 5px;
		margin: 10px;
		background-color: #ffffe1;
	}
	
	.search_table h3 {
		margin: 0px !important;
		padding: 0px !important;
	}
	.search_table h4 {
		margin: 0px !important;
		padding: 0px !important;
	}

	.search_table p {
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.search_table td.image_column {
		width: 60px;
	}
	
	.link_container h3 {
		margin: 0px !important;
		padding: 0px !important;		
	}

	.link_container p {
		margin: 0px !important;
		padding: 0px !important;		
	}

	.list_navigation a {
		margin-left: 10px;
	}
	
	.required {
		font-weight: bold;
		font-size: 15px;
		color: #C03;
		padding-left: 5px;
		
	}
	
	.link_field {
		border: 1px solid #000000;
		width: 150px;
		height: 60px;
		overflow: hidden;
		padding: 2px;
	}
	
	.profile_data { width: 600px; }
	.profile_data td { width: 130px; padding: 7px 3px 3px 3px !important; font-size: 10px; }
	.profile_data td.right_column { width: auto; font-size: 12px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; }
	tr.submit_buttons td { padding-top: 20px !important; border: none !important; }
	
	.edit_profile {
		background-image: url(../images/edit.gif);
		background-position: center left;
		background-repeat: no-repeat;
		padding-left: 23px;
		padding-top: 3px;
		height: 17px;
		margin-right: 5px;
		float: right;
	}	
	
	.autofill {
		padding-left: 5px;
	}
	
	
/****************************/	

/*	LINKS			*/
	a { color: #000000; font-weight: bold; text-decoration: none; }
	a:hover { color: #999; }


/*	HEADINGS		*/
	h1 { }
	h2 { }
	h3 { }
	h4 { }
	h5 { }
	h6 { }

	
/*	TEXT			*/
	p { }

	
/*	TABLE			*/
	table { }
	td, th { text-align: left; vertical-align: top; }


/*	FORM			*/
	label { font-weight: bold; }
	fieldset { width: 600px; margin: 10px; border: 1px solid #868686; }
	legend { font-weight: bold; font-size: 14px; }



/*	FORM ELEMENTS	*/
	.field_text {
		border: 1px solid #999999;
		width: 380px;
		font-size: 11px;
		color: #999999;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_text_focus {
		border: 1px solid #486AA8;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_text_error {
		border: 1px solid #FF003C;
		background-color: #F5F4D3;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_select {
		border: 1px solid #999999;
		width: 380px;
		font-size: 11px;
		color: #999999;
		font-family: Arial, Verdana;	
	}
	.field_select_focus {
		border: 1px solid #486AA8;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
	}
	.field_select_error {
		border: 1px solid #FF003C;
		background-color: #F5F4D3;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_password {
		border: 1px solid #999999;
		width: 380px;
		font-size: 11px;
		color: #999999;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_password_focus {
		border: 1px solid #486AA8;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_password_error {
		border: 1px solid #FF003C;
		background-color: #F5F4D3;
		width: 380px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_textarea {
		border: 1px solid #999999;
		width: 380px;
		height: 100px;
		font-size: 11px;
		color: #999999;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_textarea_focus {
		border: 1px solid #486AA8;
		width: 380px;
		height: 100px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_textarea_error {
		border: 1px solid #FF003C;
		background-color: #F5F4D3;
		width: 380px;
		height: 100px;
		font-size: 11px;
		color: #486AA8;
		font-family: Arial, Verdana;	
		padding: 2px 5px 2px 5px;
	}
	.field_button {
		background-color: transparent;
		border: none;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
	}
	.field_button_over {
		background-color: transparent;
		border: none;
		font-size: 12px;
		font-weight: bold;
		color: #999;
		cursor: pointer;
	}


/*	CMS ELEMENTS	*/
	.entry_options {
		width: 130px;
		border-top: 4px solid #B4C4D1;
		border-bottom: 1px solid #B4C4D1;
		float: right;
		font-size: 11px;
	}
	.entry_options ul {
		margin: 10px 0px 10px 20px;
		padding: 0px;
		list-style-type: circle;
	}
	.cms_table {
		width: 670px !important;
		margin-top: 10px;
		border-top: 1px solid #B3C5D2;
		border-bottom: 1px solid #B3C5D2;
	}
	.cms_table a {
		display: block;
	}
	.cms_table a.read_more {
		font-weight: bold;
	}
	.cms_table th {
		font-weight: normal;
		font-size: 10px;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #B3C5D2;
		color: #333333;
	}
	.cms_table td {
		font-size: 11px;
		text-align: left;
		vertical-align: middle;
		border-bottom: 1px solid #B3C5D2;
		padding: 3px 0px 3px 0px;
	}
	.cms_table th a {
		display: inline;
	}
	.row_odd td {
		background-color: #E5E5E5;
	}
	.row_over td {
		background-color: #F8F3CC;
		cursor: pointer;
	}
	
	.section {
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.hint_box {
		float: right;
		width: 200px;
		position: absolute;
		z-index: 1000;
		margin-left: 20px;
		font-weight: bold;
	}
	
	.hint_box_top {
		padding: 0px 0px 0px 25px;
		width: 200px;
		height: 7px;
		background-image: url(../images/hint_box_top.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	.hint_box_btm {
		padding: 0px 0px 0px 25px;
		width: 200px;
		height: 6px;
		background-image: url(../images/hint_box_btm.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.hint_box_content {
		padding: 0px 8px 4px 25px;
		width: 200px;
		background-image: url(../images/hint_box_content.gif);
		background-position: top left;
		background-repeat: no-repeat;
		
	}
	
	.float_left {
		width: 320px;
		float: left;
	}
	
	.float_right {
		width: 320px;
		float: right;
	}
	
	.required_field {
		color: #cb1313;
		font-weight: bold;
	}
	
	
	.signup_title {
		font-size: 20px;
		font-weight: normal;
		color: #EDADE0;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		text-transform: uppercase;
	}
	
	.signup_title span {
		text-transform: none !important;
		font-size: smaller !important;
	}
	
	.signup_section {
		border-top: 1px dashed #868686;
		margin-bottom: 30px;
	}
	
	.signup_section p {
		width: 430px;
	}
	
	.autofill {
		float: right;
		padding-right: 40px;
		font-size: smaller;
	}
	
	.signup_section label {
		text-transform: uppercase;
		font-size: 10px;
	}