/* CSS Style for Awatea */

/* body */

#mainWrapper{
	margin: 0 auto;
	width:683px;
}
p {
	line-height: 1.3em;
}
/* header */

#topBarLight{
	height:0.5em;
	margin-top:1em;
	margin-bottom:0.2em;
	background-color:#ccedf7;
}
#topBarDark{
	background-color:#66c9e6;
	height:0.3em;
}
#nav{
	height:32px;
	padding-top:8px;
	border-bottom:1px solid #ccc;
}
#nav a{
	font-family:arial;
	font-weight: bold;
	font-size:8pt;
	color:#486596;
	text-decoration: none;
}
#nav a:hover{
	color:#36578c;
}
#nav .selected {
	color: #003366;
}
.pdf {
	display: block;
	background-image: url(../images/pdf_icon.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.doc {
	display: block;
	background-image: url(../images/doc_icon.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* body */

.contentBody{
	float:left;
	width:489px;
	font-family:arial;
	font-size:10pt;
	color:#36578c;
	padding-right:40px;
}
.contentBodyForm{
	float:left;
	width:660px;
	font-family:arial;
	font-size:10pt;
	color:#36578c;
	padding-right:40px;
	margin-left: 26px;
}
.contentBodyContact{
	float:left;
	width:342px;
	font-family:arial;
	font-size:10pt;
	color:#36578c;
	padding-right:40px;
}
.contentBodyContact h2{
	color:#66c9e6;
	font-size:13pt;
	font-weight:normal;
	line-height:2.5em;
}
.contentBody h2{
	color:#66c9e6;
	font-size:13pt;
	font-weight:normal;
	line-height:1.5em;
}
.contentBodyForm h1{
	color:#66c9e6;
	font-size:15pt;
	font-weight:normal;
	line-height:1em;
}
.contentBodyForm h2{
	color:#66c9e6;
	font-size:13pt;
	font-weight:normal;
	line-height:1em;
}
.headingSpacer{
	height:4px;
}
.rightContent{
	float:left;
	width:153px;
	font-family:arial;
	font-size:8pt;
	color:#36578c;
	background-image: url(../images/dotted_line.gif);
	background-repeat:repeat-y;
	background-position:center;
}
*html .rightContent{
	float:left;
	width:154px;
	font-family:arial;
	font-size:8pt;
	color:#36578c;
	background-image: url(../images/dotted_line.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.rightContentContact{
	float:left;
	width:300px;
	font-family:arial;
	font-size:8pt;
	color:#36578c;
	background-image: url(../images/dotted_line_wide.gif);
	background-repeat: repeat-y;
	background-position:center;
}
.rightContentText{
	padding:5px;
}
.subHead{
	font-weight:bold;
}
.quote{
	background-color:#e5f6fb;
	padding:10px;
	border:1px solid #eee;
	padding:10px;
	font-weight:bold;
	font-size:8pt;
}

/* table for membership */

#memberTable{
	background-color:#e5f6fb;
	margin:0px;
	padding:0px;
	
}
#memberTable td{
	border:1px solid white;
	font-weight:bold;
	font-size:8pt;
	padding: 8px;

}
.tableHeader {
	text-align: center
}
.tableColor {
	background-color: #C3E7F2;
}
.smallFont{
	font-size:6pt;
}
.mediumFont{
	font-size:8pt;
}

/* footer */

#btmBarLrge{
	background-color:#ccedf7;
	height:0.5em;
	margin-top:40px;
	margin-bottom:0.2em;
	border-top: 40px solid #fff;
}
#btmBarSmll{
	background-color:#ccedf7;
	height:0.1em;
}
#copyright{
	font-family:arial;
	font-size:8pt;
	color:#36578c;
	height:32px;
	padding-top:8px;
	text-align:right;
}
#footer {
	margin-bottom: 30px;
}
.footerLeft{
	float:left;
	margin-right:130px;
}
.footerMid{
	float:left;
}
.footerRight{
	float:right;
}


/* tag control */

a {
	text-decoration: underline;
	color:#66c9e6;
}
a:hover{
	color:#00a5d5;
}
.url{
	text-decoration:underline;
}
td{
	padding-right:20px;
}

/*This is the Main menu code*/
#menu_nav, #menu_nav ul {
	float: left;
	width: inherit;
	list-style: none;
	line-height: 24px;
	/*font-weight: lighter;
	font-family:arial;
	font-weight: bold;
	font-size:8pt;*/
	color:#486596;
	text-decoration: none;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

#menu_nav a {
	display: block;
	width: inherit;
	/*color: #000000;*/
	text-decoration: none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
}

#menu_nav a.mymenu {
	background-image: url(../images/top_nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	/*text-indent: 10px;*/
}

#menu_nav a.mymenu2 {
	background-image: url(../images/top_nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	text-indent: -10px;
}

#menu_nav li {
	float: left;
	padding: 0;
	width: inherit;
}

/*sizing of drop down*/
#menu_nav li ul {
	position: absolute;
	left: -800px;
	height: auto;
	width: 180px;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
}

#menu_nav li li {
	width: 180px;
}

#menu_nav li ul a {
	width: 180px;
}

/*position of corresponding drop down*/
#menu_nav li ul ul {
	margin-top: -24px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 240px;
}

#menu_nav li:hover ul ul, #menu_nav li:hover ul ul ul, #menu_nav li.sfhover ul ul, #menu_nav li.sfhover ul ul ul {
	left: -999em;
}

#menu_nav li:hover ul, #menu_nav li li:hover ul, #menu_nav li li li:hover ul, #menu_nav li.sfhover ul, #menu_nav li li.sfhover ul, #menu_nav li li li.sfhover ul {
	left: auto;
}

/*
This code is responsible for putting a colour behind the rollover
#menu_nav li:hover, #menu_nav li.sfhover {
	background: #DCEAFF;
}
*/