/* *** css style sheet - KZN Triathlon Association *** */

body 			{
	background-image:		url("images/tri_water.jpg");
	background-color:		#000000;
	color:					#ffffff;
	font-family:      		verdana, arial, helvetica ;
	font-size:				smaller;
}

img				{
	border:					3px double white;
}

a				{
	text-decoration:		none;
	color:					white;
}

a:hover			{
	color:					grey;
}

a:visited		{
	color:					white;
}

a:visited:hover	{
	color:					grey;
}

#divBody		{
	width:					100%;
	height:					100%;
	overflow:				auto;
	/*border:					1px solid red;*/
}

#divCtr,
#divContainer	{
	width:					950px;
	border:					3px double white;
	padding:				10px;
	background-color:		black;
}

#shadow 		{
    width:				98%;
}

#divBanking		{
	position:				relative;
	float:					right;
	width:					50%;
	text-align:				left;
}

#divBottom		{
	width:					80%;
	text-align:				center;
}

#divBottomInner	{
	/*text-align:				left;*/
	width:					100%;
}

#divClub		{
	width:					80%;
	padding-top:			10px;
	padding-bottom:			10px;
}

#divContact		{
	position:				relative;
	float:					left;
	width:					40%;
	text-align:				left;
}
#divCont		{
	width:					100%;
	text-align:				center;
}

#divImages		{
	padding-top:			10px;
	width:					95%;
	margin-top:				10px;
	/*border:					1px solid blue;*/
}

#divImageInner	{
	width:					95%;
	/*border:					1px solid yellow;*/
}

#divImageInner img	{
	width:					450px;
}

#divImageInner table	{
	vertical-align:			top;
}

#divInfo		{
	text-align:				justify;
	padding-right:			15px;
}

#divInformation {
	padding:				5px 5px 5px 15px;
	font-size:				small;
}

#divInformation p {
	text-align:				justify;
}

#divLeft		{
	width:					120px;
	font-size:				smaller;
	text-align:				left;
	color:					grey;
	position:				relative;
	float:					left;
	padding:				10px 10px 10px 10px;
}

#divLogo		{
	width:					100%;
	text-align:				center;
	/*float: 					left;
	width: 					650px;
	border:					1px solid blue;*/
}

#divMain		{
	width:					100%;
	overflow:				auto;
	/*border:					1px solid green;*/
}

#divMenuHolder		{
	/*border-bottom-style:	groove;*/
	border-bottom:			1px solid grey;
	border-right:			1px solid grey;
	border-left:			1px solid grey;
	text-align:				center;
	width:					100%;
}

#divNewsMain	{
	padding:				10px;
}

#divNews		{
	background-color:		white;
	padding:				10px;
	color:					grey;
	border:					double 3px grey;
}

#divRegForm		{
	/*background-color:		white;
	color:					#000000;*/
	overflow:				auto;
	text-align:				center;
	padding-left:			15px;
}

#divRight		{
	width:					75%;
	text-align:				justify;
	font-size:				small;
	position:				relative;
	float:					left;
	padding:				0px 10px 10px 10px;
}

#divTitle		{
	width:					100%;
	text-align:				center;
	/*border:					1px solid blue;*/
}

img				{
	margin-top:				-1px;
}

.tblReg			{
	color:					#000000;
	padding:				15px;
}

.menu li		{
	font-family:			Arial, Helvetica, sans-serif;
	display:				inline;
	height:					30px;
	padding:				10px;
	border-left:			1px solid white;
	border-right:			1px solid grey;
	margin:  	   	 		0px -3px 0px -2px;
	background:				url("images/btnOff.gif") repeat-x;
}

.menu a			{
	color:					white;
	text-decoration:		none;
	font-family:			verdana, arial, helvetica;
}

.menu a:hover	{
	color:					red;
}

.menu li:hover	{
	padding:				10px;
/*	border-left:			1px solid white;
	border-right:			1px solid grey;
	padding-left:			20px;
	padding-bottom:			10px;
	padding-right:			10px;
	height:					20px;*/
	color:					white;
	margin:  	   	 		0px -3px 0px -2px;
	background:				url("images/btnOver.gif") repeat-x;
}

