/* CSS Document */

BODY{
	font-family 		: Arial, Helvetica, sans-serif;
	padding				: 0px;
	margin				: 40px;
	background-color	: #2e2e2e;
	color				: #666666;
	font-size			: 13px;
	line-height			: 1.7em;
}

/* Layout stylings ////////////////////////////////////////////////////////////*/

#headerbox{
	background-image	: url(../images/newsite/bg-indexheader.gif);
	background-repeat	: no-repeat; 
	background-position	: bottom;
	height				: 82px;
	text-align			: right;
}


#footerbox{
	background-image	: url(../images/newsite/bg-indexfooter.gif);
	height				: 15px;
}


#contentbox{
	background-color	: #FFFFFF;
	padding				: 20px;
}

#footertextbox{
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #989898;
	line-height			: normal;
	padding-top			: 10px;
	text-align			: justify;
}

#indexleftbox{
	float				: left;
	height				: 250px;
	width				: 400px;

}

#indexrightbox{
	width				: 250px;
	float				: left;
	height				: 250px;
	margin-top			: -15px;
	margin-left			: 10px;
}

#signupformleft{
	float				: left;
	width				: 320px;
	background-color	: #F7F7F7;
	padding				: 5px;
	margin-bottom		: 15px;
	height				: 245px;
}

#signupformright{
	float				: left;
	width				: 320px;
	margin-left			: 8px;
	margin-bottom		: 15px;
	background-color	: #F7F7F7;
	padding				: 5px;
	height				: 245px;
}

/* Links */
a {
color:#4fa7f2;
text-decoration:underline;
}
a:visited {
color:#4fa7f2;
}
a:hover {
color:#CC0000;
text-decoration:underline;
}
a:active {
color:#333333;
}


.greylink {
color:#333333;
text-decoration:none;
}
.greylink:visited {
color:#333333;
text-decoration:none;
}
.greylink:hover {
color:#CC0000;
text-decoration:none;
}
.greylink:active {
color:#333333;
text-decoration:none;
}


.whitelink {
color:#FFFFFF;
text-decoration:underline;
}
.whitelink:visited {
color:#FFFFFF;
text-decoration:none;
}
.whitelink:hover {
color:#CC0000;
text-decoration:none;
}
.whitelink:active {
color:#FFFFFF;
text-decoration:none;
}


/* Text */

.headingtext{
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 20px;
	font-weight			: bold;
	color				: #333333;
}

h1 {
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 34px;
	font-weight			: bold;
	color				: #333333;
}
h2 {
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #333333;
}

h3 {
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #333333;
	padding				: 0px;
	margin				: 0px;
}

h4 {
	font-family 		: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	color				: #333333;
	padding				: 0px;
	margin				: 0px;
}


/* Form Stuff */
label { left: 18px; width: 12em; float: left; font-weight:normal; }
label.error { float: none; color: red; border:none; padding:0px; background-color:#FFFFFF; margin:0px;}

#clubselectlist {
	width				: 200px;
	font-size			: 15px;
	height				: 25px;
}

/* Notices */
.rednotice {
	font-weight			: bold;
	color				: #333333;
	text-align			: center;
	padding				: 15px;
	background-color	: #ffeeee;
	border				: solid 2px #ffc2c2;
	margin				: 20px;
	margin-right		: 40px;
	margin-bottom		: 0px;
}

.greennotice {
	font-weight			: bold;
	color				: #333333;
	text-align			: center;
	padding				: 15px;
	background-color	: #f1fef0;
	border				: solid 2px #bcf0b8;
	margin				: 20px;
	margin-bottom		: 0px;
	margin-right		: 40px;
}

.greynotice {
	font-weight			: bold;
	color				: #333333;
	text-align			: center;
	padding				: 15px;
	background-color	: #f6f6f6;
	border				: solid 2px #bcbcbc;
	margin				: 20px;
	margin-bottom		: 0px;
	margin-right		: 40px;
}

.bluenotice {
	font-weight			: bold;
	color				: #333333;
	text-align			: center;
	padding				: 15px;
	background-color	: #eef6ff;
	border				: solid 2px #badafe;
	margin				: 20px;
	margin-bottom		: 0px;
	margin-right		: 40px;
}