/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, CoCreate, matt@cocreatedesign.com
						for
						Merseyside Youth Association
						13/01/2009
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
dark blue text: #142c4f
light blue text: #00a3eb			
--------------------------------------------------------------------
*/
*{margin:0;padding:0;}
html{min-height:100%;margin:0 0 1px 0;}
img{border:none;}
/* --------------------
		Structure
-----------------------*/
#wrapper{width:1000px;margin:10px auto 0 auto;}
#header{width:1000px;height:108px;float:left;background:url(../images/header.png) no-repeat;}
#logo{width:120px;height:108px;float:left;}
#logo img{margin:32px 0 0 12px;}
#leftcol, #centrecol, #rightcol{display:inline;float:left;}
#leftcol{width:108px;}
#centrecol{width:695px;padding:0 13px 0 10px;background-color:#FFFFFF;min-height:425px;height:auto !important;height:425px;}
#rightcol{width:165px;}
#two_col_left{width:480px;float:left; padding:0 15px 20px 0;}
#two_col_right{width:180px;float:left; padding:0 0 20px 0;}
#one_col{width:695px; float:left; padding:0 0 20px 0;}
#accordion{float:left;width:470px;margin:0 20px 0 0;}
#footer{background-color:#4585A9;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;width:980px;padding:5px 10px 0 10px;margin:10px 0 0 0;float:left;}
#home_mediacol{width:200px;float:right;}


/* -------- Top Menu --------*/
#topmenu{width:665px;height:108px;float:left;}
#topmenu ul{list-style-type:none;}
#topmenu ul li{float:left;height:30px;}
#topmenu ul li a{display:inline;float:left;text-decoration:none;font-size:0.9em;color:#FFFFFF;text-align:center;}
#topmenu a:hover{color:#142c4f;}
#topmenu ul li#tm_about a{width:50px;height:30px;margin:50px 15px 0 0;}
#topmenu ul li#tm_news a{width:45px;height:20px;margin:55px 10px 0 0;}
#topmenu ul li#tm_calendar a{width:70px;height:20px;margin:50px 15px 0 0;}
#topmenu ul li#tm_vacancies a{width:80px;height:30px;margin:45px 15px 0 0;}
#topmenu ul li#tm_teams a{width:60px;height:30px;margin:45px 15px 0 0;}
#topmenu ul li#tm_media a{width:55px;height:30px;margin:45px 15px 0 0;}
#topmenu ul li#tm_facilities a{width:60px;height:20px;margin:50px 15px 0 0;}
#topmenu ul li#tm_information a{width:75px;height:20px;margin:50px 10px 0 0;}
#topmenu ul li#tm_contact a{width:60px;height:30px;margin:50px 0 0 0;}

/* ----------- END Top Menu ----------*/
#header .mail{display:block;width:165px;height:40px;margin:68px 0 0 0;float:right;}
/* --------------------
		Left Column
-----------------------*/
#extendedteams{width:108px;height:52px;float:left;margin:0;color:#FFFFFF;font-size:1.4em;}

