body 
{
	font-size: 12px;
	font-family: Arial, verdana, Sans-Serif;
	color: #333;
	background-color: #fff;
	margin-top: 6px;
	text-align: center;
}

a
{
	color:#254e78;
	font-size:12px;
}

img
{
    border: none;
}

.clear
{
    clear: both;
    font-size: 1px;
}

h1
{
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 6px;
}

h2
{
	font-size:14px;
	margin:0px;
}

h2 a
{
	font-size:14px;
}

h3
{
	font-size:20px;
	color:#444444;
}

h4
{
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    color:#858484;
    border-bottom:1px solid #d1d1d1;
    padding-bottom:5px;
}

h5
{
    text-align: center;
    font-size: 15px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 8px;
}

h6
{
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 4px;
}

#footer
{
	margin-top: 12px;
	text-align: center;
}

#footer a
{
	font-weight: bold;
}

#topmenu
{
    border: 1px solid #fccc00;
    background: #ffcc00 url(/images/new/gradient3.gif) repeat-x;
    padding: 6px 0px 6px 0px;
    text-align: center;
    font-size: 12px;
    color: #555;
    margin: 6px 0px 0px 0px;
}

#topmenu a
{
    text-decoration: none;
    font-size: 12px;
    color: #333;
    margin:0px 10px 0px 10px;
}

#topmenu a.on
{
    font-weight: bold;
}

.pagecontent
{
	padding:5px 10px 10px 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left;
	width:778px;
}

.leftcolumn
{
	width:536px;
	float:left;
	margin:10px 0px 10px 0px;
	padding:0px;
}

.rightcolumn
{
	float:left;
	width:241px;
	margin-left:21px;
}

.rightbox
{
	text-align:center;
	margin:10px 0px 10px 0px;
	padding:10px;
	border:1px solid #ccc;
}

.newscontent
{
	float:left;
	width:500px;
}

.eventscolumn
{
	float:left;
	width:180px;
	margin-top:0px;
	padding-top:10px;
}

.eventcontent
{
	width:197px;
	border-right:1px solid #fccc14;
	border-left:1px solid #fccc14;
	border-bottom:1px solid #fccc14;
	text-align:left;
	font-size:13px;
	margin-top:-3px;
	margin-left:9px;
	padding-top:10px;
	padding-bottom:30px;
	color:#000;
	background-color:#fff;
}

.tagcloudcontainer
{
	border:1px solid #ccc;
	padding:10px;
}

.commentslogin
{
	border:1px solid #ffcc00;
	background-color:#ffff99;
	padding:5px 5px 10px 5px;
}

.commentslogin p
{
	margin:0px 0px 20px 0px;
}

.commentslogin a
{
	font-size:11px;
}

.commentsdirections
{
	list-style-type:none;
	width:140px;
}

/*Beginning Form Css*/
.formtitle
{
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 4px;
	width: 30%;
}

.formtitle span
{
	font-size: 11px;
	font-weight: normal;
}

.formtitlesmall
{
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 4px;
	width: 18%;
}

.formtitlesmall span
{
	font-size: 11px;
	font-weight: normal;
}

.formtitlelarge
{
	float: left;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 4px;
	width: 40%;
}

.formtitlelarge span
{
	font-size: 11px;
	font-weight: normal;
}

.formvalue
{
	margin-bottom: 4px;
	float: left;
}

.formvaluecheck table
{
	width: 60%;
}

.formvaluecheck
{
	padding-bottom: 10px;
}

.formvaluesubmit
{
    padding-top: 8px;
	float: left;
	text-align: left;
}

.required
{
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
}

/*Ending Form Css*/



.twocolumnfeatures
{
	float:left;
	width:185px;
	margin-top:0px;
	margin-left:104px;
}

*html .twocolumnfeatures
{
	float:left;
	margin-left:104px;
	padding-right:0px;
	width:10px;
}

#left
{
    width: 590px;
    float: left;
    margin-right: 10px;
}

#right
{
    width: 200px;
    float: left;
}

#leftcolumn
{
    width: 210px;
    float: left;
    margin-right: 10px;
}

#midcolumn
{
    width: 390px;
    float: left;
    margin-right: 10px;
}

#rightcolumn
{
    width: 170px;
    float: left;
}

.pagination
{
    text-align: center;
    margin-top: 10px;
}

#PeopleImage img
{
    width: 210px;
}

