body, html { 	background-color: #333;
				margin: 0;
				padding: 0;
				height: 100%;	/*IE*/			
				min-height:100%; /*Other Browsers*/
				background-position: center;				
				font-family: Arial, Helvetica, sans-serif; 
				font-size: 12px; 
				color: #fff; 
}

p{				line-height: 18px;
				margin:0 0px 0px;
				/*padding:0 40px 0 40px; */
				text-align: justify; 
}

a {				color: #8bfd04;text-decoration: none;font-weight:bold;font-style:italic}
a:hover {		text-decoration: underline;}

h2	{			color:#04fdfa;font-style:italic;}
.green{		color:#8bfd04;}

h1.title {		font-family: 'Old Standard TT', serif;
				font-size: 30px;
				font-style: italic;
				letter-spacing: 0.112em;
				word-spacing: 0.055em;
				line-height: 1.2;
}

h2.title_top, h2.title_main, h2.title_top2 {		
				font-family: 'Quattrocento', serif;
				color:#fff;
				width:100%;
				font-weight:normal;
				font-size: 40px;
				font-style: italic;
				letter-spacing: 0.112em;
				word-spacing: 0.055em;
				/*line-height: 1.2;*/
				padding:20px 0 20px 0;
}

h2.title_top {	border-bottom:1px #fff dotted;}
h2.title_top2 {	border-bottom:0px #fff dotted;padding:0px 0 0px 0;}

h2.title_main {	border-top:1px #fff dotted;
				border-bottom:1px #fff dotted;
}

.line		{	border-bottom: 1px #fff solid;	}
.green	{	color:#8bfd04;}
.large {	font-size:140%;}
.caption {	font-size:90%; font-style:italic;}

div.wrapper {	padding: 0 60px 40px 60px;}

div.container {			margin: 60px auto 0 auto;
					width: 950px;
					border: 1px #fff solid;
					overflow: auto;
					background: url(images/background1.jpg) top left no-repeat;
}


div.container2 {			margin: 60px auto 0 auto;
					width: 950px;
					border: 1px #fff solid;
					border-bottom: 0px #fff solid; 
					/*background: url(images/about.jpg) top left no-repeat;*/
					overflow: auto;
}

div.top_about {			float:left;
					width: 950px;
					height: 285px;
					background: url(images/about.jpg) top left no-repeat;
					clear: both;
}

div.top_coaching {		float:left;
					width: 950px;
					height: 285px;
					background: url(images/membership.jpg) top left no-repeat;
					clear: both;
}

div.top_membership {		float:left;
					width: 950px;
					height: 285px;
					background: url(images/coaching.jpg) top left no-repeat;
					clear: both;
}

div.top_matches {			float:left;
					width: 950px;
					height: 285px;
					background: url(images/matches.jpg) top left no-repeat;
					clear: both;
}

div.top_juniors {			float:left;
					width: 950px;
					height: 285px;
					background: url(images/juniors.jpg) top left no-repeat;
					clear: both;
}

div.top_clubnews {		float:left;
					width: 950px;
					height: 285px;
					background: url(images/clubnews.jpg) top left no-repeat;
					clear: both;
}

div.top_calendar {		float:left;
					width: 950px;
					height: 285px;
					background: url(images/calendar.jpg) top left no-repeat;
					clear: both;
}
					




div.aff {				float:left;	
					width: 950px;
					height: 76px;
					background: url(images/astrobkgd1.jpg) top left no-repeat;
					border: 0px #fff solid;
					clear: both;
}

div.aff2 {				float:left;	
					width: 950px;
					height: 76px;
					/*background: url(images/astrobkgd1.jpg) top left no-repeat;*/
					border: 0px #fff solid;
					clear: both;
}

div.spacer {			float:left;	
					height: 20px;
					width: 100%;	
					background: transparent;
					border: 0px #fff solid;
					clear: both;
}
div.spacerb {			float:left;	
					height: 10px;
					width: 100%;	
					background: transparent;
					clear: both;
}

div.spacer2 {			float:left;	
					height: 40px;
					width: 100%;	
					background: transparent;
					clear: both;
}
div.spacer2b {		float:left;	
					height: 40px;
					width: 100%;	
					background: transparent;
					clear: both;
}

div.spacer3 {		float:left;	
					height: 1px;
					width: 100%;	
					border-bottom:1px #fff dotted;
					clear: both;
}



div.mainhome {			float:left;		
					width: 950px;
					height: 127px;
					border: 0px #fff solid; 
					clear: both;
					
}

#left2 	{ 			width:280px; 
					height:200px;
					position:relative; 
					float:left; 
					margin-right:20px;
					border-left: 0px #fff solid; 
					overflow:hidden; 
					clear:both;
} 

#right2 	{ 			width:280px; 
					height:343px;
					position:relative; 
					float:right; 
					border-left: 0px #fff solid; 
					overflow:hidden; 
} 

#right2 .transparency { 	opacity:0.55; 
					filter:alpha(opacity=55); 
					-moz-opacity:0.55; 
					MozOpacity:0.55;
					background-color:#000000; 
					width:280px; 
					height:1500px; 
					position:absolute; 
					top:0px; 
					left:0px; 
					z-index:1; 
} 

.rightcontent 		{ 	position:relative;					
					z-index:10 
}

#nav 	{ 				width:950px; 
					height:30px;
					position:relative; 
					float:left;
					border: 0px #fff solid;	 
					border-top: 0px #fff solid; 
					border-bottom: 0px #fff solid; 
					/*background: url(images/astrobkgd1.jpg) top left no-repeat;*/
					overflow:hidden; 
} 

#nav .transparency { 		opacity:0.55; 
					filter:alpha(opacity=55); 
					-moz-opacity:0.55; 
					MozOpacity:0.55;
					background-color:#000000; 
					width:950px; 
					height:1500px; 
					position:absolute; 
					top:0px; 
					left:0px; 
					z-index:1; 
} 

.navcontent 		{ 	position:relative;
					z-index:10 
}



#bottom 	{ 			width:950px; 
					height:100%;
					position:relative; 
					float:left; 					
					overflow:hidden; 
					background: url(images/astrobkgd2.jpg) top left repeat-y;
} 

#bottom .transparency { 	opacity:0.75; 
					filter:alpha(opacity=75); 
					-moz-opacity:0.75; 
					MozOpacity:0.75;
					background-color:#000000; 
					width:950px; 
					height:100%; 
					position:absolute; 
					top:0px; 
					left:0px; 
					z-index:1; 
}

