/* CSS Document for Creative Fife.  Coding by SH for Internet Creation Ltd April 2007 */

/* MISC */

body{
	background-color:#000000;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#FFFFFF;
	background-image:url(../gif/body_banner_frame.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
img{
	border:none;
}
p, h1, h2, h3, h4, h5, td p, td h1, td h2, td h3, td h4, td h5, th h1, th h2, th h3, th h4, th h5{
	margin:0 0 15px 0;
}
h1, td h1, th h1{
	position:absolute;
	top:-3000px;
	width:100px;
}
h3, td h3, th h3{
	font-size:160%;
	border-bottom:2px dotted #2F2F2F;
	padding-bottom:6px;
}
h4, td h4, th h4{
	font-size:160%;
}
h5, td h5, th h5{
	font-size:160%;
	margin:0 0 15px 0;
	padding:0;
}
h5#event_date, td h5#event_date, th h5#event_date{
	font-size:140%;
	margin:0 0 15px 0;
	padding:0;
}

.clear{
	clear:both;
}
a{
	color:#F1BC2E;
	text-decoration:none;
}
a:hover{
	color:#F1BC2E;
	text-decoration:underline;
	/*border-bottom:1px dotted #F1BC2E;*/
}

fieldset{
	margin:0;
	padding:0;
	border:none;
}
legend{
	display:none;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	height:250px;
	width:300px;
}

.no_display{
	position:absolute;
	top:-10000px;
	left:0;
}

.no_bullets{
	margin:0;
	padding:0;
}
.no_bullets li{
	list-style-type:none;
	border-bottom:1px dotted #EEEEEE;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

.no_bullets_home_news{
	margin:0;
	padding:0;
}
.no_bullets_home_news li{
	list-style-type:none;
	margin:0 0 2px 0;
	padding:0 0 2px 0;
}

.news_no_bullets{
	margin:30px 0 0 0;
	padding:0;
}
.news_no_bullets li{
	list-style-type:none;
	border-bottom:1px dotted #EEEEEE;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}

.my_cf_list{
	margin:0;
	padding:0;
}
.my_cf_list li{
	list-style-type:none;
	margin:0 0 25px 0;
}

.sponsors_logos{
	border:none;
}
.sponsors_logos:hover{
	border:none;
}

.page_content_custom_css{
	font-size:110%;
}

/* MISC TABLES STYLES */

table{
	margin:0;
	padding:0;
}
td, th{
	text-align:left;
	width:33%;
}
td{
	width:33%;
	margin:0 0 30px 0;
}
.results_table_td{
	background-color:#222222;
	vertical-align:top;
}
.page_content_custom_css td{
	vertical-align:top;
}
.forum_cat{
	width:80%;
}
.forum_no_of_posts{
	width:20%;
	text-align:right;
}
.forum_posts{
	width:70%;
}
.forum_replies{
	width:10%;
	text-align:center;
}
.forum_last_active{
	width:20%;
	text-align:right;
	white-space:nowrap;
}

.forum_new{
	width:10%;
	text-align:center;
}

/* HEADER */

#skip_nav{
	position:absolute;
	top:-10000px;
	left:0;
}
#header{
	width:750px;
	position:relative;
	margin:0 auto;
	text-align:left;
	height:115px;
}
#logo{
	float:left;
	margin-top:14px;
	margin-left:15px;
	width:143px;
	height:92px;
	z-index:100;
}

/* FLASH BANNER */
#flashcontent{
	width:700px;
	height:246px;
	position:absolute;
	top:71px;
	left:12px;
}

#flashcontent img{
	width:712px;
	height:258px;
	position:absolute;
	top:66px;
	left:4px;
}

/* SEARCH NAV */

#search_nav{
	position:absolute;
	top:20px;
	right:58px;
	width:369px;
	height:24px;
	background-image:url(../gif/search_bg.gif);
	background-repeat:no-repeat;
}

#search_nav label{
	position:absolute;
	top:-3000px;
	left:-3000px;
}

#search_nav .top_search_box{
	position:absolute;
	left:2px;
	width:168px;
	height:16px;
	padding:2px 0 0 2px;
	font-size:100%;
	font-style:italic;
	border:1px solid #000000;
	top:2px;
}

#search_nav .top_search_button{
	position:absolute;
	left:180px;
	font-size:80%;
	top:4px;
}

#search_date{
	position:absolute;
	top:5px;
	right:8px;
	color:#F1BE31;
}

#strapline{
	position:absolute;
	right:90px;
	top:45px;
}

/* TOP NAV */

#top_nav_container{
	position:relative;
	margin:0 auto;
	width:690px;
	margin-top:235px;
	height:24px;
	background-image:url(../gif/top_nav_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	z-index:10;
}

#nav, #nav ul { /* all lists */
	padding: 1px 0 0 2px;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	border-bottom:none;
	color:#FFFFFF;
	width: 120px;
}
#nav a:hover{
	color:#F1BC2E;
	border-bottom:none;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	padding:0 0 6px 0;
}

#nav li ul { /* second-level lists */
	padding:10px 10px 4px 10px;
	position: absolute;
	background: #333333;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:5px solid #000000;
}

#nav li ul li{
	border-bottom:1px solid #999999;
	margin-bottom:5px;
	height:auto;
	width: 120px;
}

#nav li ul a{
	background-image:none;
	height:auto;
	width:auto;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -24px 0 0 120px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

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

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

/* CRUMB NAV */
#crumb_nav{
	width:700px;
	position:relative;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:12px;
	padding:0 9px 0 9px;
	text-align:left;
}

/* MAIN STRUCTURE */

