/* Start of CMSMS style sheet 'Ocean : Ocean' */
/* --------------------------------------------------
    Global
   -------------------------------------------------- */

    body
    {
        text-align: left;
        min-width: 960px;
        font-family: Helvetica, Arial, Verdana, sans-serif;
        color: #333333;
        font-size: 12px;
        margin: 0 auto;
        border: 0;
        padding: 0;


    }

/* --------------------------------------------------
    cufon - do not delete!
   -------------------------------------------------- */

    .cufon
    {
    /* nothing needed here, move along... */
    }

/* --------------------------------------------------
    Utils
   -------------------------------------------------- */
   
    dfn 
    {
	display: none;
	overflow: hidden;
    }
    .accessibility, hr 
    {
	position: absolute;
	top: -999em;
	left: -999em;
    }
    .clear
    {
	clear: both;
    }   
	.clear:after
	{
	    content: ".";
	    height: 0px;
	    visibility: hidden;
	    display: block;
	    clear: both;
	}
    
/* --------------------------------------------------
    Typography
   -------------------------------------------------- */

    p
    {	
line-height:145%;
    }

  
    h1
    {
	font-size: 1.8em;
	color: #003366;
    }
    h2
    {
	font-size: 1.6em;
	color: #003366;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #cccccc;
    }

h2.cufon
    {
	font-size: 1.3em;
	color: #cc6600;

margin:20px 0 3px 0;
padding:0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #cccccc;
    }

    h3
    {
	color: #333333;
	font-size: 1.4em;
    }

    h3.cufon
    {
	color: #ffffff; padding:0;margin:0;
	font-size: 1.5em;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	-khtml-opacity: 1.0 !important;
	opacity: 1.0 !important;
    }
   
 h4
    {
	font-size: 1.1em;
	color: #003366; margin:14px 0 4px 0; padding:0;
    }
    h5
    {
	color: #003366;
    }


h5.cufon
{
font-size: 1.1em;
	color: #003366; margin:3px; padding:0;
}

    a
    {
	color: #cc6600;text-decoration:none;
    }
    a:hover
    {color:#003366;
    text-decoration:underline;
    }
    /* Custom */
    #contentHeading h1
    {
	margin: 0;
	padding: 0;
	color: #006e8d;
    }
    /* Homepage headings */
    .boxFeaturedContentMain h2
    {
        margin-top: 0;
    }
    .boxSubContentLeft h3, .boxSubContentRight h3


    {
        margin: 0 0 2px 0; background-color:#8ca5bb; text-transform:uppercase; color:#333333;padding:4px 10px; font-size:11px; border-bottom:1px dotted #ffffff;
    }
    #footerContent a
    {
	color: #fff;
	text-decoration: none;
    }
    li
    {
	 
    }
	
/* --------------------------------------------------
    Layout
   -------------------------------------------------- */
   
    #masthead
    { 
	margin: 0 auto;
        padding: 0;
	 width: 960px;
	height: 114px;
        color: #fff;
/*
background: url(/uploads/graphics/northampton_airport_logo.png) left center no-repeat; 
*/

    }

#masthead img {border:0;margin:8px 0 0 0; float:left;}

