/* CSS Document */

body {
	margin: 0;/* Is this needed? */
	padding: 0;/* Is this needed? */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font size elsewhere in ems.*/
	color: #000;
	background-color: #07421C; /* green - was 015A21 */
	text-align: center;
	}
#wrapper {
    width: 780px;
	margin: 0 auto 20px auto;
	background-color:#FFF;
	border: 1px #FFF solid;
	text-align: left;
	}
#banner {
    width: 780px;
	font-size: 1.2em;
	text-align: center;
	}
#sectionIndex {
    width: 55%;
	float: left;
	padding: 8px 6px 0 6px;
	}
#search {
    width: 40%;
	float: right;
	padding-top: 8px;
	text-align: right;
    }
#heading {
    clear: both;
	padding: 25px 20px 20px;
	}
#link2photos {
    clear: both;
	padding: 0 20px 15px;
	text-align: right;
	}
.height {height: 20px;} /* To use on #link2photos div when this div is empty */
#content {
	margin: 0em;
	padding: 0 20px 2em 20px;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
.vline { /* To place a vertical dividing line betwn left & right columns  */
    background-image: url(../../images/Vline.gif);
	background-position: center;
	background-repeat: repeat-y;}
#contentLeft {
    float: left;
	width: 47%;
	margin: 0;
	}
#contentRight {
    float: right;
	width: 47%;
	margin: 0;
	}
#bottomNav {
    clear: both;
	padding: 0 20px;
	text-align: right;
	}
#bottomNav p {
    margin: 0;
	line-height: 1.5em;
    }
#footer {
    clear: both;
	padding: 0 50px 30px 50px;
	}	
#contactus {
    width: 70%;
	margin: auto auto 3em auto;
	border: 1px solid #6C6C6C; /* dark grey */
	background-color: #EAEAEA; /* light grey */
	padding: 0.2em 1em;
	}
#footer p {
    line-height: 1.3em;
	margin: 0.8em 0;
	}
.clear { clear: both; }
.hide { display: none; }

/* for drop down menus */
#navBar {
	padding: 4px 6px;
	margin: 0;
	background-color: #015A21; /* green */
    }
#nav, #nav ul { /* all lists */
	padding: 0 2px 0 3px;
	margin: 0;
	list-style: none;
	line-height: 1.5em;
    }
#nav a {
	display: block;
	padding-left: 5px;
	color: #fff;
	text-decoration: none;
    }
#nav a:link {color: #fff;}
#nav a:visited {color: #fff;}
#nav a:active {color: #fff;}
#nav a:hover {
    background-color: #F7B501; /* gold */
    color: #000;
    }
#nav li { /* all list items */
	float: left;
    }
#nav li ul { /* second-level lists */
	position: absolute;
	background: #015A21; /* green */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
    }
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    }
.home {width: 4.5em;}
.internl {width: 12em;}
.ausregattas {width: 11.5em;}
.assoc {width: 11.5em;}
.clubs {width: 8em;}
.dd_home {width: 11em;}
.dd_internl {width: 17.5em;}
.dd_ausregattas {width: 14.5em;}
.dd_assoc {width: 13em;}
.dd_clubs {width: 9.5em;}

/* section index dropdown */
#index, #index ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5em;
    }
#index a {
	display: block;
	width: 26em;
    }
#index li ul a { /*  second-and-above levels */
	text-decoration: none;
	color: #fff;
	width: 11.5em;
    }
#index li ul ul a { /*  third level */
	width: 5em;
    }
#index li ul a:link {
    color: #fff;
	text-decoration: none;
	}
#index li ul a:visited {
    color: #fff;
	text-decoration: none;
	}
#index li ul a:active {
    color: #fff;
	text-decoration: none;
	}
#index li ul a:hover {
    background-color: #F7B501; /* gold */
    color: #000;
	text-decoration: none;
    }
#index li { /* all list items */
	float: left;
	width: 11.5em; /* width needed or else Opera goes nuts */
    }
#index li ul { /* second-level lists */
	position: absolute;
	background: #015A21; /* green */
	width: 11.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }
#index li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 8em; /* top-margin should be same as line height, left-margin same as <a> width */
	width: 5em;
    }
#index li:hover ul ul, #index li:hover ul ul ul, #index li.sfhover ul ul, #index li.sfhover ul ul ul {
	left: -999em;
    }
#index li:hover ul, #index li li:hover ul, #index li li li:hover ul, #index li.sfhover ul, #index li li.sfhover ul, #index li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
    }

/* typography */
a {color: #00c;} /* blue */
a:link {color: #00c;} /* blue */
a:visited {color: #00c;} /* blue */
a:active {color: #00c;} /* blue */
a:hover {color: #900;} /* red */
.pg-indicator { color:#900;} /* red */
.nonactivelink {
	color: #ccc;
	text-decoration: underline;
    }
h1 {
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 0.2em 0 0.5em;
	font-weight: normal;
	}
h4 {
	font-size: 1.0em;
	margin: 0.2em 0 0.2em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
.photo-caption {
    font-weight: bold;
	font-style: italic;
	margin: 0;
	line-height: 1.3em;
	text-align: center;
	}
.photo-captionOnly {
    font-weight: bold;
	font-style: italic;
	margin: 0 0 2.5em;
	line-height: 1.3em;
	text-align: center;
	}
.photo-details {
    margin: 0 0 2.5em;
	line-height: 1.3em;
	text-align: center;
	font-style: italic;
	}
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
.toc {
    list-style: none;
	margin-left: 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0.2em 0em 1.5em 0em;
	}
/* use these to increase line height to make reading easier  */
.history {}
.history p { 
    line-height: 1.5em;
	}
li > p {
	margin-top: 0.2em;
	}
strong, b {
	font-weight: bold;
	}
.narrow1{
	width: 50%;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}