#content{
	width:700px;
	position:relative;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:0px;
	padding:0 0 0 0;
	text-align:left;
}
#left_col{
	float:left;
	width:500px;
	margin-top:10px;
	margin-left:0px;
}
#right_col{
	float:right;
	width:160px;
	margin-top:10px;
	margin-right:0px;
}
#full_col{
	position:absolute;
	width:700px;
	top:0;
	left:10px;
}
.section_container{
	margin:0 0 40px 0;
}

/* SEARCH DIRECTORY STYLES */

.directory_search_term, .directory_sector, .directory_location{
	width:200px;
}

.form_row{
	margin-bottom:15px;
}

.last_form_row{
	margin-bottom:0;
}

.directory_search_button{
	float:right;
	margin:-40px 210px 0 0;
}

.directory_search_term_short, .directory_sector_short, .directory_location_short{
	width:150px;
}

.directory_search_button_short{
	margin-top:15px;
}

/* EVENTS */
#left_internal_col{
	float:left;
	width:235px;
}

#right_internal_col{
	float:right;
	width:235px;
}

/* QUICKFORM STYLES */
.quickform_header{
	margin:15px 0 15px 0;
}
.quickform_error{
	color:#F1BC2E;
}
.quickform_required{
	color:#F1BC2E;
}
table{
	width:99%;
	margin:0;
	padding:0;
	font-size:11px;
}
td{
	margin:1px;
	padding:4px;
}
.quickform_left_col{
	width:40%;
	vertical-align:middle;
}
.quickform_right_col{
	width:60%;
}

/* CALENDAR STYLES */
.small_calendar th{
	font-weight:normal;
	color:#676767;
	width:20px;
	height:16px;
	text-align:center;
	margin:0;
	padding:0;
}
.small_calendar td{
	width:20px;
	height:16px;
	margin:0;
	padding:3px 0 2px 0;
}
.date_taken a{
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	border:1px solid #ffffff;
}

.date_free a{
	color:#333333;
	text-align:center;
	padding:2px;
	border:1px solid #333333;
}

.date_taken a:hover{
	color:#F1BC2E;
	text-align:center;
	padding:2px;
	border:1px solid #F1BC2E;
}

.date_free a:hover{
	color:#333333;
	text-align:center;
	padding:2px;
	border:1px solid #333333;
}

.large_calendar{
	width:155px;
}
.large_calendar th{
	font-weight:normal;
	color:#676767;
	width:20px;
	height:16px;
	text-align:center;
	margin:0;
	padding:0;
}
.large_calendar td{
	width:20px;
	height:16px;
	margin:0;
	padding:3px 0 2px 0;
}
.calendar_align_center{
	text-align:center;
	white-space:nowrap;
}
.calendar_align_left{
	text-align:left;
}
.calendar_align_right{
	text-align:right;
}

/* NEWSTICKER STYLES */
#newsticker {
	background: #000000;
	position: relative;
	height:70px;
}
#newsticker ul {
	margin:0;
	padding:0;
	list-style:none;
}
#newsletter ul li{
	list-style-type:none;
	padding:0;
	margin:0;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}

/* FCKEDITOR STYLES */
.normal_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
}

/* footer */
#footer{
	width:700px;
	margin:0 auto 30px auto;
	border-top:2px dotted #2F2F2F;
	padding-top:6px;
}
.footer_left{
	float:left;
	width:60%;
	text-align:left;
}
.footer_right{
	float:right;
	width:40%;
	text-align:right;
}

/* new styles added by sh june 2008 */

.event_type_picker{
	margin:0 0 0 0;
	padding:0;
}

.event_type_picker li{
	list-style-type:none;
	margin:0;
	padding:0;
}

.event_type_picker .main{
	font-weight:bold;
	font-style:italic;
	margin-bottom:10px;
}

.awards_thumb{
	width:100px;
	height:100px;
	margin:0 15px 15px 0;
	padding:0;
	display:inline;
	float:left;
}

/* news styles added by sh feb 2009 */

h3.whats_on{
}

.month_summary,.no_events{
	margin:0 0 15px 0;
	padding:0;
}

.month_summary_row{
	border-bottom:1px dotted #2F2F2F;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	color:#FFFFFF;
}

.month_summary_row p{
	margin:0;
}

.month_summary_date{
	width:55px;
	float:left;
}

.month_summary_title{
}

.whats_on_previous{
	width:49%;
	float:left;
}
.whats_on_next{
	width:49%;
	float:right;
	text-align:right;
}

/* FEB 09 Gallery */

#gallery_container{
	padding-bottom:75px;
	width:949px;
}
#gallery_container a{
	font-weight:normal;
}
#gallery_container a:hover{
	text-decoration:underline;
}

#gallery_container a img{
	font-size:10px;
	color:#000000;
	font-weight:normal;
}

.gallery_cats_product{
	float:left;
	margin:0 30px 30px 0;
	height:200px;
	width:125px;
	display:inline;
}
.gallery_cats_product img,.gallery_cats_product img:hover{
	padding:10px;
	border:1px solid #CCCCCC;
	background-color:#000000;
}
.gallery_cats_product p{
	text-align:center;
	padding:5px;
	color:#FFFFFF;
}
.gallery_cats_product p a{
	font-weight:normal;
	text-decoration:none;
}
.gallery_cats_product p a:hover{
	text-decoration:underline;
}

.gallery_products_product{
	float:left;
	margin:0 30px 30px 0;
	height:250px;
	width:125px;
	display:inline;
}
.gallery_products_product img,.gallery_products_product img:hover{
	padding:10px;
	border:1px solid #CCCCCC;
	background-color:#000000;
}
.gallery_products_product p{
	text-align:center;
	padding:5px;
	color:#FFFFFF;
}
.gallery_products_product p a{
	font-weight:normal;
	text-decoration:none;
}
.gallery_products_product p a:hover{
	text-decoration:underline;
}