#masthead_bg
{background: #fff url(uploads/graphics/mist.jpg) no-repeat center top; width:100%;}



        /* I know this is horrible, but Safari/Chrome are 1px out */
        @media screen and (-webkit-min-device-pixel-ratio:0)
        {
            #masthead
            {
                height: 115px;
            }
        }
        #masthead x:-moz-any-link, x:default
        {
            height: 115px;
        }
	#mastheadLeft
	{
	    float: left;
	    margin-left: 0px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
            #mastheadLeft img
            {
                border: 0;
            }
	#mastheadRight
	{
	    float: right;
	    margin-right: 10px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    padding-top: 25px;
	}

#navwrapper
{width:100%;  height:25px;padding:1px 0; margin:0;  border-width:1px; border-style:solid; border-color: #003366;background-color:#cc6600; }

    #navMain
    {
	margin: 0 auto;
	width: 960px;
    }
    #navSub
    {
        margin: 0 auto;
        width: 960px;
        height: 30px;
    }
    #contentHeading
    {
	text-align: left;
	width: 920px;
	margin: 0 auto;
        padding: 20px;
        padding-bottom: 0;
    }
    #contentWrapper
    {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
        background-color: #fff;
margin-top:8px;
    }  
    #contentMain
    {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
        background-color: #fff;
    }
    /* HACK: IE6 doubles the right margin. */
    * html #contentMain 
    {
	margin-right: 10px;
    }
    /* Full-width content page, no child pages */
    #contentMainFullWidth
    {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
    }
    /* Two column content page, no children */
    #contentLeftNoChildren
    {
        float: left;
        width: 630px;
        margin-left: 0;
        margin-top: 5px;
	margin-bottom: 20px;
        margin-right: 30px;

font-size:11px !important; font-family:verdana,helvetica,arial; line-height:150%;
    }
        /* HACK: IE6 doubles the left margin. */
        * html #contentLeftNoChildren 
        {
            margin-left: 0;
        }
    #contentRightNoChildren
    {
        float: left;
        width: 250px;
        margin-top: 10px;
	margin-bottom: 20px;
        margin-right: 20px;
font-size:11px; 
    }
        /* HACK: IE6 doubles the right margin. */
        * html #contentRightNoChildren 
        {
            margin-right: 10px;
        }
    /* Two column content page, with children */
    #contentLeftWithChildren
    {
        float: left;
        width: 480px;
        margin-top: 10px;
	margin-bottom: 20px;
        margin-right: 20px;
    }
        /* HACK: IE6 doubles the margins. */
        * html #contentLeftWithChildren 
        {
            margin-left: 0;
            margin-right: 10px;
        }
    #contentRightWithChildren
    {
        float: left;
        width: 200px;
        margin-top: 10px;
	margin-bottom: 20px;
        margin-right: 20px;
    }
        /* HACK: IE6 doubles margins. */
        * html #contentRightWithChildren 
        {
            margin-left: 10px;
            margin-right: 10px;
        }
        
/* --------------------------------------------------
    Homepage content boxes
   -------------------------------------------------- */

    .boxFeaturedContentLeft
    {
        float: left;
        width: 610px;
        margin: 0;
        border: 0;
        padding: 0;
        margin-left: 20px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
        /* HACK: IE6 doubles the left margin. */
        * html .boxFeaturedContentLeft 
        {
            margin-left: 10px;
        }
    .boxFeaturedContentMain
    {
        width: 610px;
    }
    .boxSubContentLeft
    {
        float: left;
        width: 285px;height:140px;
  /*      padding:0 10px;   */
        min-height: 15px;
        margin-right: 20px;
        margin-top: 15px;
        background: #ffffff url(/uploads/graphics/front_box_bg.jpg) repeat-x top;
overflow:hidden;
    }
    .boxSubContentRight
    {
        float: left;
        width: 285px;height:140px;
         /*      padding:0 10px;   */  
        min-height: 15px;
        margin-left: 20px;
        margin-top: 15px;
        background: #ffffff url(/uploads/graphics/front_box_bg.jpg) repeat-x top;
overflow:hidden;
    }

.boxcontent {padding: 0 10px 5px 10px; font-size:11px; line-height:135%;}

    .boxNewsRight
    {
        float: right;
        width: 290px; 
        margin: 0;
        border: 0;
        padding: 0;
        margin-left: 10px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
        /* HACK: IE6 doubles the right margin. */
        * html .boxNewsRight 
        {
            margin-right: 10px;
        }
    #footerWrapper
    {
	text-align: left;
	width: 100%;
        min-height: 60px;
	margin: 0 auto;
        border-width: 1px;
border-style: solid;
border-color: #003366;
background-color:#cc6600;
/*
        background-color: #ffcc66;
*/
    }
	#footerContent
	{
text-align:center;line-height:140%;
	    width: 940px;
            margin: 0 auto;
            padding: 10px;
	    font-size: 11px;
	}
   
/* --------------------------------------------------
    Main Navigation
   -------------------------------------------------- */
   
    #navMain ul
    {
	list-style: none;
	margin: 0;
	padding: 0;
 
    }
	#navMain li
	{
	    float: left;
	    padding: 0;
	    font-size: 11px;font-family:verdana,helvetica,arial;
	    font-weight: normal;
            background: #003366 url(uploads/graphics/main_nav_bg.jpg) repeat-x top;
            margin-right: 2px;
	}
	    #navMain li h3
	    {
		display: block;
		float: left;
		font-size: 11px;
		margin: 0;
		padding: 0 10px;
		line-height: 2.3em;
		color: #ffcc66;
		border: 0;
	    }

	    #navMain li.sectionheader h3
	    {font-weight:normal;
		display: block;
		float: left;
		font-size: 11px;
		margin: 0;
		padding: 0 10px;
		line-height: 2.3em;
		color: #ffcc33;
		border: 0;
	    }


	    #navMain li a
	    {
		display: block;
		float: left;
		text-decoration: none;
		padding: 0 8px;
		line-height: 2.3em;
		color: #ffffff; 
	    }
		#navMain li a:hover
		{
		    background: url(uploads/graphics/main_nav_bg.jpg) repeat-x bottom #003366; color:#ffffff;
		}
	    #navMain li.currentpage
	    {
		background: #fff url(uploads/graphics/main_nav_bg.jpg) repeat-x top #003366;
		color: #ffcc66;
	    }
#navMain li.sectionheader
	    {
		
		background: #fff url(uploads/graphics/main_nav_bg.jpg) repeat-x top #003366;
		color: #cccccc;
	    }
            #navMain li.activeparent
            {
                background: #fff url(uploads/graphics/main_nav_bg.jpg) repeat-x top #003366;
                color: #ffffff; font-weight:bold;
            }
                #navMain li.activeparent a
                {
                    background: #fff url(uploads/graphics/main_nav_bg.jpg) repeat-x top #003366;
                    color: #ffcc66;font-weight:bold;
                }
                    #navMain li.activeparent a:hover
                    {
                        background: #fff url(uploads/graphics/main_nav_bg.jpg) bottom repeat-x #003366;
                        color: #ffcc66;font-weight:bold; 
                    }



/* --------------------------------------------------
    Sub Navigation
   -------------------------------------------------- */

    #navSub ul
    {
        list-style: none;
	margin: 0;
	padding: 0; 
        margin-top: 6px;
        float: left;font-family:arial,helvetica;
    }
        #navSub li
	{padding: 0 0 0 2px;
border-left:2px solid #cc6600; 
	    float: left;
	    
	    font-size: 10px;
            margin-right: 10px;
            font-weight: bold;
	}
            #navSub li a
            {
                text-decoration: none;
                color: #003366;
            }
                #navSub li a:hover
                {
                    text-decoration: underline;color:#ffcc66;
                }
            #navSub li h3
	    {
		display: block;
		float: left;
		font-size: 10px;
		margin: 0;
		padding: 0;
		color: #999999;
		border: 0;
                text-decoration: none;
	    }

/* --------------------------------------------------
    Tables
   -------------------------------------------------- */
   
    table
    {
 /*       border: 1px solid #c2d2e9; */
        background-color: #ffffff;
        font-size: 1.1em;
        border-collapse: collapse;
    }
	.cellHeading
	{
	    text-align: left;
	    border: 0;
	    color: #000;
	    background-color: #dfe8f6;
	    font-weight: bold;
	}
	td
	{
	    text-align: left;
/*	    border: 1px solid #c2d2e9; */
	}
	.cellBold
	{
	    color: #1f437c;
	    font-weight: bold;
	    background-color: #dfe8f6;
	}
	.cellAlt
	{
	    background-color: #f6f9fe;
	}
	.cellAlignCentre
	{
	    text-align: center !important;
	}

/* --------------------------------------------------
    Forms
   -------------------------------------------------- */

    input
    {
	background: #f5f5f5 url(uploads/Ocean/bg_form.gif) repeat-x top left;
/*	border: 1px solid #e3e3e3; */
	padding-left: 5px;
	margin-bottom: 6px;
    }

TEXTAREA {WIDTH:400PX; height:150px;}

/* --------------------------------------------------
    Search
   -------------------------------------------------- */

    .search-input
    {
	margin: 0 3px;
    }
    .search-button
    {
	margin: 0 3px;
    }

#search

{padding: 3px 0; margin:3px 0;border:1px solid red;
	border-bottom: dotted 1px #cccccc; text-align:center;
}

/* --------------------------------------------------
    News
   -------------------------------------------------- */
   
    /* Summary */
    .NewsSummary
    {
	margin-bottom: 5px;
        border-bottom: 1px dotted #cccccc;
    }
        /* Homepage */
        .boxNewsRight .NewsSummary
        {
            padding: 10px;
        }
	.NewsSummaryPostdate
	{
	    color: #666;   
	}
	.NewsSummaryLink
	{
	    font-size: 1.2em;
	}
	.NewsSummaryCategory
	{
	    color: #666; 
	}
	.NewsSummaryAuthor
	{
	    color: #666; 
	}
	.NewsSummarySummary
	{
	    font-size: 1em;
	    line-height: 0;
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.NewsSummaryContent
	{
	    font-size: 1.2em;
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.NewsSummaryExtra
	{
	    
	}
	.NewsSummaryField
	{
	    
	}
    /* Detail */
    .NewsPostDetailDate
    {
	
    }
    h3.NewsPostDetailTitle
    {
	
    }
    hr.NewsPostDetailHorizRule
    {
	
    }
    div.NewsPostDetailCategory
    {
	
    }
    div.NewsPostDetailAuthor
    {
	
    }
    div.NewsPostDetailContent
    {
	
    }
    div.NewsPostDetailExtra
    {
	
    }
    div.NewsPostDetailPrintLink
    {
	
    }
    div.NewsPostDetailReturnLink
    {
	
    }
    div.NewsDetailField
    {
	
    }
    
/* --------------------------------------------------
    NEWS
   -------------------------------------------------- */

.news_story {line-height:13px;}

.news_photo_caption {width:250px;font-size:90%; margin:3px auto; color:#666666; line-height:130%;}

.news_summary {font-size:11px; font-family:arial,helvetica; line-height:130%; color:#333333; margin-bottom:8px;}

.news_photo {float:right; margin:3px; border:1px solid #cccccc; padding:1px;text-align:center;}
.news_photo img {margin:0 auto; border:0px solid #999999; padding:0;}

.news_photo_milestones {float:left; margin:0 15px 3px 0; border:1px solid #cccccc; padding:1px;text-align:center;}
.news_photo_milestones img {margin:0 auto; border:0px solid #999999; padding:0;}

.news_photo_detail {float:right; margin:10px; padding:1px;text-align:center; width:280px;}
.news_photo_detail img {margin:0 auto; border:1px solid #cccccc; padding:0;}

.news_summarytext {}

.news_summary {}

.news_summarylink {font-size:12px; font-weight:bold;}

.blog_summarylink {font-size:12px; font-weight:bold; margin-bottom:6px;}

ul.headlines {margin:6px; list-style-type:square;}
ul.headlines {margin-left:20px; list-style-type:square;padding:2px 0;}

.youtube500 {margin:25px auto; clear:both; width:510px;}

.news_announcement 
{border:1px solid #993300;background-color:#ffffcc; padding:6px; font-size:13px; font-family:verdana,helvetica; margin:10px auto; width:800px;}

.news_announcement_internal
{border:1px solid #993300;background-color:#ffffcc; padding:6px; font-size:11px; font-family:verdana,helvetica; margin:10px 5px; }

/* RIGHT CONTENT LINK COLOR */

#contentRightNoChildren a:link {text-decoration:none;color: #003366;}
#contentRightNoChildren a:hover {text-decoration:underline !important; color:#cc6600 !important;}
#contentRightNoChildren a:visited {text-decoration:none; color: #003366;}

.boxNewsRight a:link {text-decoration:none;color: #003366;}
.boxNewsRight a:hover {text-decoration:underline !important; color:#cc6600 !important;}
.boxNewsRight a:visited {text-decoration:none; color: #003366;}



/* ROTATOR LINK COLOR */

#featuredContent a:link {text-decoration:none;color: #003366;}
#featuredContent a:hover {text-decoration:underline !important; color:#333333 !important;}
#featuredContent a:visited {text-decoration:none; color: #003366;}


/* for weather page */
.noaaWeatherIcon  {float:left; margin:2px 10px; border:1px solid #666666;}



/* MISC */

.smaller {font-size:80%;}

.contentgallery {margin:25px auto;}

.hidden
{visibility: hidden;}

ol.faqs li {margin-bottom:10px;}
.albumcenter {margin:0 auto;}

.contentimage {float:left; margin:2px 4px; border:1px solid #666666;}

.contentimageright {float:right; margin:5px 10px; border:1px solid #666666;}

.contentimagebordered {margin:10px; border:1px solid #666666;}
.contentimagebordered2 {margin:2px 10px;border:1px solid #666666;}

.contentimageborder {border:1px solid #666666;padding:2px;}
.contentimagecontainer {float:right; width:314px; margin:5px 0 10px 10px; text-align:center;}
.contentimagecontainer img {border:1px solid #666666;}
.contentimagetext {padding:4px 8px; font-size:10px; color:#666666;text-align:center;}

.introduction {margin:10px 0; font-size:13px; color:#333333; padding:5px; border:3px double #cccccc;}

.fp_learnmore {clear:both; margin-top:6px; text-align:right; font-size:90%;}
.fp_learnmore A:link {border:1px solid #8ca5bb;padding:1px 3px; color:#cc6600;background-color:#ffffff;text-decoration:none;}
.fp_learnmore A:visited {border:1px solid #8ca5bb;padding:1px 3px; color:#cc6600;background-color:#ffffff;text-decoration:none;}
.fp_learnmore A:hover {border:1px solid #8ca5bb;padding:1px 3px; color:#ffffff;background-color:#cc6600;text-decoration:none;}

/*
.weatherbox {width:185px; overflow:hidden;}
.weatherbox A {color:#cc6600;} 
.weatherbox img {display:none;}
*/

.weatherbox .rsstitle {font-weight:bold;}
.weatherbox .rsstext {display:none;}
.weatherbox .noaaWeatherIcon {display:none;}

.weatherbox UL {margin:0 0 0 100px; padding:0; list-style-type:square; line-height:14px; position:relative;}
.weatherbox li {padding:0; margin:0 0 0 0;}

/* for plane pages */
.itemheader {font-size:13px; margin:7px 0;}

.itemspecial {background: #ffffff url(/uploads/graphics/front_box_bg.jpg) repeat-x top; padding:3px 5px; color:#000000; border:1px solid #cc6600;}

.itemspecialheader {margin:2px; font-size:18px; color:#ffcc66; padding:0; background-color:none; font-weight:bold; font-family:verdana,helvetica;}

.itemnotes {font-size:105%; margin:10px 0;}
.item_photos {margin:10px; border:1px solid #dddddd; padding:1px; width: 99%; height:300px;}
.item_thumbnails {float:right; margin:10px;}

.itemspecsleft {float:left; margin:6px 30px 0 0;width:300px;}
.itemspecsright {position:relative; margin:6px 0 0 0; }

.item_description {margin:10px 0; font-size:115%;}
.item_checkout {padding:5px; margin-top:10px;}


/* SPECIAL SCHEDULING LINK TREATMENT */
.schedule {text-transform: uppercase; font-weight:normal;}

/* WEB CAM FEATURE BOX */
.webcambox {position:relative;width:240px; height: 155px; margin:0 auto; text-align:center;}
.webcambox img {border:1px solid #666666; }
.webcamenlarge {width:90px;position:absolute;right:15px; 
top:5px; background-color:#333333; border:1px solid #ffffff; padding:1px; color:#ffffff; font-size:10px; font-family:arial,helvetica;}
.webcamenlarge A:link, 
.webcamenlarge A:hover,
.webcamenlarge A:visited {color:#ffffff !important; text-decoration:none !important;}


/*  RATINGS TABLE */

.ratingtable {font-size:11px; margin-top:5px; border:1px solid #990000;}

.ratingtable TR { border:1px solid #990000;}

.ratingtable TD {text-align:center;padding:2px;}
.ratingcount {font-weight:bold; font-size:12px;margin-bottom:3px; color:#660000;}
.ratingstitle {background-color:#dddddd; margin-top:1px; padding:1px; color;#000000;  color:#666666;}

/** DIV TABBER **/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none; overflow:hidden; 
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:20px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #cccccc;
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{ font-weight:normal;
 padding: 3px 0.5em;
 margin-right: 2px;
 border: 1px solid #cccccc;
 border-bottom: none;
background-color: #efefef;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #cc6600 !important; }
ul.tabbernav li a:visited { color: #cc6600 !important; }

ul.tabbernav li a:hover
{
 color: #003366  !important;
background-color: #ffffff;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000 !important;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:15px 4px;
 border:1px solid #cccccc;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
height:320px;


 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

  overflow:hidden; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/** END DIV TABBER **/


/** SOCIAL BOOKMARKS **/
.socialbookmarks {clear:both;MARGIN:30PX AUTO 10px AUTO; PADDING:3PX 10px; WIDTH:300PX; FONT-SIZE:12PX; color:#ffffff; text-align:center; BORDER:1PX SOLID #4c6e93;  background-color:#cc6600; }

.socialbookmarks img {border:0;}

/** CALENDAR **/
.calendaritem {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #cccccc;}
/* End of 'Ocean : Ocean' */