html {
	height:100%;
	width:100%;
}

body {
	margin:0;
	padding:0;
	background-color: white;
	color: #00496E;
	height:100%;
	width:100%;
}

table 
{
	border:none;
	margin-bottom:10px;
}
td 
{
	border:solid 1px #7FA4B6;
	border:none;
	padding:3px 7px;
	border-collapse:collapse;
}

p 
{
	margin:0 0 10px 0;
}
body, p ,td, ol, ul, li
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
}

a:hover 
{
	color:#DC241F;
}

.small_error 
{
	color:#F7E5A6 !important;
	font-weight:bold;
	margin:3px 0px;
}

#page {
/*	height:100%;*/
	display:table;
/*	--- IE 5.5 Win doesn't like this ---
	margin-left:auto;
	margin-right:auto;
*/
	margin-left:-375px;
	left:50%;
	background-color: white;
	width:750px;
	position:absolute;
}

#section 
{
	padding-bottom:27px; /*--*/
	padding-bottom:0px;
	display:table;
	background-image:url(../img/2_col_bg.gif); /*--shading a borders for 2 col layout ---*/
	width:100%; /* this is important for IE to show the background image */
	background-repeat:repeat-y;
}


#main_area 
{
	width:533px;
	float:left;
/*	border-right:solid 1px #7FA4B6;*/	
}

#section .level2 h2,
#section .level3 h2
{
	padding:5px 15px ;
	color:White;
	margin:0;
	background-color:#7FA4B6;
	font-weight:bold;
	font-size:14px;
	background-image:url(../img/h2_shadow.gif);
	background-position:0px bottom;
	background-repeat:no-repeat;
}

#section .level2 .content,
#section .level3 .content
{
	padding:10px 15px;
	background-image:url(../img/content_shadow.gif);
	background-repeat:repeat-y;
	line-height:17px;
}

#section .level2 .content img
{
	margin-left:10px;
	margin-bottom:5px;
	float:right;
}




a, a:link 
{
	color:#00496E;
}

/*----------------------------------- Section Heading --------------------------------------*/
#section_heading 
{
	height:35px;
	background-color:#F8CD67;
	background-image:url(../img/section_headings/section_header_pic.jpg);
	background-repeat:no-repeat;
	padding-left:216px;
}
#section_heading h1
{
	background-repeat:no-repeat;
	background-position:13px 11px;
	height:35px;
	width:534px;
	padding:0px;
	display:block;
	float:left;
	margin:0;
}
#section_heading h1 span
{
	display:none;
}

/*----------------------------------- sub navigation area (left bar) --------------------------------------*/
#sub_nav 
{
	width:216px;
	float:left;
}
#sub_nav ul.links
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sub_nav ul.links li
{
	margin:0;
	border-bottom:solid 1px white;
	background-color:#F9D890;
	background-color:#F8DE9F;
}
#sub_nav ul.links li a
{
	margin:0;
	padding: 7px 10px;
	display:block;
	text-decoration:none;
	width:188px;
	color:#DC241F;
	color:#00496E;
	
	border-left:solid 8px #F8CD67;
	font-size:11px;
}
#sub_nav ul.links li a:hover
{
	background-color:#FDF8CD;
border-left:solid 8px #FF9F00;
	
}
#sub_nav ul.links li a.selected
{
	background-color:#FDF8CD;
border-left:solid 8px #DC241F;
color:#DC241F;
	
}

#sub_nav ul.childList
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#sub_nav ul.childList
{
	padding-left:9px;
}

#sub_nav ul.childList li
{
	background-color:#FDF8CD;
	border-left:none;
}

#sub_nav ul.childList li a
{
	background-color:#FDF8CD;
	border-left:solid 8px #FDF8CD;
	width: 85%;
}


/*----------------------------------------------- footer --------------------------------------------------*/

#footer {
	color:#BFD1DB;
	background-color:#00496E;
	height:13px;
	margin-top:-28px; /*---*/
	margin-top:0px;
	font-size:10px;

	width:730px;
	padding:7px 10px;
	border-top:1px solid white;
	clear:both;
/*	--- IE 5.5 Win doesn't like this ---
	margin-left:auto;
	margin-right:auto;
*/

}

#footer .copyright 
{
	float:left;
}
#footer .small_print 
{
	float:right;
}
#footer a, #footer a:link, #footer a:visited
{
	color:#BFD1DB;
} 

#footer a:hover
{
	color:white;
} 

/*----------------------------------------------- header --------------------------------------------------*/
#header {
	background-image: url(../img/headerbar.jpg);
	height: 106px;
	width: 750px;
}
#header .logo {
	position:absolute;
	margin-left:10px;
	margin-top:5px;
}
#header .logo img {
	border:none;
}

/*----------------------------------------------- nav bar--------------------------------------------------*/
#nav 
{
	height:35px;
	z-index:2;
	margin-top:-4px;
}

/*----- links ----- */
#nav ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:554px;
	height:27px;
	float:left;
}

