findaclass.co.u/* CSS Document */ 

body {margin:0; padding:0}

.mainContainer {margin:0 auto; padding:0; width:880px;}

.titleArea {margin:0; padding:0; width:880px; height:56px;}
.titleArea h1 {float:left; margin:0; padding:0; width:465px; height:56px;}
/*.titleArea .titleBackground {float:left; margin:0; padding:0; background:url(../images/topBgGreen.jpg) no-repeat; width:415px; height:56px;}*/
.titleArea .titleBackground {float:left; margin:0; padding:0; background:url(../images/classname.jpg) no-repeat; width:415px; height:56px;}

/* NAVIGATION AREA */

.topNavArea {margin:0; padding:0; width:880px; height:50px;}

.navArea {float:left; margin:0; padding:0; width:313px; }

.homeTab a {float:left; margin:0; padding-top:10px; width:58px; height:40px; background:url(../images/homeButton.jpg) no-repeat; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}
.homeTab a:hover {background:url(../images/homeButton.jpg) 0 -50px no-repeat;}
.homeLegend {float:left; margin:0; padding-top:10px; width:58px; height:40px; background:url(../images/homeButton.jpg) no-repeat 0 -50px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}

.findaclassTab a {float:left; margin:0; padding-top:10px; width:84px; height:40px; background:url(../images/findaclassButton.jpg) no-repeat; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}
.findaclassTab a:hover {background:url(../images/findaclassButton.jpg) 0 -50px no-repeat;}
.findaclassLegend {float:left; margin:0; padding-top:10px; width:84px; height:40px; background:url(../images/findaclassButton.jpg) no-repeat 0 -50px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}

.newsTab a {float:left; margin:0; padding-top:10px; width:120px; height:40px; background:url(../images/newsReviewsButton.jpg) no-repeat; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}
.newsTab a:hover {background:url(../images/newsReviewsButton.jpg) 0 -50px no-repeat;}
.newsLegend {float:left; margin:0; padding-top:10px; width:120px; height:40px; background:url(../images/newsReviewsButton.jpg) no-repeat 0 -50px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}

.contactTab a {float:left; margin:0; padding-top:10px; width:85px; height:40px; background:url(../images/contactUsButton.jpg) no-repeat; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}
.contactTab a:hover {background:url(../images/contactUsButton.jpg) 0 -50px no-repeat;}
.contactLegend {float:left; margin:0; padding-top:10px; width:85px; height:40px; background:url(../images/contactUsButton.jpg) no-repeat 0 -50px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}

.faqTab a {float:left; margin:0; padding-top:10px; width:50px; height:40px; background:url(../images/faqButton.jpg) no-repeat; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}
.faqTab a:hover {background:url(../images/faqButton.jpg) 0 -50px no-repeat;}
.faqLegend {float:left; margin:0; padding-top:10px; width:50px; height:40px; background:url(../images/faqButton.jpg) no-repeat 0 -50px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:0.7em; font-weight:bold; text-decoration:none;}