.DropDown		{
	font-family:			verdana, arial, helvetica;
	list-style:				none;
	display:				none;
	position:				absolute;
	width:					200px;
	text-align:				left;
	padding-left:			10px;
	border-left:			1px solid white;
	border-bottom:			1px solid white;
	background-color:		black;
	overflow:				auto;
	z-index:				1;
}

.DropDown li	{
	display:				block;
	line-height:			30px;
	padding:				0px;
	border:					none;
	height:					30px;
	margin:					0px 0px 0px -40px;
	background:				none; 
}

.DropDown a			{
	color:					white;
	text-decoration:		none;
}

.DropDown a:hover	{
	color:					red;
}

.DropDown li:hover	{
	margin:					0px 0px 0px -50px;
	color:					white;
	background:				url("") repeat-x;
}

table			{
	
	font-size:				medium;
	vertical-align:			top;
}

.Enter			{
	
	font-size:				smaller;
	padding:				5px;
}

.Enter td		{
	padding:				5px;
}

.Club 			{
	text-align:				left;
	overflow:				auto;
	padding:				10px;
	padding-right:			20px;
	float:					left;
	background-color:		black;
	width:					100%;
}

.Club table		{
	font-size:				x-small;
}

.Club a			{
	color:					white;
}

.Club h1 		{
	font-family:			verdana, arial, helvetica;
	font-size:				large;
	color:					white;
}

.Club_Info h1 	{
	font-family:			verdana, arial, helvetica;
	font-size:				medium;
	color:					grey;
}

.Club_Info div	{
	font-size:				large;
	padding:				10px;
}

.Club_Info table	{
	color:					grey;
	font-size:				medium;
}


.info 			{
	text-align:				justify;
	font-size:				x-small;
	font-family:			verdana, arial, helvetics;
	padding:				10px;
	background-color:		#FFFFFF;
	color:					grey;
}

.info h3		{
	font-size:				small;
	color:					grey;
}

.calendar 		{
	font-size:				small;
	width:					90%;
}

.news			{
	font-size:				small;
	text-align:				justify;
	padding:				10px;
}

.twitter		{
	width:					260px;
	float:					right;
	padding:				20px 0px 50px 0px;
}

.results		{
	padding:				5px;
}

.results table	{
	font-size:				small;
	width:					80%;
}

results a		{
	text-decoration:		none;
	color:					white;
}

.results td		{
	padding:				5px;
}

.results1		{
	font-size:				smaller;
}

.results1 td {
	font-size:				smaller;
}

#title_mo		{
	background:				url("images/btnOver.gif") repeat-x;
	color:					black;
	padding:				5px;
}

.p3				{
	text-align:				justify;
}

.news	{
	text-align:				justify;
	width:					80%;
}

.news a			{
	color:					Grey;
}

.registration	{
	width:					80%;
	text-align:				justify;
	border:					none;
	/*color:					black;*/
	font-size:				small;
	vertical-align:			top;
}

.registration td	{
	padding:			5px 5px 5px 10px;
}

.menu1 {
	padding:0 0 0 32px;
	margin:0;
	list-style:none;
	height:35px;
	background:#fff url(images/button1.gif);
	position:relative;
	border:1px solid #000;
	border-width:0 1px;
	border-bottom:1px solid #444;
}

.menu1 li {
	float:left;
}

.menu1 li a {
	display:block;
	float:left;
	height:35px;
	line-height:35px;
	color:#aaa;
	text-decoration:none;
	font-size:11px;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 8px;
	cursor:pointer;
}

.menu1 li a b {
	float:left;
	display:block;
	padding:0 16px 0 8px;
}

.menu1 li.current a {
	color:#fff;
	background:url(button3.gif);
}

.menu1 ul li a.selected	{
/*	color:#fff;
	background:url(button3.gif);*/
}

.menu1 li.current a b {
	background:url(images/button3.gif) no-repeat right top;
}

.menu1 li a:hover {
	color:#fff;
	background:#000 url(images/button2.gif);
}

.menu1 li a:hover b {
	background:url(images/button2.gif) no-repeat right top;
}

.menu1 li.current a:hover {
	color:#fff;
	background:#000 url(images/button3.gif);
	cursor:default;
}

.menu1 li.current a:hover b {
	background:url(images/button3.gif) no-repeat right top;
}