/* ----------------------------------------------------------------------------------------------------------------------

Basic site wide style sheet for Choose English

Includes: Font syles and colours, Branding, navigation, main backgrounds and footer areas.

Version: 1.1
Author: Darren Baldwin
Email: darren@brightonwebsitedesigns
Website: www.brightonwebsitedesigns.co.uk

24/04/2009


------------------------------------------------------------------------------------------------------------------------ *



/* Reset css
   ----------------------------------------------------  */
fieldset,img
{
	border:0;
	margin:0;
	padding:0;
}

body,td,th
{
	font-size:62.5%;
	margin:0;
	padding:0;
	background: #FFFFFF url(../site%20wide%20images/mainBG.jpg) repeat-x top;
}

a:active,a
{
	outline:0;
}

p,td,li,ul,ol,h1,h2,h3,h4,h5,h6,address,blockquote
{
	font-family:"Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight:400;
	color:#57404f;
	margin:0;
	padding:0;
}

html p,address,ul,blockquote
{
	text-align:left;
	font-size:1.4em;
	line-height:1.6;
	margin:0 0 10px;
	padding:0;
	color: #636161;
	font-weight: normal;
}



/* main containing div
   ----------------------------------------------------  */
#container
{
	width:763px;
	margin:0px auto 0;
	background: #FFFFFF url(../site%20wide%20images/shadow-rpt.jpg) repeat-y center;
	height: 1180px;
}
#containerfr {
	width:763px;
	margin:0px auto 0;
	background: #FFFFFF url(../site%20wide%20images/shadow-rpt.jpg) repeat-y center;
}
#header {
	background: #FFFFFF url(../site%20wide%20images/header.jpg) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 0px 1px;
	height: 270px;
	text-align: center;
}


/* left column div holding navigation and links
   ----------------------------------------------------  */
#leftcol {
	width: 203px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
	float: left;
}


/* main navigation div
   ----------------------------------------------------  */
#navigation {
	width: 203px;
	padding: 0px;
	margin-top: 30px;
	float: left;
	margin-bottom: 50px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: url(none) none;
	text-indent: 10px;
}
#navigation  a {
	display: block;
	width: 203px;
	height: 30px;
	line-height: 30px;
	color: #91201C;
	text-decoration: none;
	border-bottom: 1px solid #972D29;
}


#navigation a:hover {
	color: #FFFFFF;
	background: #830400;
}


#home #navigation .home a, 
#about #navigation .about a,
#business #navigation .business a,
#fees #navigation .fees a,
#started #navigation .started a,
#contact #navigation .contact a,
#faq #navigation .faq a,
#payment #navigation .payment a {
	color (hover): #FFFFFF;
	background (hover): #830400;
	cursor: default;
}

/* french styling for navigstion you are here
   ----------------------------------------------------  */

#french #navigation .french a, 
#qui #navigation .qui a,
#frbusiness #navigation .frbusiness a,
#frenchfees #navigation .frenchfees a,
#commence #navigation .commence a,
#contactez #navigation .contactez a,
#faqfr #navigation .faqfr a {
	color: #FFFFFF;
	background: #830400;
	cursor: default;
}

/* skype and yahoo links div
   ----------------------------------------------------  */
#links {
	float: left;
}

.links {
	border: 1px solid #8A110D;
	margin: 0px 0px 10px;
	padding: 0px;
}


/* main text section
   ----------------------------------------------------  */
#maintxt {
	float: right;
	padding: 15px 22px 0px 0px;
	width: 480px;
	margin: 0px 0px 20px;
}

#maintxt a:link, a:visited, a:active {
	color: #636161;
	text-decoration: underline;
}

#maintxt a:hover {
	color: #830400;
	text-decoration: none;
}

h4 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #830400;
	font-weight: bold;
	margin: 20px 0px 5px;
	padding: 0px;
}


#how {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #830400;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}



/* footer section
   ----------------------------------------------------  */
#footer {
	clear: both;
	height: 133px;
	background: url(../site%20wide%20images/footer.jpg) no-repeat center top;
	margin: 0px;
	padding: 10px 0px 0px;
}

#footerfr {
	clear: both;
	height: 133px;
	background: url(../site%20wide%20images/footer.jpg) no-repeat center bottom;
	margin: 0px;
	padding: 0px;
}


#footer a:link, a:visited, a:active, #footerfr a:link, a:visited, a:active {
	color: #830400;
	text-decoration: none;
}
#footerfr #email1 {
	padding-top: 15px;
}

#footer a:hover, #footerfr a:hover {
	color: #830400;
	text-decoration: none;
	background: #FFFFFF;
}


#footer p, #footerfr p {
	margin: 0px;
	font-family: Helvetica, Geneva, Arial, sans-serif, "Gill Sans";
	color: #FFFFFF;
	padding: 0px 300px 0px 100px;
	text-align: center;
}

h3 {
	color: #830400;
	margin: 0px;
	padding: 10px 0px 5px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.flag {
	margin-right: 10px;
	margin-top: 20px;
	border-style: none;
}


/* class for red highlight colour
   ----------------------------------------------------  */
.highlight {
	color: #830400;
	font-weight: bold;
}

.highlightfr {
	color: #830400;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

/* class for people at computer image
   ----------------------------------------------------  */
.img1 {
	float: left;
	border: 4px solid #830400;
	margin: 7px 10px 0px 0px;
}

/* class for live help image
   ----------------------------------------------------  */
.img2 {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}
.currentpage {
	background: #95CEDD;
}