@charset "utf-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, 
h2, h3, h4, h5, h6, pre, form, fieldset, 
input, p, blockquote, th, td { margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }  

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Adjusts table borders */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html{text-align:center;}
body{position:relative;min-width:40em;max-width:1100px;margin:0 auto;padding:0;font: 76%/1.15 arial,sans-serif;text-align:left; background:#8488de url(images/nyc-page-gradient.jpg) repeat-x;behavior:url("csshover.htc");border-left:1px solid #c66;border-right:1px solid #c66;}
img { behavior: url(iepngfix.htc); } /* gets transparent PNG's to work  */
p{margin:0 10px;padding:0 0 10px 0; }/*10px */
a{color: #006;}/*  display:block;color: #006;padding:10px  */
h1{font-size:1.6em;color:#006;}
h2{font-size:1.4em;color:#c66;}
h3{font-size:1.3em;color:#c66;}
h4{font-size:1.2em;color:#c66;}
h5{font-size:1.1em;color:#c66;}
h6{font-size:1.0em;font-weight:bold;;color:#c66;}
strong {font-weight:bold;}
em {font-style:italic;}
div#container {background:#10147e url(images/horizontal-background-9395c9.jpg) repeat-y 31% 0}
div#header{position:relative;height:204px;background:#fff url(images/nyc-header-left-bkgd.gif) no-repeat} /*margin-bottom:10px;  */ 
div#photo-header {height:130px;margin:0;padding:0 0 0 193px;background:#fff;text-align:right;overflow:hidden;}
div#photo-header img {margin:0 0 0 2px}
div#header h1{height:130px;line-height:120px;margin:0;color:#33d;text-align:center;background:transparent url(images/nyc028_140.jpg) no-repeat top right;}
div#logo{position:absolute;top:0;left:0;background:transparent url(images/nyc-logo-transparent_2010.gif) no-repeat 0 0;width:300px;height:204px;z-index:100;}
div#member-nav {height:37px;text-align:right;background-color:#10147e}
div#mainmenu {height:37px;text-align:right;list-style:none;background-color:#10147e;}
div#mainmenu ul {z-index:120;}
div#main-content p, div#sub-content p{line-height:1.4}
div#footer{background:#10147e;color:#66f;height:4em;margin:0;padding:10px 0 0 0;	text-align: center;
	font-size: .75em;}
div#footer p{padding:0;margin:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#wrapper{float:right;width:100%;margin:0 0 0 -305px ;padding:0;}
/* div#wrapper{float:right;width:100%;margin:0 -28% 0 0 ;padding:0;} */
/* div#content, div#sub-content{margin:0 28% 0 0;} */
div#content, div#sub-content{margin:0 0 0 305px;}  /* was 305 */
div#main-content {margin:20px 0 0}
div#main-content h1{margin:1.0em 0}
div#main-content h2{margin:1.0em 0}
div#main-content h3{margin:1.0em 0}
div#main-content h4{margin:1.0em 0}
div#main-content h5{margin:1.0em 0}
div#main-content h6{margin:1.0em 0}

div#navigation{float:left;width:300px}  /* was 305  */
/*  div#navigation{float:left;width:28%}  */
div#login {margin:10px;padding:0}
/* div#extra{float:right;clear:right;width:38%}  currently unused  */
div#footer{clear:both;width:100%;}
div#copyright {margin:10px 10px;}
.footermenu {float:right}

div.breadcrumb {margin:-14px 0 20px 0}

/* gutters  */
div#content .gutter, div#subcontent .gutter {padding:25px;}
div#navigation .gutter, div#extra .gutter {margin:25px 10px 0;}

/*  boxes (right)  */

.box {width:271px;margin:0 0 20px 0;padding:0 0 12px 0;font-size:90%;line-height:1.5em;color:#666;background:#fff url(images/nyc-left-corner.gif) no-repeat}
.box h3 {margin:0;padding:12px;font-size:140%;font-weight:700;color:#c33;}
.box ul {margin:0 1.0em;font-weight:700}
.box ul ul {margin:0.25em 1em 1em}

/* suckerfish  */
.sfish a {font-weight: bold;color: #efefef;text-decoration: none;}
.sfish a:hover {text-decoration:underline;}

/* main horizontal menu  */

#mainmenu a {font-weight:700;color: #efefef;text-decoration: none;display:block;}
#mainmenu a:hover {text-decoration:underline;}

#mainmenu ul, #member-nav ul {   /* floats total UL to right of div */
	float:right;margin:10px 20px 0 0;
}
div#mainmenu ul {z-index:120;position:absolute; right:0;}
#mainmenu ul li, #member-nav ul li {
	width:10.0em;
	text-align:center;
	float:left;
}

#mainmenu ul li ul, #mainmenu ul li ul li ul{   /* keeps submenu next to parent vertically  */
	margin-top:0px;
	float:none;
}
#mainmenu ul li {    
	display:inline;
	position:relative;
	padding-bottom:0.5em;  /* was 1.0em  */
	width:9.5em;
	min-height: 1px; /*min-width will work just as well */
	vertical-align: bottom;
}

/* Top Navigation */

#mainmenu ul li a, 
#mainmenu ul li {
	font-size:1.05em;
	background-color:#10147e;
}
#mainmenu ul li a {
	text-decoration:none;
	margin:0 ;
	padding:0;
}
/* Hover Effect and Styles */
#mainmenu ul li ul {
	display:none;
	position:absolute;
	top:1.2em;  
	left:0;  /* was 5px  */
	width:9.5em;
	z-index:15;
	margin:0;
	padding:0.25em 0 0 0;
}
/* hide from Mac\*/
* html #mainmenu ul li ul {top: 1.2em;}
/* end hide */ 

#mainmenu ul li:hover ul li ul {
	display:none;
	position:absolute;
	top:0;
	left:9.5em;
	z-index:20;  /* was 10  */
}
#mainmenu ul li ul li {
	display:block;
	position:relative;
	margin:0;
	padding:0.12em 0;
	background-color:#10147e;
}
#mainmenu ul li ul li a, 
#mainmenu ul li ul li ul li a {
	font-size:0.95em;    
	font-weight:normal;
	display:block;
}