/* ----------- Left Menu ----------*/
#leftmenu li{position:relative;}
#leftmenu{width:108px;float:left;}
#leftmenu a.menu{text-decoration:none;color:#FFFFFF;display:block;}
#leftmenu a.menu:hover{color:#142c4f;}
#leftmenu ul{list-style-type:none;}
#leftmenu ul li{width:103px;height:40px;padding:10px 0 0 5px;}
#leftmenu ul li a.menu{font-size:0.8em;font-weight: bold;}
#leftmenu ul li ul{position:absolute;top:0;left:100%;width:160px;padding:5px;display:none;}
#leftmenu ul li:hover ul{display:block;}
#leftmenu ul li ul li{width:160px;height:30px;float:left;border-bottom:solid 1px #FFFFFF;}
#leftmenu ul li ul li a.menu{font-size:0.8em;font-weight:bold;}
#leftmenu ul li ul li ul{width:160px;padding:0 0 20px 5px;}
#leftmenu ul li ul li ul li{width:160px;float:left;border:none;}
#leftmenu ul li ul li ul li a.menu{font-size:0.8em;font-weight:normal;}
#leftmenu ul li.lm_health{background:url(../images/btnBG_health.png) no-repeat; color:#142c4f;}
#leftmenu ul li.lm_health a.menu{color:#142c4f;}
#leftmenu ul li.lm_health ul{background-color:#FFDC11; color:#142c4f;}
#leftmenu ul li.lm_youth{background:url(../images/btnBG_youth.png) no-repeat;}
#leftmenu ul li.lm_youth ul{background-color:#644D9C;}
#leftmenu ul li.lm_social{background:url(../images/btnBG_social.png) no-repeat;}
#leftmenu ul li.lm_social ul{background-color:#F89828;}
#leftmenu ul li.lm_arts{background:url(../images/btnBG_arts.png) no-repeat;}
#leftmenu ul li.lm_arts ul{background-color:#007EB9;}
#leftmenu ul li.lm_support{background:url(../images/btnBG_support.png) no-repeat;}
#leftmenu ul li.lm_support ul{background-color:#09C31E;}
#leftmenu ul li.lm_sports{background:url(../images/btnBG_sports.png) no-repeat;}
#leftmenu ul li.lm_support ul{background-color:#E21D78;}

/* ----------- END Left Menu ----------*/

#thanks{width:108px;height:125px;padding:10px 0 0 0;float:left;background:url(../images/img_thanks.png) no-repeat;}
#thanks img{padding:20px 0 0 10px;}

/* --------------------
		Items
-----------------------*/
.item{float:left;}
#two_col_left .item{margin:0 0 10px 0; width:470px;}

.artist_body .item{width:300px;}