.MyFavHeadings
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 10px;
    color: #666;
    border-top: 1px solid #999;
    padding-top: 10px;
}

.MyFavSubHeadings
{
    margin: 0px 0px 5px 15px;
    color: #666;
}

.MyFavSubHeadings span
{
    font-weight: bold;
}

.subscroll
{
    width: 190px;
    height: 220px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 6px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.MyFavPeople
{
    margin-bottom: 10px;
}

.MyFavPeople img
{
    width: 50px;
    float: left;
    margin-right: 4px;
}

.MyFavBoats
{
    margin-bottom: 10px;
    margin-left: 30px;
}

.MyFavBoats img
{
    width: 50px;
    float: left;
    margin-right: 4px;
}

.MyNews ul
{
    margin: 0px 0px 0px 0px;
    padding-left: 30px;
    list-style-type: none;
}

.MyNews li
{
    padding-bottom: 4px;
    font-size: 11px;
}

.MyBlogHistory
{
    text-align: center;
    line-height: 18px;
}

.MyBlogHistory a
{
    text-decoration: none;
    color: #333;
}

.MyBlogHistory a:hover
{
    text-decoration: underline;
}

.MyWeblog
{
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}

.MyWeblogDate
{
    margin-bottom: 6px;
    font-weight: bold;
}

.MyAlbums img
{
    width: 73px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #999;
}

.MyGallery
{
    width: 630px;
    height: 100px;
    overflow: auto;
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 6px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.MyGallery img
{
    margin-right: 10px;
    border: 1px solid #999;
    width: 75px;
}

.CrewTools
{
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

.CrewTools a
{
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.CrewTools img
{
    margin-top: 4px;
}

.box
{
    border: 1px solid #fccc14;
    padding: 10px;
    overflow:auto;
}

.yellowheader
{
	height:10px;
	background-color:#ccc;
	padding:3px 10px 3px 10px;
	margin:0px;
}

.menu
{
	float: left;
	width: 180px;
}

.menuheader
{
	font-size:15px;
	font-weight:bold;
	color:#222222;
	text-align:center;
	padding-top:10px;
	padding-bottom:0px;
	width:215px;
	height:20px;
	border: none;
	background-color:#ffffff;
	border-top:1px solid #fccc14;
	border-right:1px solid #fccc14;
	border-left:1px solid #fccc14;
}

.menuheader a
{
	font-size:15px;
	font-weight:bold;
	color:#222222;
	text-align:center;
	text-decoration:none;
	background-color:#fff;
	padding:10px 40px 1px 40px;
	border-bottom:1px solid #d1d1d1;
}

.menucontent
{
	text-align:left;
	margin-top:-3px;
	width:194px;
	padding-left:0px;
	background-image:url('/images/new/featurebox_gradient.gif');
	background-repeat:repeat-y;
	padding-top:10px;
}

.menucontent2
{
	background-color:#fff;
	padding:3px 0px 10px 0px;
	border-bottom:1px solid #fccc14;
	border-right:1px solid #fccc14;
	border-left:1px solid #fccc14;
}

.menucontent li .selectedmenuitem
{
	font-weight: bold;
}

.homearticle
{
	padding:0px 0px 12px 10px;
	border-bottom:1px solid #d5d2c8;
	margin:12px auto 16px auto;
}

.homearticleimage
{
	float:left;
	width:63px;
	margin:0px 5px 0px 0px;
}

.homearticleimage img
{
	width:63px;
}

.comment
{
	padding:10px;
	margin:12px auto 5px auto;
}

.commentimage
{
	float:left;
	width:100px;
	margin:0px 5px 0px 0px;
}

.commentimage img
{
	width:100px;
}

.commentdesc
{
	width:600px;
	float:left;
	margin:0px 0px 0px 5px;
}

.homephotocredit
{
	margin:5px 0px 0px 0px;
	font-size:9px;
	width:50px;
}

.comments
{
	float:left;
	width:145px;
	margin:0px 0px 0px 10px;
	padding:10px;
	border:1px solid #d5d2c8;
}

.comments h2
{
	text-align:center;
}

.comments ul
{
	margin:8px 0px 0px 20px;
	padding:0px;
}

.comments li
{
	list-style-type:circle;
	font-size:11px;
}

.homeauthor
{
	margin: 4px 0px 4px 0px;
	font-style: italic;
}
.podcastcontent
{
	width:150px;
	margin-left:0px;
	padding-left:0px;
	margin-top:-3px;
}

.podcastheader
{
	text-align: right;
	font-weight:bold;
	margin-bottom: 10px;
	border-bottom:1px solid #d5d2c8;
	padding-bottom:10px;
	padding-right:20px;
	width:165px;
}

.myarticlesimage
{
	float:left;
	font-size:8px;
}

.myarticlesimage img
{
	width:100px;
}

.myarticlesimage div
{
	font-size:9px;
	width:100px;
}

.tabclear
{
    clear: both;
    height: 10px;
}

.tabon
{
    border-top: 1px solid #fccc14;
    border-left: 1px solid #fccc14;
    border-right: 1px solid #fccc14;
    padding: 6px;
    float: left;
    height: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.tabon a
{
    text-decoration: none;
    color: #333;
}

.tabspace
{
    border-bottom: 1px solid #fccc14;
    float: left;
    padding-top: 8px;
    text-align: right;
    width: 6px;
    height: 22px;
    margin-top: 10px;
}

.tab
{
    border: 1px solid #fccc14;
    padding: 6px;
    float: left;
    height: 17px;
    background: #fccc14 url(/images/new/gradient3.gif) repeat-x;
    margin-top: 10px;
}

.tab a
{
    text-decoration: none;
    color: #333;
}

#popupcontainer
{
	text-align: left;
	width: 90%;
	margin-top: 20px;
}

#popupcontentcontainer
{
	padding: 20px;
	border: 1px solid #000033;
	background-position: top;
}

.scroll
{
    width: 576px;
    height: 400px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 6px;
    margin-top: 10px;
}

.scrollrow
{
    border-bottom: 1px solid #ccc;
    padding-bottom:10px;
    margin-bottom: 10px;
}

.scrollrow img
{
    width: 80px;
    float: left;
    margin-right: 6px;
}

.scrollcontent
{
    float: left;
    width: 470px;
}

.scrollcontent h1
{
    font-weight: bold;
    color: #333;
    font-size: 13px;
    margin: 0px;
    padding-top:10px;
}

.scrollcontent h1 a
{
    font-weight: bold;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    margin: 0px;
}

.scrollcontent h2
{
    font-weight: normal;
    color: #666;
    font-size: 11px;
    margin: 2px 0px 0px 0px;
    text-align:left;
}

.scrollcontent h2 span
{
    font-style: italic;
}

.scrollcontent h3
{
    font-weight: normal;
    color: #666;
    font-size: 10px;
    margin: 2px 0px 0px 0px;
}


.crew th
{
    vertical-align: bottom;
    padding: 2px;
    padding-bottom:4px;
}

.crew td
{
    padding: 2px;
}

.crewauth
{
    width: 30px;
    background-color: #F1DF90;
    text-align: center;
}

.crewrole
{
    width: 30px;
    background-color: #FDF3C8;
    text-align: center;
}

.crewcheck
{
    text-align: center;
}

.tagcloudlink:hover
{
	color:#fff;
	background-color:#254e78;
}

#container
{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.articletags
{
	margin-top:6px;
	font-size:11px;
}

.articletags a
{
	font-size:11px;
}

#photostory .main
{
    margin: 10px 0px 10px 0px;
    font-style: italic;
}

#photostory .main input
{
    width: 524px;
    margin-bottom: 4px;
}

#photostory .detailscroll
{
	width: 514px;
	height: 92px;
    overflow: auto;
    white-space: nowrap;
    border: 1px solid #ccc;
    margin-top: 0px;
	padding: 4px 4px 0px 4px;
	text-align: left;
	scrollbar-3dlight-color: #f5f4ed;
	scrollbar-arrow-color: #333;
	scrollbar-highlight-color: #f5f4ed;
	scrollbar-face-color: #ccc;
	scrollbar-shadow-color: #333;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-base-color: #ccc;
}

#photostory .detailscroll img, .detailscroll input
{
	height: 60px;
	padding: 4px;
	border: 1px solid #999;
	margin-right: 4px;
}

#photostory .detailscroll img.on, .detailscroll input.on
{
	background-color: #000;
}

#photostory .caption
{
    float: left;
    width: 416px;
    margin: 0px 10px 0px 10px;
}

#photostory .arrow
{
    float: left;
    width: 44px;
}

/* Grid View */

.gridmediatitle
{
	font-weight:bold;
	color:#333;
	margin-bottom:6px;
}

.Grid
{
    border-collapse:collapse;
    background-color: white;
    border:1px solid #ccc;
}

.Grid th
{
    background: #ffcc00 url(/images/new/gradient3.gif) repeat-x;
    font-weight: bold;
    padding: 4px 2px 4px 2px;
    border-top:1px solid #ccc;
}

.Grid th a
{
    text-decoration: none;
}

.GridRow
{
    background-color: #fff;
}

.GridRowOn
{
    background-color: #f2f2f2;
}

.GridPagination
{
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
}

/* End Grid View */

/* Comments Grid View */

.GridComments
{
    border-collapse:collapse;
    background-color: white;
}

.GridComments th
{
    background: #fff;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

.GridComments th a
{
    text-decoration: none;
    font-size:14px;
}

.GridRowComments
{
    background-color: #fff;
}

.GridRowOnComments
{
	background-color: #fff;
}

.GridPaginationComments
{
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
}

/* End Grid View */


/* Boat Yard Calendar Stuff */

        #rightpanel
        {
            width: 50%;
        }

        #leftpanel
        {
            width: 50%;
        }
        
        TD.calendar_month
        {
            BACKGROUND-COLOR: #e0e0e0;
            TEXT-ALIGN: center;
        }
        TR.calendar_day
        {
            FONT-SIZE: 11px;
            COLOR: #404040;
            BACKGROUND-COLOR: #f4f4f4;
            TEXT-ALIGN: center;
        }
        TR.calendar_numbers
        {
            TEXT-ALIGN: center;
        }
        TD.calendar_numbers_highlight
        {
            FONT-WEIGHT: bold;
            BACKGROUND-COLOR: #f4f4f4;
            TEXT-ALIGN: center;
        }
        TD.calendar_numbers_highlight_today
        {
            BACKGROUND-COLOR: #f0f0f0;
            TEXT-ALIGN: center;
        }
        TABLE.discussions
        {
            BACKGROUND-COLOR: #FFFF99;
        }
        TD.discussion_item /* ALSO USED FOR CATEGORIES*/
        {
            FONT-SIZE: 10px;
            COLOR: #808080;
            BACKGROUND-COLOR: #FFFF99;
        }

        TD.discussion_item li
        {
	        margin-left: -15px;
        }

        SPAN.discussion_title
        {
            FONT-SIZE: 18px;
            font-weight: bold;
            WIDTH: 100%;
            COLOR: #404040;
            TEXT-ALIGN: center;
            letter-spacing: 1px;
            margin-left: 20px;
        }
        TABLE.contributors
        {
            FONT-SIZE: 12px;
            BACKGROUND-COLOR: #FFFF99;
            border-style: solid; 
            border-width: 10px 10px 10px 10px;
            border-color: #FFFF99; 
        }
        TD.contributors
        {
            BACKGROUND-COLOR: #ffffff;
            border-color: #404040;
            border-style: solid; 
            border-width: 2px 2px 2px 2px;
        }
        DIV.contributors_updated
        {
            FONT-SIZE: 11px;
            COLOR: #404040;
        }
        .callout {
	        background:#f0f0f0; 
	        margin: 12px 12px 12px 12px; 
	        padding: 12px 0px 12px 12px; 
	        border-style: solid; 
	        border-width: 1px 1px 1px 1px; 
	        border-color: #a0a0a0;
        }

        /* Events Table  FOR CALENDAR*/
        #events{	
	        width: 100%;		
	        font-size: 11px;		
        }
        		
        #events td.eventsHeader {
	        height: 18px;
	        font-size: 14px;		
	        font-weight: bold;		
	        border: none;
	        vertical-align: top;
	        background: #fccc14 url(/images/new/gradient3.gif) repeat-x;
	        background-position: top;
	        border: 1px solid #fccc14;
	        padding: 4px 4px 4px 4px;
        }	
        		
        #events td.eventsTitle {
	        height: 18px;
	        font-size: 14px;	
	        font-weight: bold;		
	        border: none;
	        padding: 5px 0px 0px 0px;
	        vertical-align: top;
        }

        #events td.eventsTitle span{
	        font-size: 12px;	
	        font-weight: normal;
        }	
        		
        #events td.spacerbar {
	        height: 1px;
	        background: #999;
	        padding: 0px 0px 0px 0px;
        }
        		
        #events div.eventsDateTime {
	        font-size: 11px;	
	        border: none;
	        font-weight: bold;
	        vertical-align: top;
	        margin-bottom: 10px;
        }
        		
        #events div.eventLocationClass {
	        font-size: 11px;		
	        border: none;
	        color: #333;		
	        margin-bottom: 10px;
        }
        		
        /* Boxed Table */
        #calendar{
	        width: 450px;
	        border: none;
	        font-size: 11px;		
        }
        		
        /* Weekday Label */
        #calendar td.weekday {
	        text-align: center;
	        font-size: 11px;
	        font-weight: bold;
	        height: 12px;
	        background-color: #fff;
	        color: #404040;
	        padding: 3px 3px 3px 3px;
	        border: 1px solid #d0d0d0;
        }
        		
        /* Generic Table Cell, inherited by subclasses */
        #calendar td {
	        width: 13%;
	        height: 55px;
	        vertical-align: top;
        }
        		
        #calendar td.calendarTitle {
	        background: #fccc14 url(/images/new/gradient3.gif) repeat-x;
	        background-position: top;
	        border: 1px solid #fccc14;
	        padding: 4px;
	        padding-left: 6px;
	        font-weight: bold;
	        font-size: 14px;
	        height: 18px;
	        text-align: right;
        }	
        		
        /* Cell for Day of Month */
        #calendar td.previousMonth{
	        border: 1px solid #ddd;
	        background: #f5f5f5;
        }
        #calendar td.currentMonth{
	        border: 1px solid #aaa;
	        background-color: #fffae7;
        }
        #calendar td.nextMonth{
	        border: 1px solid #ddd;
	        background: #f5f5f5;
        }

        /* Numbered Day of Month */
        #calendar td.previousMonth span.calendarDay{
	        font-size: 14px;
	        color: #aaa;
        }	
        #calendar td.currentMonth span.calendarDay{
	        color: #404040;
	        font-size: 14px;
	        font-weight: bold;
        }
        #calendar td.nextMonth span.calendarDay{
	        font-size: 14px;
	        color: #aaa;
        }
        		
        #calendar td.previousMonth span.calendarEvent{
	        font-size: 8px;
	        color: #666;
        }	
        #calendar td.currentMonth span.calendarEvent{
	        font-size: 9px;
	        color: #000;
        }
        #calendar td.nextMonth span.calendarEvent{
	        font-size: 8px;
	        color: #666;
        }