.bottomcontent 		{ 	position:relative;
					border-bottom: 0px #fff solid; 
					z-index:10 
}



div.centre{				float:left;
					margin-left: 30px;
					margin-top: 20px;
					width:900px;
					background: transparent;
					clear:both;
}

div.centre2{		float:left;
					width:900px;
					background: transparent;
					clear:both;
}


div.row		{		float:left; width:790px;border:0px #ffffcc solid;margin-bottom:10px;clear:both;}
div.row		 p {		padding-top:15px;}
div.row_inner_col1		{	float:left; width:150px; border:0px #000 solid;}
div.row_inner_col2		{	float:left; margin-left:10px;width:150px; border:0px #000 solid;}
div.row_inner_col3		{	float:left; margin-left:10px;width:150px; border:0px #000 solid;}
div.row_inner_col4		{	float:left; margin-left:10px;width:150px; border:0px #000 solid;}
div.row_inner_col5		{	float:left; margin-left:10px;width:150px; border:0px #000 solid;}



div.row2		{		float:left; width:100%;border:0px #fff solid; margin:20px 0 20px 0; clear:both;}
div.row2-left	{		float:left; width:33%; }
div.row2-mid	{		float:left; width:33%; }
div.row2-right	{		float:left; width:33%; }

.t3 {background: url(images/dot.gif) 0 0 repeat-x; width: 890px;}
.b3 {background: url(images/dot.gif) 0 100% repeat-x}
.l3 {background: url(images/dot.gif) 0 0 repeat-y}
.r3 {background: url(images/dot.gif) 100% 0 repeat-y}
.bl3 {background: url(images/botL.gif) 0 100% no-repeat}
.br3 {background: url(images/botR.gif) 100% 100% no-repeat}
.tl3 {background: url(images/topL.gif) 0 0 no-repeat}
.tr3 {background: url(images/topR.gif) 100% 0 no-repeat; padding:10px} 

.closeDOMWindow a {font-family: Arial, Helvetica, sans-serif; color: #b6bd17; font-size: 100%; text-decoration: none}
.closeDOMWindow a:hover {color: #d90f4b; text-decoration: underline}