/* Northern Vision © 2010 www.ph-creative.com */

/* Global Styles */
body { margin:0px;padding:0px;font:normal normal 12px/135% Tahoma, Arial, Helvetica, Sans-Serif; color:#000; background: #f5f5f5; }
table,tr,td { border:0px none;border-collapse:collapse;border-spacing:0px;margin:0px;padding:0px; }

#top { height: 170px; background: #015289;}
    #top .top { height: 170px; margin: 0 auto; width: 940px; background: url(../builtin/top.gif) no-repeat left top;}
        #logo {width: 217px; height: 83px; margin: 0px; float: left; position: relative; top: 25px; left: 4px;}
            #logo a {width: 217px; height: 83px; display: block; cursor: pointer; text-decoration: none;}
            #logo span, #logo h1 { text-indent: -9999px; margin: 0;}
        #search { margin: 0px; width: 258px; float: right; height: 25px; position: relative; top: 119px;}
            #search .Phuse_Search_TextQuery {float: left; background: #fff; width: 202px; height: 20px; border: none; color: #666666; font-size: 11px; padding: 5px 10px 0px; font-family: Arial, Sans-Serif;}
            #search .Phuse_Search_Button {background: url(../builtin/search_btn.gif) no-repeat left top; width: 27px; height: 25px; border: none; cursor: pointer; text-indent: -9999px; float: right;}
#navigation { height: 50px; background: #003559; margin-bottom: 14px;}
    #navigation .navigation { height: 50px; margin: 0 auto; width: 940px;}   
        table.NavigationMenu { border-left: 1px solid #015289;} 
                table.NavigationMenu a { font-weight: bold; text-decoration: none; display: block; } 
                .MainMenuItem_Normal {}
                .MainMenuItem_Normal a { display: block; color: #f5f5f5; padding: 17px 10px 0px 11px; background: #003559; border-left: 1px solid #001829; border-right: 1px solid #015289; height: 33px;}
                .MainMenuItem_Normal a:hover {}
                .MainMenuItem_Over { }
                .MainMenuItem_Over a { display: block; color: #003559; padding: 17px 10px 0px 11px; background: #f5f5f5; border-left: 1px solid #001829; border-right: 1px solid #015289; height: 33px;}
                .MainMenuItem_Over a:hover {color: #003559;}
#container { width: 992px; margin: 0 auto;}
    #container .container {background: url(../builtin/content_bg.gif) no-repeat left top; width: 940px; padding: 26px; min-height: 390px;}
        #mast { width: 940px; height: 134px; border-bottom: 1px solid #b8b8b8; margin-bottom: 19px;}
            #mast img { float: left;}
        #content {background: url(../builtin/divide.gif) repeat-x left top; width: 940px; padding-top: 22px;}
            .content {background: url(../builtin/content_divide.gif) repeat-y left top; width: 940px;}
                .content_left {width: 620px; float: left;}
                .content_right {width: 280px; float: right;}
                #home #content .bottom {background: url(../builtin/divide.gif) repeat-x left bottom; width: 940px; height: 2px; padding-top: 19px;}
                
                #home .content_left {width: 460px; float: left;}
                #home .content_right {width: 440px; float: right;}
                #home .content {background: url(../builtin/home_content_divide.gif) repeat-y left top; float: left; width: 940px;}
                
                .home_bottom { margin: 19px 0 0; background: url(../builtin/content_divide.gif) repeat-y left top; width: 940px; }
                    .home_bottom_left {width: 620px; float: left; }
                        .home_bottom_left h2 { position: relative; padding-top: 8px; padding-bottom: 22px;}
                    .home_bottom_right {width: 280px; float: right;}
                        .home_bottom_right h2 { margin-top: 7px;}
                    .home_bottom_right .mm_form { display: none;}
                
                #contact .content { background: none;}
                #contact .content_right {width: 300px; float: right;}
                .resources { font-size: 11px; color: #333333; background: url(../builtin/divide.gif) repeat-x left top; float: left; width: 617px; margin: 4px 0 0; padding: 20px 0 0 3px;}

#footer {height: 122px; background: #163759; clear: both; overflow: hidden; font-size: 11px;}
    #footer .footer {height: 122px; margin: 0 auto; width: 937px; padding: 0 0 0 5px;}
        #footer .footer .details {margin-right: 70px; float: left; height: 100px; margin-top: 20px;}
            #footer .footer .details p, #footer .footer .details a { margin: 0; color: #fff; text-decoration: none;}
                #footer .footer .details a:hover { text-decoration: underline;}
        #footer .footer .social_bookmarks { width: 281px; height: 59px; float: right; position: relative; top: 30px;}
            #footer .footer .social_bookmarks ul { float: right; list-style: none; margin: 0; padding: 0;}
                #footer .footer .social_bookmarks a {width: 61px; height: 59px; display: block; text-indent: -9999px; text-decoration: none;}
                #footer .footer .social_bookmarks li { width: 61px; height: 59px; background: red; float: left; margin-left: 12px;}
                    #footer .footer .social_bookmarks .facebook {background: url(../builtin/social_bookmarks.gif) no-repeat left top;}
                    #footer .footer .social_bookmarks .twitter {background: url(../builtin/social_bookmarks.gif) no-repeat -73px 0;}
                    #footer .footer .social_bookmarks .youtube {background: url(../builtin/social_bookmarks.gif) no-repeat -146px 0;}
#base {height: 38px; clear: both; font-size: 11px;}
    #base .base {height: 29px; margin: 0 auto; width: 937px; padding: 9px 0 0 5px; color: #005288;}
        #base .base p { margin:0;}
        #base .base a { color: #005288; font-weight: bold; text-decoration: none;}
        
        
        .Phuse_SiteMap_UL { list-style: none;}
            .Phuse_SiteMap_UL .Phuse_SiteMap_LI {}
                .Phuse_SiteMap_UL .Phuse_SiteMap_LI a {}
        
/* Header Styles */

h2 { font-family: Georgia; font-size: 24px; margin: 0 0 4px; background: url(../builtin/divide.gif) repeat-x left bottom; padding-bottom: 19px; font-weight: normal; color: #003459; line-height: 24px;}
h3 { color: #333333; font-weight: bold; font-size: 14px;}

/* Text Styles */
.content_left p, ol li { line-height: 150%; padding-bottom: 6px;}

/* Link Styles */
a { color: #005288; text-decoration:underline;outline:none; }
a:hover { text-decoration:none;}

/* Image Styles */
a img { border:0px; }

/* Panel Styles */

/* Feed Styles */

.events {}
.events_feed { height: 655px; width: 620px; overflow: hidden; padding: 0; margin: 0; position: relative; top: -4px;}
    .events_feed .events_item { width: 620px; height: 102px; background: url(../builtin/divide.gif) repeat-x left bottom; padding: 19px 0 10px; overflow: hidden;}
    .events_feed .events_item a { display: block; float: left; cursor: pointer; text-decoration: none;}
    .events_feed .events_item .image { float: left; border: 1px solid #d8d8d8; background: #fff; width: 100px; height: 82px; padding: 3px 4px; margin: 0 11px 0 0; overflow: hidden;}
        .events_feed .events_item .image .pic {background: url(../builtin/image_bg.gif) no-repeat left top; width: 100px; height: 82px; overflow: hidden; text-align: center;}
        .events_feed .events_item .image img {float: left; width: 125%; }
    .events_feed .events_item .date { color: #333333; font-size: 11px; font-weight: bold; position: relative; top: -2px; padding-bottom: 7px;}    
    .events_feed .events_item .title { color: #005288; font-size: 14px; font-weight: bold; height: 12px; overflow: hidden; padding-bottom: 6px; margin-bottom: 4px;}
    .events_feed .events_item .desc {color: #333333; font-size: 11px; height: 49px; overflow: hidden;}

.news {}
.news_feed { height: 655px; width: 620px; overflow: hidden; padding: 0; margin: 0; position: relative; top: -4px;}
    .news_feed .news_item { width: 620px; height: 102px; background: url(../builtin/divide.gif) repeat-x left bottom; padding: 19px 0 10px; overflow: hidden;}
    .news_feed .news_item a { display: block; float: left; cursor: pointer; text-decoration: none;}
    .news_feed .news_item .image { float: left; border: 1px solid #d8d8d8; background: #fff; width: 100px; height: 82px; padding: 3px 4px; margin: 0 11px 0 0; overflow: hidden;}
        .news_feed .news_item .image .pic {background: url(../builtin/image_bg.gif) no-repeat left top; width: 100px; height: 82px; overflow: hidden; text-align: center;}
        .news_feed .news_item .image img {float: left; width: 125%;}
    .news_feed .news_item .date { color: #333333; font-size: 11px; font-weight: bold; position: relative; top: -2px; padding-bottom: 7px;}    
    .news_feed .news_item .title { color: #005288; font-size: 14px; font-weight: bold; height: 12px; overflow: hidden; padding-bottom: 6px; margin-bottom: 4px;}
    .news_feed .news_item .desc {color: #333333; font-size: 11px; height: 49px; overflow: hidden;}
    .content_left .news .rss { display: none;}

.paging { height: 19px; padding: 0; float: right; font-size: 11px; background: #f5f5f5; width: 100%; text-align: right; position: relative; top: 15px; margin-bottom: -8px;}
.paging strong { font-weight: normal;color: #333333; }
.paging span { border: 1px solid #d8d8d8; color: #015289; text-align: center; padding: 2px 5px; margin-left: 5px; cursor: pointer;}
.paging .active {border: 1px solid #d8d8d8; color: #333333; text-align: center; padding: 2px 5px; margin-left: 5px; cursor: pointer; background: #d8d8d8; }

.content_right .news {}
.content_right .news_feed { height: 290px; width: 280px; padding: 0; margin: 11px 0 0; position: relative; top: 0px; overflow: hidden;}
    .content_right .news_feed .news_item { width: 276px; height: 33px; background: url(../builtin/divide.gif) repeat-x left bottom; padding: 11px 2px 14px; overflow: hidden;}
    .content_right .news_feed .news_item a { display: block; float: left; cursor: pointer; text-decoration: none;}
    .content_right .news_feed .news_item .image {display: none;}
    .content_right .news_feed .news_item .date { color: #333333; font-size: 11px; font-weight: bold; position: relative; top: -5px; padding-bottom: 0px;}    
    .content_right .news_feed .news_item .title { color: #005288; font-size: 12px; font-weight: bold; height: 12px; overflow: hidden; padding-bottom: 4px; margin-bottom: 0px;}
    .content_right .news_feed .news_item .desc { display: none;}
    .content_right .news .rss { float: right; position: relative; top: -10px;}
    
#home .news {margin: 0;}
#home .news_feed { height: 553px; width: 440px; overflow: hidden;}
    #home .news .rss { float: right; width: 35px; height: 34px; position: relative; top: -10px; }
    #home .news_feed .news_item { width: 440px; height: 102px; background: url(../builtin/divide.gif) repeat-x left bottom; padding: 9px 0 0; overflow: hidden;}
    #home .news_feed .news_item a { display: block; float: left; cursor: pointer; text-decoration: none;}
    #home .news_feed .news_item .image { float: left; border: 1px solid #d8d8d8; background: #fff; width: 100px; height: 82px; padding: 3px 4px; margin: 0 11px 0 0; overflow: hidden; display: block;}
        #home .news_feed .news_item .image img { float: left; }
    #home .news_feed .news_item .date { color: #333333; font-size: 11px; font-weight: bold; position: relative; top: -2px; padding-bottom: 7px;}    
    #home .news_feed .news_item .title { color: #005288; font-size: 14px; font-weight: bold; height: 12px; overflow: hidden; padding-bottom: 6px; margin-bottom: 4px;}
    #home .news_feed .news_item .desc {color: #333333; font-size: 11px; height: 32px; overflow: hidden;display: block;}
    


.gallery_feed {float:left; width: 100%;}
    .gallery_feed .gallery_item { float: left; margin-bottom: 15px; margin-right: 15px; }  
    .gallery_feed .gallery_item a { font-weight: bold; text-decoration: none; cursor: pointer;}
        .gallery_feed .gallery_item .image {float: left; border: 1px solid #d8d8d8; background: #fff; width: 120px; height: 120px; padding: 9px; overflow: hidden; }
        .gallery_feed .gallery_item .image .pic { background: #f5f5f5; width: 120px; height: 120px; overflow: hidden; text-align: center;}
        .gallery_feed .gallery_item img {float: left; width: 100%; }
        .gallery_feed .gallery_item .title {background: url(../builtin/divide.gif) repeat-x left bottom; height: 30px; padding: 7px 0 0;}
        .content_left .gallery_feed .gallery_item .title { display: none;}
        .content_right .gallery_feed .gallery_item .image { display: none;}
        .content_right .gallery_feed { margin: 6px 0 0;}
            .content_right .gallery_feed .gallery_item {width: 100%; margin: 0px; }
 

/* Form Styles */

.mm_form { overflow: hidden;}

#home .content_left .mm_form { background: #003359 url(../builtin/mm_form_bg.gif) no-repeat 20px 20px; padding: 79px 20px 0; width: 420px; height: 88px;}
    #home .content_left .mm_form p { color: #fff; margin: 0;}
    #home .content_left .mm_form  table { width: 100%; margin: 0px; position: relative; top: 0px;}
    #home .content_left .mm_form  .label { display: none;}
    #home .content_left .mm_form  .input input { width: 308px; height: 20px; border: none; background: #fff; font-size: 11px; color: #666666; font-family: Arial; padding: 5px 10px 0;}
    #home .content_left .mm_form  .input .SubmitButton {background: url(../builtin/sign_up_btn.gif) no-repeat left top; width: 82px; height: 25px; text-indent: -9999px; position: relative; float: right; top: -25px; cursor: pointer;}
 
.content_right .mm_form { background: #003359 url(../builtin/mm_form_bg_right.gif) no-repeat 20px 20px; padding: 100px 20px 0; width: 240px; height: 150px; margin-bottom: 26px;}
    .content_right .mm_form p { color: #fff; margin: 0; font-size: 11px;}
    .content_right .mm_form  table { width: 100%; margin: 0px; position: relative; top: 21px;}
    .content_right .mm_form  .label { display: none;}
    .content_right .mm_form  .input input { width: 220px; height: 20px; border: none; background: #fff; font-size: 11px; color: #666666; font-family: Arial; padding: 5px 10px 0;}
    .content_right .mm_form  .input .SubmitButton {background: url(../builtin/sign_up_btn.gif) no-repeat left top; width: 82px; height: 25px; text-indent: -9999px; position: relative; float: right; top: 10px; cursor: pointer;}
 
#contact .mm_form { background: #003359; padding: 10px 0 20px 20px; width: 600px; height: 285px; margin-bottom: 31px;} 
#contact .mm_form .MMDataCaptureForm_FieldTD { float: left;} 
#contact .mm_form .MMDataCaptureForm_FieldTD .MMDataCaptureForm_LabelTD { color: #fff; font-size: 11px; font-weight: bold; height: 20px; padding-top: 9px;}  
#contact .mm_form .MMDataCaptureForm_Input { background: #fff; border: none; width: 260px; height: 20px; padding: 5px 10px 0; margin-right:20px; margin-top: 2px;} 
#contact .mm_form textarea { background: #fff; border: none; width: 560px !important; height: 87px !important; padding: 5px 10px !important; margin-right:0px !important; color: #666666; font-size: 11px; font-family: Arial, Sans-Serif;}
#contact .mm_form input {color: #666666; font-size: 11px; font-family: Arial, Sans-Serif;}
#contact .mm_form .MMDataCaptureForm_SubmitButton {background: url(../builtin/sign_up_btn.gif) no-repeat top left; border: none; width: 82px; height: 25px; cursor: pointer; margin-top: 17px; float: right; margin-right: 20px;}

/* Misc Styles */

#breadcrumb { font-size: 11px; color: #333333; padding-bottom: 21px; position: relative; top: -3px; left: 2px; }
#breadcrumb h1 {text-indent: 0px; margin: 0;}
#breadcrumb a {text-decoration: none; font-size: 11px; display: inline; font-weight: normal;}  
#breadcrumb a:hover {text-decoration: none; color: #005287;}
#breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header {display: inline; font-size: 11px; }
#breadcrumb .Phuse_Breadcrumb_CurrentPage_Header_Link { color: #333333; font-weight: normal;}
#breadcrumb .Phuse_Breadcrumb_Home_Link{color: #005287; font-weight: normal; text-decoration: underline;}
#breadcrumb .Phuse_Breadcrumb_Link {color: #005287; font-weight: bold;}

.map { width: 298px; background: #fff; border: 1px solid #d8d8d8; padding: 9px 0; margin: 15px 0 3px;}
#googleMap {width: 280px; height: 210px; margin: 0px auto 0px auto; padding: 0px;}
#googleMap a, #googleMap span {display: none;}

.event_countdown {width: 280px;}
.event_countdown p { font-weight: bold; font-size: 14px; position: relative; margin: 0; top: 100px; padding-bottom: 3px;}
.event_countdown a { text-decoration: none;}
#defaultCountdown { margin-top: 21px; position: relative; left: 5px;}

.liverpoolFeed, .manchesterFeed, .nottinghamFeed, .osloFeed, .marbellaFeed { display: none;}
#liverpoolFeed, #manchesterFeed, #osloFeed, #marbellaFeed { display: none;}

.site_links {width: 620px; height: 60px; margin: 20px 0 0;}
.site_links ul { list-style: none; margin: 0; padding: 0;}
    .site_links li { float: left; color: #fff; font-weight: bold; background: url(../builtin/site_links_bg.gif) repeat-x top left;  height: 60px; cursor: pointer;}
        .site_links li span {border-left: 1px solid #001829; border-right: 1px solid #015289; display: block; padding: 16px 34px 17px 33px;}
    .site_links li:hover { background: url(../builtin/site_links_bg_over.gif) no-repeat center top;}
    .site_links .arrow_on { background: url(../builtin/site_links_bg_over.gif) no-repeat center top;}
    
.site_feeds {width: 620px; clear: both; }
.site_feeds .item {background: url(../builtin/divide.gif) repeat-x left bottom; padding: 10px 0;}
    .site_feeds .item .date { font-weight: bold; margin-bottom: 10px;}
    .site_feeds .item .title { font-size: 16px; margin-bottom: 10px;}
    .site_feeds .item a { text-decoration: none; font-weight: bold;}


.search_results_pane {}
    .search_results_pane h4 { font-weight: normal;}
        .search_results_pane h4 strong { color: #005287; font-weight: bold;}
        
        .results {}
            .search_result_item {background: url(../builtin/divide.gif) repeat-x left top; height: 114px; overflow: hidden; padding-top: 17px;}
            .search_result_item h3 { margin: 0;}
            .search_result_item p { height: 52px; overflow: hidden;}
            .search_result_item a { text-decoration: none;}
            
            .search_return {background: url(../builtin/divide.gif) repeat-x left top; padding-top: 8px;}
                .search_return p { margin: 0;}
            .search_count {float: left;}
            .search_results_pane .pages {float: right; padding-bottom: 5px; padding-top: 3px;}
                .pages a {border: 1px solid #d8d8d8; color: #015289; text-align: center; padding: 2px 5px; margin-left: 5px; cursor: pointer; text-decoration: none;}
                .pages a:hover {border: 1px solid #d8d8d8; color: #333333; text-align: center; padding: 2px 5px; margin-left: 5px; cursor: pointer; background: #d8d8d8; }
                
                
.calendar { min-height: 215px; margin: 23px 0 0; width: 100%;}

/* Twitter */
.latest_twitter { clear:both; padding:70px 20px 20px 20px; width:400px; background:url(../builtin/twitter_bkgd.jpg) no-repeat top left; position:relative; top:50px; *top:103px; }
#twitter {  clear:both;  color:#000; }
#twitter_update_list, .tweet_list { list-style:none; padding:0; margin:0; }
#twitter_update_list li, .tweet_list li { padding-bottom:10px;}
#twitter_update_list li a, .tweet_list li a { color:#0094d2;}