/* unselected tab */
#nav ul li
{
	background-image:url(../img/nav/tab_hover.gif);
	background-repeat:repeat-x;
	margin:0;
	border-right:1px solid white;
	height:27px;
	float:left;
	margin-top:4px;
}
#nav ul li a 
{
	background-color:#00496E;
	background-position:5px 12px; 
	background-repeat:no-repeat;
	padding:12px 15px 0px 5px;
	display:block;
	height:15px;
	cursor:hand;
}
#nav ul li a:hover /* mouseover effect */
{
	background-color:Transparent;
}

/* selected tab */
#nav ul li.selected
{
	background-image:url(../img/nav/selected/tab_hover.gif);
	margin-top:0px;
	height:31px;
}
#nav ul li.selected a
{
	background-color:#FF9F00;
	background-position:5px 16px; 
	height:19px;
}
#nav ul li.selected a:hover /* mouseover effect */
{
	background-color:Transparent;
}

/* hide the text from screens */
#nav ul li a span 
{
	display:none;
}


/* specific nav buttons */
#nav ul li a.home
{
	background-image:url(../img/nav/home.gif);
	width:33px;
}
#nav ul li.selected a.home
{
	background-image:url(../img/nav/selected/home.gif);
}

#nav ul li a.ifna
{
	background-image:url(../img/nav/ifna.gif);
	width:28px;
}
#nav ul li.selected a.ifna
{
	background-image:url(../img/nav/selected/ifna.gif);
}

#nav ul li a.netball
{
	background-image:url(../img/nav/netball.gif);
	width:78px;
}
#nav ul li.selected a.netball
{
	background-image:url(../img/nav/selected/netball.gif);
}

#nav ul li a.news
{
	background-image:url(../img/nav/news.gif);
	width:33px;
}
#nav ul li.selected a.news
{
	background-image:url(../img/nav/selected/news.gif);
}

#nav ul li a.events
{
	background-image:url(../img/nav/events.gif);
	width:40px;
}
#nav ul li.selected a.events
{
	background-image:url(../img/nav/selected/events.gif);
}

#nav ul li a.gallery
{
	background-image:url(../img/nav/gallery.gif);
	width:44px;
}
#nav ul li.selected a.gallery
{
	background-image:url(../img/nav/selected/gallery.gif);
}

/**/
#nav ul li a.membersOnly
{
	background-image:url(../img/nav/membersOnly.gif);
	width:66px;
}
#nav ul li.selected a.membersOnly
{
	background-image:url(../img/nav/selected/membersOnly.gif);
}
/**/

#nav ul li a.newsletter
{
	background-image:url(../img/nav/newsletter.gif);
	width:66px;
}
#nav ul li.selected a.newsletter
{
	background-image:url(../img/nav/selected/newsletter.gif);
}

#nav ul li a.contactus
{
	background-image:url(../img/nav/contact_us.gif);
	width:64px;
}
#nav ul li.selected a.contactus
{
	background-image:url(../img/nav/selected/contact_us.gif);
}





/*----- search box -----*/
#nav .search 
{
	background-color:#DC241F;
	height:19px;
	width:188px;
	float:left;
	padding:4px;
	margin-top:4px;

}

#nav .search .string
{
	width:121px;
	border:1px solid #861613;
	height:13px;
	margin:0px;
	font-size:11px;
	padding:3px 2px 1px 2px;
	font-family:Verdana;
	float:left;
	color:#861613;
}
#nav .search .button
{
	margin-left:4px;
	margin-top:7px;
	float:left;
}



/*----- baseline (under the main nav bar) -----*/
#nav .baseline 
{
	height:4px;
	background-color:#FF9F00;
	clear:both;
	font-size:1px;
}

/*----- 
*********************
Ed's changes 02/2007. change to header design and top of right nav area.
********************
 -----*/
.about_netball	{position:relative;}
#sponsorFlash	{position:absolute; top:0; right:0px;}



.about_netball  #topBlock div 
{
	background-image:url(../img/support.gif); 
	background-repeat:no-repeat;
	background-position:7px top;
	margin:0;
	padding:0px 8px 0 11px;
	float:left;
	font-size:11px;
	width:170px;
	display:table;
	text-decoration:none;
	border-right: solid 8px #F8BF53;
	height:91px;
	
}

.about_netball  #topBlock:hover div {background-image:url(../img/support2.gif);  }

.about_netball #topBlock div  h3 
{	
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#DC241F;
	text-decoration:none;
	margin-bottom:2px;
	padding-right:12px;
	background-image:url(../img/arrow_red_large.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	margin-top:70px;
	
}


.about_netball a#topBlock 
{
	border-top:solid 1px white;
	width:100%;
	display:block;
	text-decoration:none;
	height:91px;
	background-image:url(../img/home/about_netball_shadow.gif);
	background-repeat:repeat-y;

	color:#874341;
}

.about_netball a#topBlock:hover 
{
background-color:#f7e5a6;
background-image:url(../img/home/about_netball_shadow_over.gif);
}