/* @override http://www.creativedepartment.com/exchange/carew/media/css/styles.css */

body {font-family: "arial", sans-serif; text-align: center; /* IE 5* browsers */ margin: 0px; padding: 0px; color: #000000;}

.container { width: 910px; margin: 0 auto;  text-align: left;} 

/* FONTS */
p, a:link, a:visited, ul li, ol li, table td, table p {font-size: 1.1em;}
h1, h2, h3, h4 {font-family: "arial", sans-serif;}

/* COLORS */
.red {color: #dc143c;}
.lightBlue {color: #5A89AD;}
.mainContent a, .mainContent a:link, {color: #0574c1;} .mainContent h1,  .mainContent h3  {color: #0a2170;} .mainContent h2 {color: #d15731;} .mainContent h4 {color: #0a2170;}
#sales .mainContent h1  #sales .mainContent h3 {color: #0a2170;} #sales .mainContent h2 {color: #d15731;}  #sales .mainContent h4 {color: #0a2170;} #sales .mainContent a, #sales .mainContent a:link, #sales li a {color: #1a4595;}
#organ .mainContent a, #organ .mainContent a:link, #organ .mainContent h1, #organ .mainContent h3, #organ li a  {color: #d15731;} #organ .mainContent h2 {color: #0a2170;} #organ .mainContent h4 {color: #0a2170;}
#leader .mainContent a, #leader .mainContent a:link, #leader .mainContent h1, #leader .mainContent h3, #leader li a {color: #6d8f39;} #leader .mainContent h2 {color: #0a2170;}  #leader .mainContent h4 {color: #0a2170;}
#tutor .mainContent a, #tutor .mainContent a:link, #tutor .mainContent h1, #tutor .mainContent h2, #tutor .mainContent h3 {color: #27377a;}
 #tutor li a {color: #fff;}

/*HEADER*/
.header {height: 157px; width: 910px;} 
.header .left {width: 208px; height: 111px; padding-left: 87px; padding-top:46px; float: left;}
.header .left #logo {}
.header .right {width: 615px; height: 157px; font-size: 1.1em; text-align: right; float: right;}
.header .right .top {margin-top: 22px; margin-bottom: 15px;}
.header .right .top a {
	padding-right: 4px;
	padding-left: 4px;
}
.header .right .bottom {margin-right: 85px;}
.header .right a {color: #4D4D4D;}

/* LEFT SIDE BAR */
.leftSideBar {width: 295px; height: 446px; float: left;}
.leftSideBar .bottom {height: 348px;}
.leftSideBar .bottom ul {padding-bottom: 15px; padding-top: 15px; padding-left: 11px;}
.leftSideBar .bottom ul li {color: #fff; list-style-type: disc; list-style-position: inside; line-height: 1.4em;}
#sales .leftSideBar .bottom a, #leader .leftSideBar .bottom a, #organ .leftSideBar .bottom a {color: #fff;}
#sales .leftSideBar .bottom a:visited {color: #f6ef9e}, #leader .leftSideBar .bottom a:visited {color: #f6ef9e}, #organ .leftSideBar .bottom a:visited {color: #f6ef9e}
.leftSideBar .homeBtns {height: 98px; background-color: #fff;}
.leftSideBar .homeBtns img {display: block;}
.leftSideBar .homeBtns a {float: left; width: 95px; height: 98px;}
.leftSideBar .homeBtns a#btnSales, .homeBtns a#btnLeader {padding-right: 5px;}
.leftSideBar .homeBtns a.selected{ color: white;}
.insideNoLeft .leftSideBar {height: 98px;}

/* LEFT SIDE BAR BACKGROUND GRAPHICS */
#home .leftSideBar .bottom {background: url(../images/leftSideHome.jpg) no-repeat 0 bottom;}
#sales .leftSideBar .bottom {background: url(../images/leftSideSales.jpg) no-repeat 0 bottom;}
#leader .leftSideBar .bottom {background: url(../images/leftSideLeader.jpg) no-repeat 0 bottom;}
#organ .leftSideBar .bottom {background: url(../images/leftSideOrgan.jpg) no-repeat 0 bottom;}

/* LEFT SIDE TUTOR*/
.leftSideTutor {width: 295px; height: 446px; float: left; background-color: #253567;}
.leftSideTutor .bottom {height: 348px;}
.leftSideTutor .bottom ul {padding-bottom: 15px; padding-top: 15px; padding-left: 11px;}
.leftSideTutor .bottom ul li {
	color: #fff;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.4em;
}
#sales .leftSideTutor .bottom a {color: #fff;}
#sales .leftSideTutor .bottom a:visited {color: #f6ef9e}
.leftSideTutor .homeBtns {height: 98px; background-color: #fff;}
.leftSideTutor .homeBtns img {display: block;}
.leftSideTutor .homeBtns a {float: left; width: 295px; height: 98px;}
.leftSideTutor .homeBtns a#btnDPStutor, {padding-right: 5px;}
.leftSideTutor .homeBtns a.selected{ color: white;}
.insideNoLeft .leftSideTutor {height: 98px;}


/*INSIDE PAGES*/
.mainContent {text-align: left; font-size: 1.1em; margin: 24px 28px 32px;}
.mainContent ul {list-style-position: outside; list-style-type: disc; font-size: 1.1em; line-height: 1.7em;}
.mainContent ul li {font-size: 1.0em; line-height: 1.7em; margin-left: 20px;}
.mainContent h1 {
	font: bold 1.3em "arial"; line-height: 1.5em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.mainContent h2 {font: italic bold 1.2em "arial"; line-height: 1.5em;}
.mainContent h4 {font: bold 1.2em "arial"; line-height: 1.4em;}
.mainContent p {padding-top: 6px; padding-bottom: 6px; line-height: 1.5em;}
.mainContent p img {padding-right: 10px;}
.mainContent .left {width: 48%; float: left;  padding-bottom: 20px;}
.mainContent .right {
	width: 48%;
	float: right;
	margin-top: 25px;
	padding-bottom: 20px;}
.mainContent table td {line-height: 1.7em;}
.mainContent input {margin-bottom: 10px;}
.mainContent .copyright {width: 100%; float: bottom; font-size: 1em; line-height: 1.6em; color: #cccccc;}
.mainContent .copyright a {width: 100%;  font-size: 1em; line-height: 1.6em; color: #cccccc;}
.mainContent .copyleft {width: 100%; text-align: left; padding-top: 10px;padding-bottom: 10px;color: #000000;}
#sales .mainContent .copyright a, #leader .mainContent .copyright a , #organ .mainContent .copyright a {color: #cccccc;}

/* LEFT SIDE BAR (INSIDE PAGES) */
.inside .leftSideBar {height: 251px;}
.inside .leftSideBar .bottom {height: 153px;}
#custom .inside .leftSideBar .bottom {position: relative; height: 160px;}

/* LEFT SIDE BAR (INSIDE PAGES) BACKGROUND GRAPHICS */
#home .inside .leftSideBar .bottom {background: url(../images/leftSideHomeInside.jpg) no-repeat 0 bottom;}
#custom .inside .leftSideBar .bottom {background: url(../images/leftSideCustomInside.jpg) no-repeat 0 bottom;}
#sales .inside .leftSideBar .bottom {background: none;}
#leader .inside .leftSideBar .bottom {background: none;}
#organ .inside .leftSideBar .bottom {background: none;}

/*RIGHT SIDE MAIN IMAGE*/
.imgArea {width: 610px; margin-left: 5px; float: left; height: 446px;}
.inside .imgArea {height: 251px;}
.insideNoLeft .imgArea {height: 93px;}


 /*LEFT SIDE TUTOR BACKGROUND COLORS*/ 
#tutor .footer, #tutor .leftSideTutor {background-color: #253567} 
 
 /*LEFT SIDE BAR AND FOOTER BACKGROUND COLORS*/ 
#home .footer, #home .leftSideBar, #custom .footer, #custom .leftSideBar { background-color: #404041;}
#sales .footer, #sales .leftSideBar {background-color: #253567}
#leader .footer, #leader .leftSideBar {background-color: #546f28;}
#organ .footer, #organ .leftSideBar {background-color: #ca412e;}


/*FOOTER*/
.footer {margin-top: 5px; height: 58px; width: 910px;}
.footer .left { width: 283px; margin-right: 5px; height: 47px; padding-left:12px; padding-top: 11px; float: left;}
.footer .right {width: 610px; font: 1.2em Arial; height: 38px; text-align: center; float: left; padding-top: 20px; color: #fff;}
.footer .right a {color: #fff; padding-right: 5px; padding-left: 5px;}
.insideNoLeft .footer {margin-top: 0px;}

/*SUBFOOTER*/
.subfooter {margin-top: 0px; height: 15px; width: 910px;}
.subfooter .copy {width: 910px; font: 1.1em Arial; text-align: left; float: left; padding-top: 20px; padding-bottom: 20px; color: #666666;}