#mainmenu ul li:hover ul,
#mainmenu ul li:hover ul li:hover ul {
	display:block;
	z-index:20;
}

#mainmenu ul li:hover ul li:hover,
#mainmenu ul li:hover ul li:hover ul li:hover {
	background-color:#10147e; /*  10147e  */
}



/*
.sfish li li a {
	display: block;
	font-weight: normal;
	color: #fff;
	padding: 0.2em 10px;
}

.sfish li li a:hover {
	padding: 0.2em 5px;
}

.sfish li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: transparent;
}

.sfish li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color:#10147e;
	padding: 0.5em 0;
}

.sfish li>ul {
	top: auto;
	left: auto;
}

.sfish li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

.sfish li:hover ul, .sfish li.over ul {
	display: block;
}
*/

div#content ol {list-style:decimal;list-style-position: inside;margin:1em 5em;}
div#content ul { list-style-type:disc;list-style-position:inside;margin:1em 5em;}

/*       Sailwave CSS         */

#wrap.hardleft {
	FLOAT: left; MARGIN: 15px 0px 0px 25px; TEXT-ALIGN: left
}
.hardright {
	FLOAT: right; MARGIN: 15px 25px 0px 0px; TEXT-ALIGN: right
}
#wrap TABLE {
	BORDER-RIGHT: #008 1px solid; BORDER-TOP: #008 1px solid; FONT-SIZE: 1em; MARGIN: auto; BORDER-LEFT: #008 1px solid; BORDER-BOTTOM: #008 1px solid; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left
}
#wrap CAPTION {
	BORDER-RIGHT: #008 1px solid; BORDER-TOP: #008 1px solid; FONT-SIZE: 1em; MARGIN: auto; BORDER-LEFT: #008 1px solid; BORDER-BOTTOM: #008 1px solid; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left
}
#wrap TD {
	BORDER-RIGHT: #008 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #008 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; BORDER-LEFT: #008 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #008 1px solid
}
#wrap TH {
	BORDER-RIGHT: #008 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #008 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; BORDER-LEFT: #008 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #008 1px solid
}
#wrap CAPTION {
	BORDER-RIGHT: #008 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #008 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; BORDER-LEFT: #008 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #008 1px solid
}
#wrap CAPTION {
	BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#wrap TABLE {
	BACKGROUND-COLOR: #f0f0f0
}
/*H1 {
	FONT-SIZE: 1.6em
}
H2 {
	FONT-SIZE: 1.4em
}
H3 {
	FONT-SIZE: 1.2em
}
*/
#wrap P {
	TEXT-ALIGN: center
}
#wrap .contents {
	MARGIN-LEFT: 20%; TEXT-ALIGN: left
}
#wrap .race {
	TEXT-ALIGN: center
}
#wrap .rank {
	TEXT-ALIGN: center
}


/* ************************ for member list **************************** */

div.memberlist {width:500px;margin:0;padding:0;}
div.memberlist span {float:right;}
span.email {
font-size:1.0em;font-weight:normal;color:#000;
div.memberlist p {clear:both;}
}

div.memberlist table.contenttable {margin:8px 0;padding:0;cellpadding:0;border:none;width:450px;table-layout:fixed;}
div.memberlist table.contenttable td {width:250px;}
table.listing {margin:8px 0;padding:0;cellpadding:0;border:none;width:500px;table-layout:fixed;}
table.listing td {width:250px;}
td.name {font-weight:bold;}
td.textr {text-align:right;}
td.yacht {text-transform:uppercase;}

table td p {padding-bottom:0;}


/* ************************ Login Form elements ************************ */
#awm_login{
z-index: 10;
/* font-size: 85%;  */
position:absolute;
top:9px;
width: 100%;
text-align:right;
}

#awm_login form {
float:right;
color:#fff;
font-size: 90%;
margin-right:3px;
}

#awm_login submit {
font-size: 90%;
}

#awm_login .top_login {
font-size: 90%;
width: 65px;
margin-right: 4px; 
}

.login_button {
font-size: 90%;
width: 40px;
margin-right: 3px; 
}

#awm_login a, #awm_login a:visited {
color:#fff;
}

/* colored fonts  */

span.red {color:#c00;font-weight:bold;}
span.blue {color:#00c;font-weight:bold;}
span.green {color:#0c0;font-weight:bold;}

/**********  Member List Styles *************/

.memberList {
width: 500px;
font-size: 12px;
margin: 0 0 15px 0;
clear: both;
display: table;
}

.memberLeft {
width: 245px;
float: left;
display: table-cell;
clear: both;
}

.memberRight {
width: 245px;
float: right;
text-align: right;
display: table-cell;
}

.memberName {font-weight: bold;}

/**********  Yacht List Styles *************/

.yachtList {
width: 500px;
font-size: 12px;
margin: 0 0 15px 0;
clear: both;
display: table-row;
}

.yachtName {
width: 190px;
float: left;
clear: both;
margin:0 10px 0 0;
font-weight: bold;
text-transform: upper;
display: table-cell;
}

.yachtType{
width: 90px;
float: left;
margin: 0 10px 0 0;
display: table-cell;
}

.yachtOwners {
width:180px
margin: 0;
display: table-cell;
}