.item_news, .item_news_story, .item_vacancy, .item_facility, .item_contact{width:695px; float:left;padding:10px 0 10px 0; border-top:1px solid #00a3eb;}
.item_news img{float:left; margin:0 20px 0 0; display:block;}
.item_news_story .photocol{width:245px; float:left;}

.item_event{width:470px; float:left; margin:0;}

.item_vacancy .linkcol{width:200px; float:left;}
.item_facility .textcol{float:left;width:230px;padding:30px 12px 0 10px;}
.item_facility .linkcol{width:123px; float:left; padding:100px 0 0 0;}

.item_contact .textcol{float:left;width:500px;padding:30px 12px 0 10px;}
.item_contact .linkcol{width:143px; float:left; padding:40px 0 0 0;}

.item_project {width:470px; float:left; margin:0 0 10px 0;}
.item_project img{float:left; margin:0 10px 0 0;}
.item_project .textcol{float:left;width:380px;}

.artist_full{width:475px; float:left; margin:0 0 10px 0;}
.artist_head{width:475px; height:60px; background:url(../images/bg_artistheader.jpg) no-repeat;float:left;}
.artist_body{width:475px; background:url(../images/bg_artist_strip.jpg) repeat-y;float:left;}
.artist_footer{width:475px; height:59px; background:url(../images/bg_artistfooter.jpg) no-repeat; float:left;}
.artist_body .photocol{width:145px; float:left; padding:0 0 0 10px}
.artist_body .photocol .photo{width:100px; height:90px; padding:42px 15px 38px 15px; background:url(../images/bg_artist_photo.jpg) no-repeat;}
.artist_body .textcol{width:300px; float:left;}
.artist_body .textcol .copy{font-size:0.8em;}

.news_photo, .facility_photo{width:210px; height:120px;padding:20px 20px 80px 20px; background:url(../images/img_bg_cards.jpg) no-repeat;}
.facility_photo{float:left;}

.photo_white{float:left;width:170px; padding:15px 15px 10px 15px; background:url(../images/img_bg_white.jpg) no-repeat;}
.photo_white .textarea{width:170px; height:40px; overflow:hidden; padding:5px 0 0 0;}

.item_calendar{width:410px; float:left; margin:10px 0 0 10px;}
.item_calendar .calendar_top{width:390px; height:42px; padding:10px 0 0 20px; float:left; background:url(../images/bg_calendar_top.jpg) no-repeat;}
.item_calendar .calendar_middle{width:410px; float:left; background:url(../images/bg_calendar_strip.jpg) repeat-y;}
.item_calendar .calendar_bottom{width:410px; height:28px; float:left; background:url(../images/bg_calendar_btm.jpg) no-repeat;}

.item_artist{width:475px; height:214px; background:url(../images/bg_artistlist.jpg) no-repeat; overflow:hidden;}
.item_artist .photocol{width:90px; height:90px; padding:55px 30px 69px 35px; float:left;}
.item_artist .textcol{width:300px; padding:35px 0px 0 0; float:left;}

.item_jukebox{width:200px; height:270px; float:left;}

#one_col .item{width:695px;}

.ad_home{width:150px;height:200px;padding:10px 0 0 10px;background:url(../images/bg_ad.jpg) no-repeat;}
.ad_teams{width:100px;height:425px;float:left;padding:10px 10px 0 5px;background:url(../images/bg_ad_narrow.jpg) no-repeat;}
.ad_home .imgarea{width:140px;height:110px;}
.ad_teams .imgarea{width:100px;height:130px;float:left;}
.ad_teams .ad_link{margin:0 0 0 30px;float:left;}
.ad_home .imgarea img, .ad_teams .imgarea img{margin:65px 0 0 0;}
.ad_home .textarea{width:130px;margin:10px 0 0 5px;overflow:hidden;}
.ad_teams .textarea{height:260px;width:100px;overflow:hidden;float:left;}
.ad_home .ad_link{margin:0 0 0 70px;float:left;}

#flash_see_hear{width:200px;float:left;height:140px;}
#panel_facilities{float:left;width:200px;height:150px;background:url(../images/bg_ad_hiring.jpg) no-repeat;}
#panel_facilities a{width:25px;height:20px;display:inline;float:left;margin:0 0 0 170px;}
#panel_date{float:left;width:125px; height:150px; padding:35px 55px 75px 20px; background:url(../images/img_calendar.jpg) no-repeat;}

#panel_spotlight{float:left;width:200px;height:117px;}
#panel_spotlight img{float:left;}
#panel_spotlight .spot_txtarea{width:90px;margin:5px 5px 0 10px;height:70px;overflow:hidden;float:left;display: inline;}

#panel_factfile{width:185px;height:213px;float:left;padding:55px 0 0 15px;background:url(../images/bg_factfile.jpg) no-repeat;}
#panel_factfile .textarea{width:170px; height:200px; overflow:hidden;}

#panel_search{width:160px;height:50px;padding:25px 0 0 5px;float:left;background:url(../images/bg_search.png) no-repeat;}
#mini_search input{float:left;}
#mini_search input.text{width:122px;height:20px;}
#panel_news{width:155px;height:175px;float:left;padding:25px 0 0 10px;background:url(../images/bg_newsflash.png) no-repeat;}
.nf_story, .uc_story{width:150px;margin:5px 0 0 0;overflow:hidden;float:left;}
.nf_story{height:140px;}
.uc_story{height:100px;}
#panel_upncoming{width:155px;height:165px;float:left;padding:15px 0 0 10px;background:url(../images/bg_upandcoming.png) no-repeat;}

.image{width:160px;height:120px;padding:20px 20px 60px 20px;background:url(../images/img_bg_white.jpg) no-repeat;float:left;}
.photo{width:150px;height:140px;padding:60px 25px 83px 25px;background:url(../images/img_bg_polaroid.jpg) no-repeat;float:left;}

/*-- Accordion --*/
#accordion .item{margin:0 0 10px 0; width:470px;}
#accordion .item .copy_standard{padding:0 0 10px 10px;}

.toggler {cursor: pointer;background:url(../images/title_strip_about01.gif) repeat-x;color: #FFFFFF;font-size:1em;height:22px;padding: 3px 5px 0 10px;width:460px;margin:0 0 10px 0;float:left;}
.toggler:hover{text-decoration:underline;}
.element{float:left;width:470px;padding:10px 0 10px 0;}
.ac_image_text{float:left;width:260px;padding:0 0 20px 10px;}
.ac_text{float:left;width:450px;padding:0 10px 20px 10px;}

.team_health .toggler{background:url(../images/title_health01_strip.gif) repeat-x;}
.team_youth .toggler{background:url(../images/title_youth01_strip.gif) repeat-x;}
.team_social .toggler{background:url(../images/title_social01_strip.gif) repeat-x;}
.team_arts .toggler{background:url(../images/title_extended_strip01.gif) repeat-x;}
.team_support .toggler{background:url(../images/title_support01_strip.gif) repeat-x;}
.team_sports .toggler{background:url(../images/title_sports01_strip.gif) repeat-x;}

/* --------------------
		Forms
-----------------------*/
#form_contact{margin:30px 0 0 0;}
#form_contact .form_text{width:400px; height:20px; border:solid 4px #A6D6EB; margin:5px 0 10px 0; padding:5px;}
#form_contact .form_textarea{width:400px; height:200px; border:solid 4px #A6D6EB; padding:5px;  margin:5px 0 10px 0;}
#form_contact .form_text:hover, #form_contact .form_textarea:hover, #form_contact .form_text:focus, #form_contact .form_textarea:focus{border:solid 4px #00a3eb;}
#form_contact{color:#142c4f;}
#form_contact .form_text, #form_contact .form_textarea{font-size:1.2em; color:#666666;}

/* --------------------
		Typography
-----------------------*/
/*set all fonts*/
*{font-family:Arial, Verdana, Helvetica, sans-serif;}

.copy_standard, .ac_image_text, .ac_text, .gt_text, .calendar_text, .project_text, #panel_factfile .textarea, .item_artist .textarea{color:#666666;font-size:0.8em;line-height:1.4em;}
.red{color:#FF0000;}

.copy_standard{display:inline; float:left;}

.title_text{font-size:1em;color:#4585A9;margin:0 0 20px 10px;}

.photo_white .textarea{color:#000000;font-size:0.75em;}
#two_col_left .copy_standard{margin:0 10px 0 10px;}
.title{background:url(../images/title_strip_about01.gif) repeat-x;color: #FFFFFF;font-size:1em;height:22px;padding: 3px 0 0 10px;width:460px; margin:0 0 10px 0;}
#two_col_left .eventtitle{color:#142c4f;border-bottom:solid 1px #142c4f;font-size:1em;height:22px;padding: 3px 5px 0 10px;width:460px; margin:10px 0 10px 0;}
.gt_text{float:left;}
.copy_standard a{color:#666666;text-decoration:underline;}
.copy_standard a:hover{color:#00a3eb;text-decoration:underline;}
.title_home{width:685px;height:20px;padding:5px 0 0 10px;color:#FFFFFF;font-size:0.9em;font-weight:bold;background:url(../images/home_title_strip.gif) repeat-x;}

.title_page{width:685px;height:30px;padding:10px 0 0 10px;margin:0 0 10px 0;color:#FFFFFF;font-size:1em;font-weight:bold;background:url(../images/title_extended_strip.gif) repeat-x;}

.item_similar a{text-decoration:none;}
.item_similar a:hover{text-decoration:underline;}

.item_news h4{width:560px;height:20px;padding:5px 0 0 10px;margin:0 0 10px 0;color:#FFFFFF;font-size:0.8em;font-weight:bold;background:url(../images/title_extended_strip.gif) repeat-x; float:left;}
.item_news .copy_standard{float:left;width:455px;margin:0 20px 0 0;}
.item_news_story h4, .item_vacancy h4{width:685px;height:20px;padding:5px 0 0 10px;margin:0 0 10px 0;color:#FFFFFF;font-size:0.8em;font-weight:bold;background:url(../images/title_extended_strip.gif) repeat-x; float:left;}
.item_news_story .copy_standard{float:left;width:410px;margin:0 20px 0 10px;}

.item_artist h4, .artist_body h4{font-size:1em;color:#4585A9;}
.item_artist .textarea{color:#142c4f;font-size:0.75em;padding:20px 0 0 0; height:68px; overflow:hidden;}
.item_artist .copy_standard{width:280px;margin:0;}
.item_artist .fulldetails, .artist_full .fulldetails{float:left;background:url(../images/btn_fulldetails.jpg) no-repeat; width:148px; height:37px; padding:15px 15px 0 0; font-size:0.9em; color:#FFFFFF;text-decoration:none;text-align:center;margin:0 0 0 137px;}
.linkcol .fulldetails{width:108px;}
.item_artist .fulldetails:hover{text-decoration:underline;}
.artist_full .title_text{margin:0 0 20px 0; padding:0;}
.artist_full .textarea{color:#142c4f;font-size:0.75em;padding:0;}

.item_calendar .calendar_top h4{color:#FF0000; font-family:"Courier New", Courier, monospace; font-size:1em;}
.item_calendar .calendar_middle .calendar_text{width:370px; padding:0 20px 0 20px;}

.item_contact .copy_standard{float:left;width:500px;margin:0;}
.item_contact h4{float:left;width:500px;font-size:1em;color:#4585A9;}

.item_vacancy .copy_standard{float:left;width:465px;margin:0 20px 0 10px;}
.item_vacancy .linkcol a{float:left;width:190px;height:20px;display:block;color:#FFFFFF;padding:5px 0 0 10px;color:#FFFFFF;background:url(../images/title_extended_strip.gif) repeat-x;font-size:0.75em;text-decoration:none;margin:0 0 5px 0;}
.item_vacancy .linkcol a:hover{text-decoration:underline;}

.item_facility .copy_standard{float:left;width:250px;padding:20px 0 0 0;}
.item_facility h4{float:left;width:250px;font-size:1em;color:#4585A9;}
.item_facility .linkcol a, .item_contact .linkcol a{float:left;background:url(../images/btn_fulldetails.jpg) no-repeat; width:148px; height:37px; padding:15px 15px 0 0; font-size:0.9em; color:#FFFFFF;text-decoration:none;text-align:center;}
.item_facility .linkcol a:hover, .item_contact .linkcol a:hover{text-decoration:underline;}

.link_gallery{width:200px; height:85px; float:left;}
.link_back {width:170px; height:48px; padding:12px 30px 0 0; float:left; display:block; text-decoration:none; text-align:right; font-size:1em; font-weight:bold; color:#FFFFFF;margin:0 0 10px 0; }
.link_back:hover{text-decoration:underline;}
.item_project .link_project{width:370px;height:20px;padding:5px 0 0 10px; display:block; color:#FFFFFF; text-decoration:none;font-size:0.75em;margin:0 0 5px 0; }

.team_health .item_project .link_project{background:url(../images/title_health_link.gif) repeat-x;}
.team_health .title_page{background:url(../images/title_health_strip.gif) repeat-x;}
.team_health .title{background:url(../images/title_health01_strip.gif) repeat-x;}
.team_health .link_back{background:url(../images/btn_back_health.gif) no-repeat;}

.team_youth .item_project .link_project{background:url(../images/title_youth_link.gif) repeat-x;}
.team_youth .title_page{background:url(../images/title_youth_strip.gif) repeat-x;}
.team_youth .title{background:url(../images/title_youth01_strip.gif) repeat-x;}
.team_youth .link_back{background:url(../images/btn_back_youth.gif) no-repeat;}

.team_social .item_project .link_project{background:url(../images/title_social_link.gif) repeat-x;}
.team_social .title_page{background:url(../images/title_social_strip.gif) repeat-x;}
.team_social .title{background:url(../images/title_social01_strip.gif) repeat-x;}
.team_social .link_back{background:url(../images/btn_back_social.gif) no-repeat;}

.team_arts .item_project .link_project{background:url(../images/title_arts_link.gif) repeat-x;}
.team_arts .title_page{background:url(../images/title_extended_strip.gif) repeat-x;}
.team_arts .title{background:url(../images/title_extended_strip01.gif) repeat-x;}
.team_arts .link_back{background:url(../images/btn_back_arts.gif) no-repeat;}

.team_support .item_project .link_project{background:url(../images/title_support_link.gif) repeat-x;}
.team_support .title_page{background:url(../images/title_support_strip.gif) repeat-x;}
.team_support .title{background:url(../images/title_support01_strip.gif) repeat-x;}
.team_support .link_back{background:url(../images/btn_back_support.gif) no-repeat;}

.team_sports .item_project .link_project{background:url(../images/title_sports_link.gif) repeat-x;}
.team_sports .title_page{background:url(../images/title_sports_strip.gif) repeat-x;}
.team_sports .title{background:url(../images/title_sports01_strip.gif) repeat-x;}
.team_sports .link_back{background:url(../images/btn_back_sports.gif) no-repeat;}

.item_project .link_project:hover{text-decoration:underline;}
.item_project .project_text{width:360px;margin:0;}

.readmore{float:left;width:90px;height:20px;display:block;color:#FFFFFF;padding:5px 0 0 10px;color:#FFFFFF;background:url(../images/title_extended_strip.gif) repeat-x;font-size:0.75em;text-decoration:none;}
.readmore:hover{text-decoration:underline;}
h5.goto{width:180px;height:42px;padding:15px 0 0 20px;background:url(../images/title_rightnav.gif) no-repeat;font-size:1em;float:left;color:#FFFFFF;}
.goto_content{padding:10px;float:left;width:180px;}

.gt_text a, a.link{background:url(../images/img_triangle_blue.jpg) no-repeat 0 4px;padding:0 0 0 20px;color:#142c4f;}
.gt_text a:hover, a.link:hover{color:#00a3eb;text-decoration:underline;}

#panel_date p{color:#FF0000; font-size:2em; font-weight:bold; text-align:center;}

#panel_facilities h3{width:160px;padding:10px 0 0 10px;color:#FFFFFF;font-size:1em;float:left;}
#panel_facilities p{width:80px;padding:15px 0 5px 120px;color:#666666;font-size:0.8em;float:left;}

#panel_spotlight h3{width:190px;height:37px;padding:10px 0 0 10px;color:#FFFFFF;font-size:1em;float:left;background:url(../images/bg_spotlight.jpg) no-repeat;}
#panel_spotlight .spot_txtarea{color:#666666;font-size:0.8em;}

#panel_news h3{font-size:1em;color:#4585A9;}
#panel_news h5{font-size:0.8em;color:#00a3eb;}

.nf_txtarea, .uc_txtarea{font-size:0.7em;color:#666666;}

#panel_upncoming h3{font-size:1em;color:#4585A9;width:60px;float:left;margin:0 20px 0 0;}
#panel_upncoming .uc_date{width:45px;color:#00a3eb;font-size:0.9em;font-weight:bold;text-align:center;float:left;}

.ad_home .textarea{color:#666666;font-size:0.8em;}
.ad_teams .textarea{color:#666666;font-size:0.75em;line-height:1.8em;}
.ad_teams .textarea a{color:#666666;text-decoration:underline;}
.ad_teams .textarea a:hover{color:#00a3eb;text-decoration:underline;}

#footer{font-size:0.8em;color:#FFFFFF;}
#footer a{text-decoration:none;color:#FFFFFF;}
#footer a:hover{text-decoration:underline;}
#footer #copyright, #footer #links{width:475px;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
#footer #copyright{float:left;text-align:left;}
#footer #links{float:right;text-align:right;}

#sitemap, .searchResults, .advSearch{font-size:0.8em;}
.searchResults td{border-bottom:dotted 1px #D0E1F4;padding:10px;}
#sitemap ul{margin:0 0 0 20px;}
#mini_search label{font-size:0.9em;color:#FFFFFF;font-weight:bold;}

.validation{border-bottom:1px dotted #999999;cursor:help;}
.validation:link{border-bottom:1px dotted #999999; text-decoration:none; color:#142c4f;}
.validation:hover{border-bottom:1px dotted #999999; text-decoration:none; color:#142c4f;}

.pad15{padding:15px;}

/*---------------------------
	   SEARCH FACILITY
-----------------------------*/

.item_search{width:680px; float:left; margin:0 0 10px 0;}

.search_text{line-height:1.4em; font-size:0.8em; color:#1C2D65; margin:0 0 10px 0;}
.green{color:#009900;}

.search_title{font-size:1em; color:#1C2D65;}
.advSearch_text{width:400px; height:20px; border:solid 4px #A6D6EB; margin:5px 0 10px 0; padding:5px;}