/***********************************************/
/* CSS, by Justin Waddell, 2007                */
/***********************************************/

/***********************************************/
/* HTML Tag Styles                             */
/***********************************************/

a:hover {
	color: #009900;
}
a:active {
	color: #009900;
}
.noUnderline td a {
	text-decoration: none;
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-image: url(../images/bg.gif);
}
p {
	margin-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/***********************************************/
/* Layout                                      */
/***********************************************/

/************* Header *************/

#headerBg {
	margin: auto;
	width: 100%;
	height: 258px;
	background-image: url(../images/bg-top.jpg);
	background-repeat: repeat-x;
}
#header {
	background-color: #FFFFFF;
	margin: auto;
	width: 900px;
	height: 258px;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left 100px;
}
#headerLeft {
	margin-top: 100px;
	width: 20px;
	height: 158px;
	float: left;
	display:inline;
}
#clubwareLogo {
	margin-left: 20px;
	margin-top: 20px;
	width: 292px;
	height: 180px;
	float: left;
	display:inline;
}
#headerNav {
	margin-top: 111px;
	width: 548px;
	height: 114px;
	float: left;
	display:inline;
}
#headerRight {
	margin-top: 100px;
	width: 20px;
	height: 158px;
	float: right;
	display:inline;
}

/************* Body *************/

#body {
	margin: auto;
	width: 878px;
	height: auto;
	background-color: #FFFFFF;
	border-left: 11px solid #CCCCCC;
	border-right: 11px solid #CCCCCC;
}
#leftNav {
	margin-left: 29px;
	width: 200px;
	height: auto;
	float: left;
	display:inline;
	background-image: url(../images/left-nav-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content {
	margin-right: 29px;
	margin-bottom: 29px;
	width: 600px;
	height: auto;
	float: right;
	display:inline;
}
#bar {
	width: 600px;
	height: 44px;
	float: left;
	display:inline;
	background-image: url(../images/bar-bg.jpg);
	background-repeat: repeat-x;
}
#barLeft {
	width: 12px;
	height: 44px;
	float: left;
	display:inline;
}
#barHeading {
	margin-left: 3px;
	margin-top: 12px;
	width: 573px;
	height: 32px;
	text-align: left;
	float: left;
	display:inline;
}
#barRight {
	width: 12px;
	height: 44px;
	float: right;
	display:inline;

}

/************* Footer *************/

#footer {
	margin: auto;
	width: 900px;
	height: 280px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: 20px top;
}
#footerLeft {
	width: 20px;
	height: 188px;
	float: left;
	display:inline;
}
#footerTextLeft {
	margin-left: 19px;
	margin-top: 130px;
	width: 287px;
	height: 20px;
	float: left;
	display:inline;
}
#clubwareSymbol {
	width: 248px;
	height: 279px;
	float: left;
	display:inline;
}
#footerTextRight {
	margin-right: 19px;
	margin-top: 130px;
	width: 287px;
	height: 20px;
	float: left;
	text-align: right;
	display:inline;
}
#footerRight {
	width: 20px;
	height: 188px;
	float: right;
	display:inline;
}

/***********************************************/
/* Boxs                                        */
/***********************************************/

/************* Green Boxs *************/

#greenBoxBl {
	background-image: url(../images/green-box-bl.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-color: #34AE34;
}
#greenBoxBr {
	background-image: url(../images/green-box-br.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
#greenBoxTl {
	background-image: url(../images/green-box-tl.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#greenBoxTr {
	background-image: url(../images/green-box-tr.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
}
#greenBoxContainer {
	width: 600px;
	height: auto;
}
#greenBox {
	width: 600px;
	height: auto;
	background-image: url(../images/symbol-green.gif);
	background-position: 480px 25px;
	background-repeat: no-repeat;
}
#greenBoxText1 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText2 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText3 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText4 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText5 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText6 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText7 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}
#greenBoxText8 {
	padding-left: 25px;
	padding-right: 150px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 425px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}

/************* Grey Box *************/

#greyBoxBl {
	background-image: url(../images/grey-box-bl.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-color: #CCCCCC;
}
#greyBoxBr {
	background-image: url(../images/grey-box-br.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
#greyBoxTl {
	background-image: url(../images/grey-box-tl.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#greyBoxTr {
	background-image: url(../images/grey-box-tr.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
}
#greyBoxContainer {
	width: 600px;
	height: auto;
}
#greyBox {
	width: 600px;
	height: auto;
	background-image: url(../images/symbol-grey.gif);
	background-position: 480px 25px;
	background-repeat: no-repeat;
}
#greyBoxText1 {
	padding-left: 25px;
	padding-right: 135px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 440px;
	height: auto;
	border-bottom: 1px dotted #FFFFFF;
}

/************* Screen Shots *************/

#screenShot1 {
	width: 290px;
	height: auto;
}
#screenShot2 {
	width: 290px;
	height: auto;
}
#screenShot3 {
	width: 290px;
	height: auto;
}
#screenShot4 {
	width: 290px;
	height: auto;
}