.feedArea {float:left; margin:0; padding:0; width:567px; height:38px; background:url(../images/feedBar.jpg);}
.feedArea marquee{padding: 9px 0 0 0; /* Order: top, right, bottom, left */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#FFFFFF;}


/* KEY IN ENTRY AREA - FINDACLASS, SEARCH SPECIAL EVENT, LOG-IN & SIGNUP */

.entryArea {float:left; margin:0; padding:0; width:220px;}

.entryContainer {margin:0 auto 15px auto; padding:0; width:208px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; background:#dfdfe0;}

.entryContainer .entryTitle {margin:0; padding:3px 0 0 3px; background:url(../images/entryAreaTitle.gif) repeat-x; height:16px; color:#FFFFFF; text-align:left;}
.entryContainer .entryInfo {margin:0; padding:10px 0 0 10px; background:#dfdfe0; color:#1c4693;}
.entryContainer .entryEnd {margin:0; padding:0; background:url(../images/entryAreaEnd.gif) no-repeat; width:208px; height:15px;}

.entryButton {margin:0 auto; padding-top:3px; width:120px; height:18px; background:url(../images/entryButton.gif) repeat-x; text-align:center; }
.entryButton a:link, .entryButton a:visited {
		color:#FFFFFF;
    text-decoration: none;
}

.entryButton a:hover, .entryButton a:active {
		color:#FFFFFF;
    text-decoration: underline;
}

.entryLogin {margin:0; padding:0; text-align:left; overflow:hidden; line-height:1.4em;}
.entryLogin ul {margin:0; padding:0; list-style:none;}
.entryLogin li {float:left; margin:0; padding:0; width:90px;}

.findaclassType {margin:0; padding:0; text-align:left; overflow:hidden; line-height:1.4em;}
.findaclassType ul {margin:0; padding:0; list-style:none;}
.findaclassType li {float:left; margin:0; padding:0 0 10px 0; list-style:none;}
.findaclassType li.end {padding:0;}
.findaclassType select {width:190px}

.rightAdverts {margin:10px auto 15px auto; padding:0; width:208px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold;}


/* SMALL ADVERTS BELOW RIGHT HAND SIDE ENTRY AREA */
/* .smallAdvert {float:left; margin:0 auto 15px auto; padding:0; width:206px; border:solid #929292 1px;} */
.smallAdvert {float:left; margin:0 auto 15px auto; padding:0; width:206px; border:0 #929292 1px;}
.smallAdvertEnd {float:left; margin:0 auto; padding:5px; width:196px; border:solid #929292 1px; color:#666666; font-size:0.9em; line-height:1.3em}


/* CONTENT AREA */
.contentArea {float:left; margin:0; padding-bottom:20px; width:440px;}
.contentArea a:link, .contentArea a:visited {
		color:#1c4693;
    text-decoration: none;
}

.contentArea a:hover, .contentArea a:active {
		color:#1c4693;
    text-decoration: underline;
}

.contentContainer {float:left; margin-bottom:20px; padding:0; width:428px; border:solid #929292 6px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFFFFF;}

.contentArea h2 {margin:0; padding:10px 0; background:#1c4693; width:100%; color:#FFFFFF; text-align:center; font-weight:bold; font-size:1em;}

/* .contentAreaCopy {margin:0; padding:10px; width:408px; font-size:0.8em; color:#929292; line-height:1.4em; background:#FFFFFF;} */
.contentAreaCopy {margin:0; padding:10px; width:408px; font-size:0.8em; color:blue; line-height:1.4em; background:#FFFFFF;}

.contentAreaCopy ul {list-style-type:none; margin:0; padding:0; line-height:1.6em}
.contentAreaCopy li {margin:0; padding:0;}
label.fac {
  	width: 11em; /* width */
  	float: left; /* object justification  */
  	text-align: right; /* justification of text */
  	margin: 0em 1em 0em 0em; /* order: top, right, bottom, left */
}

.contentAreaCopy h3 {margin:0; padding:0; color:#1c4693; font-weight:bold;}

.contentAreaCopy h4 {margin:0; padding:0; color:#84c13d; font-weight:bold; font-size:1em}

.contentAd {float:left; margin-bottom:20px; padding:0; width:438px; border:solid #929292 1px;}

.entrySubmitButton {margin:0 auto; padding-top:3px; width:120px; height:18px; color:#FFFFFF; background:url(../images/entryButton.gif) repeat-x; text-align:center; }
.entrySubmitButton a:link, .entrySubmitButton a:visited {
		color:#FFFFFF;
    text-decoration: none;
}

.entrySubmitButton a:hover, .entrySubmitButton a:active {
		color:#FFFFFF;
    text-decoration: underline;
}

.backTop {margin:0; padding:0; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.backTop a:link, .backTop a:visited {
		color:#84c13d;
    text-decoration: none;
}

.backTop a:hover, .backTop a:active {
		color:#1c4693;
    text-decoration: none;
}

/* Home Page Class/Hobbies/Location Bullet Listing */
.classtownlist {float:left; margin-bottom:20px; padding:0; width:200px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold;background:#FFFFFF;}

/* CONTACT PAGE ELEMENTS */

.contactButton {float:right; margin:0 auto; padding:1px 0 2px 0; width:120px; height:18px; background:url(../images/entryButton.gif) repeat-x; text-align:center; font-size:0.9em; font-weight:bold;}
.contactButton a:link, .contactButton a:visited {
		color:#FFFFFF;
    text-decoration: none;
}

.contactButton a:hover, .contactButton a:active {
		color:#FFFFFF;
    text-decoration: underline;
}


/* SEARCH PAGE */

.searchListContainer {float:left; margin-bottom:10px; padding:0; width:428px;}

.searchTitle {margin:0; padding:0 0 2px 4px; background:url(../images/entryAreaTitle.gif) repeat-x; height:16px; color:#FFFFFF; text-align:left; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameBlue {margin:1px 0; padding:0 0 2px 4px; background:#d2dae9; color:#1c4693; text-align:left; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameGreen {margin:1px 0; padding:0 0 2px 4px; background:#e6f3d8; color:#84c13d; text-align:left; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}

/* Terry Additions - copy of two above with changes to text size */
.searchNameBlue2 {margin:1px 0; padding:0 0 2px 4px; background:#d2dae9; color:#1c4693; text-align:left; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}
.searchNameGreen2 {margin:1px 0; padding:0 0 2px 4px; background:#e6f3d8; color:#84c13d; text-align:left; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;}

.searchFooter {margin:0; padding:0; width:428px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#1c4693;}
.searchResults {float:left; margin:0; padding-left:4px; width:328px; border-top:solid #929292 1px; border-bottom:solid #929292 1px;}
.searchLinks {float:left; margin:0; padding:0; width:47px; border-top:solid #929292 1px; border-left:solid #929292 1px; border-bottom:solid #929292 1px; text-align:center;}
.searchLinks a:link, .searchLinks a:visited {
		color:#84c13d;
    text-decoration: none;
}

.searchLinks a:hover, .searchLinks a:active {
		color:#1c4693;
    text-decoration: none;
}

.searchDetailsContainer {float:left; margin:0; padding:0; width:190px;}

.searchNameBlueHover {margin:1px 0; padding:0 0 2px 4px; background:#d2dae9; border-left:solid #1c4693 1px; border-top:solid #1c4693 1px; border-bottom:solid #1c4693 1px; height:16px; color:#1c4693; text-align:left; width:229px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameBlueHoverTopRow {float:left; margin:19px 0; padding:1px 0 0 0; height:18px; background:#d2dae9; border-right:solid #1c4693 1px; border-top:solid #1c4693 1px; color:#1c4693; text-align:left; width:189px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameBlueHoverDetails {float:left; margin:0; padding:0 4px 5px 4px; background:#d2dae9; border-right:solid #1c4693 1px; border-bottom:solid #1c4693 1px; border-left:solid #1c4693 1px; text-align:left; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#1c4693; line-height:1.3em;}
.searchNameBlueHoverBottomRow {float:left; margin:0; padding:0 0 2px 5px; height:18px; background:#1c4693; color:#fff; text-align:left; width:185px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;}
.searchNameBlue a:link, .searchNameBlue a:visited {
		color:#1c4693;
    text-decoration: none;
}

.searchNameBlue a:hover, .searchNameBlue a:active {
		color:#1c4693;
    text-decoration: underline;
}

.searchNameGreenHover {margin:1px 0; padding:0 0 2px 4px; background:#e6f3d8; border-left:solid #84c13d 1px; border-top:solid #84c13d 1px; border-bottom:solid #84c13d 1px; height:16px; color:#84c13d; text-align:left; width:230px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameGreenHoverTopRow {float:left; margin:172px 0; padding:1px 0 0 0; height:18px; background:#e6f3d8; border-right:solid #84c13d 1px; border-top:solid #84c13d 1px; color:#1c4693; text-align:left; width:189px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}
.searchNameGreenHoverDetails {float:left; margin:0; padding:0 4px 5px 4px; background:#e6f3d8; border-right:solid #84c13d 1px; border-bottom:solid #84c13d 1px; border-left:solid #84c13d 1px; text-align:left; width:180px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#1c4693; line-height:1.3em;}
.searchNameGreenHoverBottomRow {float:left; margin:0; padding:0 0 2px 5px; height:18px; background:#84c13d; color:#fff; text-align:left; width:185px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold;}
.searchNameGreen a:link, .searchNameGreen a:visited {
		color:#84c13d;
    text-decoration: none;
}

.searchNameGreen a:hover, .searchNameGreen a:active {
		color:#84c13d;
    text-decoration: underline;
}

/* CLASS DETAILS */

.classDetailsContainer {margin:0; padding:0; width:428px; height:115px; border-bottom:solid #929292 1px;}
.classLeftLogo {float:left; margin:0; padding:0; width:213px; height:115px;}
/* .classRightInfo {float:left; margin:0; padding:30px 20px; width:172px; height:55px; border-left:solid #929292 1px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#1c4693;} */
.classRightInfo {float:left; margin:0; padding:5px 5px; width:192px; height:55px; border-left:solid #929292 1px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#1c4693;}
.classRightInfo a:link, .classRightInfo a:visited {
		color:#84c13d;
    text-decoration: underline;
}

.classRightInfo a:hover, .classRightInfo a:active {
		color:#1c4693;
    text-decoration: underline;
}

.classTimetableArea {margin-top:10px; padding:0; width:408px;}
.classTimetableTopRow {margin-left:64px; padding:0; width:344px; height:19px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#fff;}
.classTimetableSmallCell {float:left; margin:0; padding-top:1px; width:64px; height:18px; background:url(../images/entryAreaTitle.gif) repeat-x; text-align:center;}
.classTimetableLargeCell {float:left; margin:0;  padding-top:1px; width:204px; height:18px; background:url(../images/entryAreaTitle.gif) repeat-x; text-align:center;}
.classTimetableDaysColumn {float:left; margin:0; padding:0; width:64px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; color:#fff;}
.classTimetableTimesColumn {float:left; margin:0; padding:0; width:128px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#1c4693;}
.classTimetableTimesGreen {float:left; margin:0; padding:0; width:128px; height:19px; background:#e6f3d8;}
.classTimetableTimesBlue {float:left; margin:0; padding:0; width:128px; height:19px; background:#d2dae9;}
.classTimetableTimesCell {float:left; margin:0; padding-top:1px; width:64px; text-align:center;}
.classTimetableDownload {float:left; margin:0;  padding:10px; width:184px; height:113px; background:#d2dae9; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#1c4693; line-height:1.3em;}


/* FOOTER LINKS */

.footerArea {float:left; margin-bottom:20px; padding:5px 5px 0 5px; width:868px; height:15px; border-left:#1c4693 1px solid; border-right:#1c4693 1px solid; border-top:#1c4693 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#929292; background:#FFFFFF; overflow:auto;}

.footerLinks {float:right; margin:0; padding:0; position:relative; top:0; right:0; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif;}
.footerLinks a:link, .footerLinks a:visited {
		padding:0 5px;
		color:#84c13d;
    text-decoration: underline;
}

.footerLinks a:hover, .footerLinks a:active {
		color:#1c4693;
    text-decoration: underline;
}

/* NEW CLASS ADVERTISERS */

.advertisersArea {float:left; margin:0; padding:0; width:880px; background:url(../images/advertisersBg.gif) repeat-x #5b9715; overflow:auto;}
.advertisersSteps {margin:0; padding:5px 0; width:428px; background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#929292; text-align:center;}

.advertisersBackTop {margin:0; padding:0; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.advertisersBackTop a:link, .advertisersBackTop a:visited {
		color:#ffffff;
    text-decoration: underline;
}

.advertisersBackTop a:hover, .advertisersBackTop a:active {
		color:#1c4693;
    text-decoration: underline;
}

.advertisersCV2 {margin:5px 0 0 95px; padding:0; width:240px; font-size:0.8em; text-align:left; line-height:1.4em}


/* ADVERTISERS HOMEPAGE DETAILS */

.homeDetailsContainer {margin:0; padding:0; width:428px; border-bottom:solid #929292 1px;}
.homeRightInfo {float:left; margin:0; padding:10px 10px; width:132px; border-left:solid #929292 1px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#1c4693;}
.homeLeftInfo {float:left; margin:0; padding:10px 10px; width:253px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#1c4693;}
.homeLeftInfo a:link, .homeLeftInfo a:visited {
		color:#84c13d;
    text-decoration: underline;
}

.homeLeftInfo a:hover, .homeLeftInfo a:active {
		color:#1c4693;
    text-decoration: underline;
}

.homeRightInfo a:link, .homeRightInfo a:visited {
		color:#84c13d;
    text-decoration: underline;
}

.homeRightInfo a:hover, .homeRightInfo a:active {
		color:#1c4693;
    text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Error Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorInfo { 
    	margin: 1em auto 0.5em auto; /* Order: top, right, bottom, left */
			font-size:0.85em;
    	width: 98%;
    	text-align: center;
    	color: #C00000;
    	border: #C00000 solid 0.08em; /* border size/colour */
}