/* END Boat Yard Calendar Stuff */        

/* Sail Analysis Details Stuff */  

        .analysisrecommendation
        {
            padding: 6px;
            border-top: 1px solid #fccc14;
        }

        .analysisrecommendation div
        {
            width: 70px;
            height: 16px;
            padding: 2px;
            padding-top: 4px;
            font-weight: bold;
            text-align: center;
            float: left;
            margin-right: 4px;
        }

        .analysisrecommendation img
        {
            float: left;
            margin-right: 4px;
        }

        .analysisdate
        {
            text-align: center;
            border-top: 1px solid #fccc14;
            font-size: 13px;
        }

        .analysisdate img
        {
            padding-top: 10px;
        }

        .analysisimage
        {
            text-align: right;
            border-top: 1px solid #fccc14;
        }

        .analysisimage img
        {
            width: 74px;
            margin-top: 4px;
            border: 1px solid #333;
        }

        .replace
        {
            color: #cc0000;
            background-color: #ffdfde;
            border: 1px solid #cc0000;
        } 

        .OK
        {
            color: #006600;
            background-color: #d6ebce;
            border: 1px solid #006600;
        }  

        .fair
        {
            color: #585614;
            background-color: #fffbde;
            border: 1px solid #585614;
        }    

        .discontinue
        {
            color: #333;
            background-color: #ccc;
            border: 1px solid #333;
            font-size: 9px;
        }  

        .analysisdetail
        {
            border: 1px solid #fccc14;
            margin-top: 10px;
        }

        .analysisdetail th
        {
            background: #fccc14 url(/images/new/gradient.gif) repeat-x;
            padding: 6px 0px 6px 0px;
            padding: 4px;
        }

        tr.analysisrowon td
        {
            background-color: #fffae7;
            padding: 4px;
        }

        tr.analysisrowoff td
        {
            background-color: #fefcf5;
            padding: 4px;
        } 

        .analysissections
        {
            background-color: #999;
        }

        .analysissections th
        {
            background-color: #eee;
            padding: 4px;
        } 

        .analysisdetailitems
        {
            width: 100%;
        }
        
/* END Sail Analysis Details Stuff */