/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

body
{
  margin: 0px;
  background: url(images/bg_page.gif) top left repeat-x #292b28;
  color: #CCCCCC;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  min-width: 900px;
  text-align: center;
}

a:link {text-decoration: underline; color: #66FF00; background-color: transparent;}
a:visited {text-decoration: underline; color: #66FF00; background-color: transparent;}
a:hover {text-decoration: none; color: #66FF00; background-color: transparent;}

/*-- TOP NAV AREA --*/
.switchContainer {float: left; width: 100%; text-align: center; padding: 0; margin: 0; background-color: #111210; height: 40px; border-bottom: 1px solid #292b28;}
.switchArea {width: 900px; margin: 0 auto; text-align: left;}
	.switchArea ul {float: right; display: inline; font-size: 12px; color: #CCCCCC; margin: 0;}
	.switchArea li {float: left; display: inline; list-style: none; margin: 0 0 0 40px; line-height: 40px;}

#switchCrash a:link {text-decoration: none; color: #43cbfd; background-color: transparent;}
#switchCrash a:visited {text-decoration: none; color: #43cbfd; background-color: transparent;}
#switchCrash a:hover {text-decoration: underline; color: #43cbfd; background-color: transparent;}

#switchMove a:link {text-decoration: none; color: #ffc600; background-color: transparent;}
#switchMove a:visited {text-decoration: none; color: #ffc600; background-color: transparent;}
#switchMove a:hover {text-decoration: underline; color: #ffc600; background-color: transparent;}

#switchSplat a:link {text-decoration: none; color: #f2028f; background-color: transparent;}
#switchSplat a:visited {text-decoration: none; color: #f2028f; background-color: transparent;}
#switchSplat a:hover {text-decoration: underline; color: #f2028f; background-color: transparent;}

#switchBlog a:link {text-decoration: none; color: #ffff00; background-color: transparent;}
#switchBlog a:visited {text-decoration: none; color: #ffff00; background-color: transparent;}
#switchBlog a:hover {text-decoration: underline; color: #ffff00; background-color: transparent;}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 900px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/
.headerArea {display: inline; float: left; width: 900px; height: 175px; border-bottom: 1px solid #666666; margin: 0 0 30px 0;}
	.headerArea img {border: 0;}

.headerLogo {float: left; display: inline; margin: 24px 0 0 0; width: 136px; height: 133px;}
.headerStrapline {float: right; display: inline; margin: 60px 0 0 0; width: 347px; height: 48px;}

.navbar {float: right; display: inline; margin: 32px 0 0 0; width: 680px; height: 17px;}
	.navbar ul {display: inline; float: right; list-style: none; margin: 0; padding: 0;}
	.navbar li {display: inline; float: left; margin: 0 0 0 30px;}
	.navbar li a {display: inline; float: left; height: 17px;}
	.navbar li span {display: none;}

#nav01 a {background: url(images/nav_home_off.gif) top left no-repeat; width: 40px; height: 17px;}
#nav01 a:hover {background: url(images/nav_home_hov.gif) top left no-repeat;}
#nav01on a {background: url(images/nav_home_on.gif) top left no-repeat; width: 40px; height: 17px;}

#nav02 a {background: url(images/nav_where_and_when_off.gif) top left no-repeat; width: 104px; height: 17px;}
#nav02 a:hover {background: url(images/nav_where_and_when_hov.gif) top left no-repeat;}
#nav02on a {background: url(images/nav_where_and_when_on.gif) top left no-repeat; width: 104px; height: 17px;}

#nav03 a {background: url(images/nav_meet_the_team_off.gif) top left no-repeat; width: 106px; height: 17px;}
#nav03 a:hover {background: url(images/nav_meet_the_team_hov.gif) top left no-repeat;}
#nav03on a {background: url(images/nav_meet_the_team_on.gif) top left no-repeat; width: 106px; height: 17px;}

#nav04 a {background: url(images/nav_about_us_off.gif) top left no-repeat; width: 69px; height: 17px;}
#nav04 a:hover {background: url(images/nav_about_us_hov.gif) top left no-repeat;}
#nav04on a {background: url(images/nav_about_us_on.gif) top left no-repeat; width: 69px; height: 17px;}

#nav05 a {background: url(images/nav_contact_us_off.gif) top left no-repeat; width: 80px; height: 17px;}
#nav05 a:hover {background: url(images/nav_contact_us_hov.gif) top left no-repeat;}
#nav05on a {background: url(images/nav_contact_us_on.gif) top left no-repeat; width: 80px; height: 17px;}


/*-- HOME INTRO AREA --*/
.introHolder {position: relative; float: left; display: inline; margin: 0 0 30px 0; width: 900px;}
.introText {position: relative; float: left; display: inline; width: 280px; margin: 0;}
	.introText p {font-size: 14px; font-weight: normal; line-height: 1.6em; padding: 0 10px 0 0;}
	.introText h1 {display: block; position: relative; margin: 19px 0 10px -30px; padding: 0; width: 310px; height: 96px; background: url(images/intro_heading2.gif); text-indent: -9000px; font-size: 12px; line-height: 1em;}
.introFlash {position: relative; float: left; display: inline; margin: 0; padding: 0; width: 620; height: 300px;}
	.introFlash img {border: 0;}
	
/*-- HOME BOXOUTS --*/
.homeLowerArea {float: left; display: inline; width: 900px; margin: 0 0 0 0;}

.homeBoxout {display: inline; width: 280px; background-color: #1b1d19;}
	.homeBoxout h2 {margin: 20px 0 10px 20px; text-indent: -9000px; line-height: 1em;}
	.homeBoxout p {font-size: 12px; color: #CCCCCC; line-height: 1.6em; margin: 0 0 10px 20px; width: 240px;}
	.homeBoxout h5 {font-size: 12px; font-weight: bold; line-height: 1.2em; margin: 0 0 20px 20px; width: 240px;}
	.homeBoxout img {margin: 0 0 10px 20px;}

#homeBoxoutWhereAndWhen {float: left; margin: 0 30px 0 0;}
	#homeBoxoutWhereAndWhen h2 {background: url(images/home_sub_where_and_when.gif) top left no-repeat; width: 140px; height: 20px;}

#homeBoxoutMeetTheTeam {float: left; margin: 0 30px 0 0;}
	#homeBoxoutMeetTheTeam h2 {background: url(images/home_sub_meet_the_team.gif) top left no-repeat; width: 142px; height: 20px;}

#homeBoxoutAboutUs {float: right; margin: 0 0 0 0;}
	#homeBoxoutAboutUs h2 {background: url(images/home_sub_about_us.gif) top left no-repeat; width: 90px; height: 20px;}

/*-- FOOTER --*/
.footer {position: relative; float: left; display: inline; padding: 15px 0 40px 0; margin: 30px 0 30px 0; border-top: 1px solid #666666; width: 900px;}
	.footer p {display: inline; font-size: 11px; line-height: 1.5em; color: #999999; margin: 0;}

/*-- CONTENT PAGES --*/
.contentHolder {float: left; display: inline; width: 900px; margin: 0;}

.contentMainColumn {float: left; display: inline; width: 590px; margin: 0;}
	.contentMainColumn h1 {margin: 0 0 10px -30px; text-indent: -9000px; line-height: 1em;}
	.contentMainColumn h2 {margin: 30px 0 10px 0; text-indent: -9000px; line-height: 1em;}
	.contentMainColumn img {margin: 10px 0 10px 0;}
	.contentMainColumn p {font-size: 14px; color: #CCCCCC; line-height: 1.6em;}
	.contentMainColumn ul {margin: 5px 0 5px -10px; padding: 0; font-size: 14px; line-height: 1.6em; list-style: none; color: #CCCCCC;}
	.contentMainColumn li {position: relative; background-image: url(images/bullet.gif); background-position: 0px 9px; background-repeat: no-repeat; padding: 3px 0 3px 18px;}
	.contentMainColumn h6 {font-size: 12px; font-weight: bold; color: #FFFFFF;}
	.contentMainColumn h6 em {color: #66ff00;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 14px; font-weight: bold; color: #FFFFFF; width: 120px; display: inline; float: left; padding: 4px 0 0 0; margin: -4px 10px 0 0;}
	.contentMainColumn label em {color: #66ff00;}
	
.formContactText {width: 380px; border: 1px solid #cccccc; background-color: #cccccc; font-size: 14px; padding: 4px; color: #333333;}
.formContactSelect {width: 380px; background-color: #FFFFFF; font-size: 12px;}
.formContactButton {padding: 5px 5px 5px 5px; background-color: #66ff00; color: #333333; font-size: 14px; border: 1px solid #66ff00; margin: 10px 0 0 130px;}

.contentRightColumn {float: right; display: inline; margin: 70px 0 0 0; width: 280px;}

.rightColumnBoxout {float: left; display: inline; width: 280px; background-color: #1b1d19; margin: 0 0 20px 0; padding: 0 0 20px 0;}
	.rightColumnBoxout h2 {margin: 20px 0 10px 20px; text-indent: -9000px; line-height: 1em;}
	.rightColumnBoxout p {font-size: 12px; color: #CCCCCC; line-height: 1.6em; margin: 0.5em 0 0.5em 20px; width: 240px;}
	.rightColumnBoxout h5 {font-size: 12px; font-weight: bold; line-height: 1.2em; margin: 0 0 20px 20px; width: 240px;}
	.rightColumnBoxout img {margin: 0 0 10px 20px;}

.iconTwitter {background: url(images/icon_twitter.gif) left center no-repeat; text-indent: 22px;}

.formNewsletterSignUp {width: 230px; border: 1px solid #cccccc; background-color: #cccccc; color: #333333; font-size: 12px; padding: 4px; margin: 10px 0 10px 20px;}
.formNewsletterSignUpButton {padding: 5px 5px 5px 5px; background-color: #66ff00; color: #333333; font-size: 14px; border: 1px solid #66ff00; margin: 10px 0 0 20px;}

#subNewsletterSignUp {background: url(images/box_sub_newsletter_sign_up.gif) top left no-repeat; width: 189px; height: 20px;}
#subContactUs {background: url(images/box_sub_contact_us.gif) top left no-repeat; width: 106px; height: 20px;}
#subContactDetails {background: url(images/box_sub_contact_details.gif) top left no-repeat; width: 154px; height: 20px;}

#subIntroducing {float: left; background: url(images/sub_introducing_schools.gif) top left no-repeat; width: 590px; height: 20px;}

#titleWhereAndWhen {background: url(images/title_where_and_when.gif) top left no-repeat; width: 392px; height: 50px;}
#titleAboutUs {background: url(images/title_about_us.gif) top left no-repeat; width: 530px; height: 50px;}
#titleMeetTheTeam {background: url(images/title_meet_the_team.gif) top left no-repeat; width: 395px; height: 50px;}
#titleContactUs {background: url(images/title_contact_us.gif) top left no-repeat; width: 440px; height: 50px;}
#titleThankYou {background: url(images/title_thank_you.gif) top left no-repeat; width: 478px; height: 50px;}

/*-- TEAM PAGE --*/
.teamMember {float: left; display: inline; width: 590px; margin: 0; padding: 20px 0 20px; border-bottom: 1px solid #383937;}
	.teamMember img {float: left; display: inline; width: 100px; margin: 0 0 0 0;}
	.teamMember p {float: right; display: inline; width: 470px; font-size: 14px; color: #CCCCCC; line-height: 1.6em; margin: 0;}
	.teamMember p strong {font-weight: bold; color: #FFFFFF;}
	
/*-- WHEN AND WHERE --*/
.WhenWhereLocation {display: inline; position: relative; float: left; width: 590px; margin: 0; padding: 20px 0 20px 0;border-bottom: 1px solid #383937;}
	.WhenWhereLocation h4 {display: block; position: relative; margin: 0 0 10px 0; padding: 0; text-indent: -9000px; font-size: 12px; line-height: 1em;}
	.WhenWhereLocation p {font-size: 14px; font-weight: normal; line-height: 1.6em;}
	.WhenWhereLocation dl {padding: 0; margin: 0; font-size: 14px;}
	.WhenWhereLocation dt {float: left; display: inline; position: relative; width: 80px; padding: 0; margin: 0 0 10px 0; line-height: 1.6em; font-size: 14px; font-weight: bold; color: #CCCCCC;}
	.WhenWhereLocation dd {float: left; display: inline; position: relative; width: 490px; margin: 0 0 10px 0; padding: 0; line-height: 1.6em; font-size: 14px; font-weight: normal; color: #CCCCCC;}