/*
CollegePlus! Main CSS
*/

/* General */

body {
	margin: 0;
	padding: 0;
}
body, th, td, input, textarea {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
p, ol, ul {
	line-height: 170%;
}
a:hover {
	text-decoration: none;
}

/* Header */

#headerbg {
	height: 110px;
    background: url(img/headerbg.gif) repeat-x bottom;
}
#header {
	width: 769px;
	margin: 0 auto;
	height: 110px;
}

/* Logo */

#logo {
	float: left;
	height: 110px;
	background: url(img/cplogo.jpg) no-repeat left bottom;
}
#logo a, #logo a:hover, #logo a:visited {
	text-decoration: none;
	color: #000000;
}
#logo .company {
	margin: 0;
	padding: 18px 0 0 100px;
	letter-spacing: -2px;
	font-size: 40px;
	font-weight: normal;
	color: #000000;
}
#logo .slogan {
	margin: -2px 0 0 2px;
	padding: 0 0 0 105px;
	font-size: 16px;
	color: #6A6453;
	letter-spacing: -1px;
}
#logo .redtext {
	color: #880000;
}

/* Top Navigation */

#topnav {
	float: right;
	width: 405px;
	padding: 5px 0 0 0;
	text-align: right;
	color: #6A6453;
	font-weight: bold;
}
#topnav a, #topnav a:visited {
	color: #6A6453;
	text-decoration: none;
}
#topnav a:hover {
	text-decoration: underline;
}

/* Search */

#search {
	float: right;
	width: 280px;
}

#search form {
	margin: 0;
	padding: 25px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search #s, #search #x {
	float: left;
}

#search #s {
	width: 188px;
	border: 1px solid #CCCCCC;
}

#search #x {
	width: 73px;
	height: 22px;
	font-size: 12px;
	padding: 0;
	margin-left: 5px;
	background: url(img/searchbuttonbg.gif) no-repeat;
	border: none;
	color: #FFFFFF;
}

/* Main Navigation */

#mainnav {
	float: left;
	width: 100%;
	background: url(img/mainnav.gif) repeat-x;
	list-style: none;
}
#mainnav ul {
	margin: 0 auto;
	width: 769px;
	padding: 0;
}

#mainnav li {
	display: inline;
}
#mainnav li a {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: white;
	padding: 8px 20px;
	text-decoration: none;
}
#mainnav li a:visited {
	color: white;
}
#mainnav li a:hover {
	background: url(img/mainnavroll.gif) repeat-x;
}
#mainnav li .current {
	background: url(img/mainnavcurrent.gif) repeat-x;
}

/* Page and Content */

#page {
	width: 769px;
	padding: 17px 0 17px 0;
	margin: 0 auto;
	background: #FFFFFF;
	clear: both;
}

/* Home Flash */

#flash {
	width: 514px;
	height: 254px;
	float: left;
}

/* 3 Target Groups */

#marketsnav {
	width: 252px;
	float: right;
}
.highschool {
	height: 86px;
	background: url(img/hsmarket.jpg) no-repeat;
}
.highschool a {
	padding: 20px 0 20px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.highschool a:hover {
	height: 46px;
	background: url(img/hsmarketroll.jpg) no-repeat;
}
.college {
	height: 81px;
	background: url(img/collmarket.jpg) no-repeat;
}
.college a {
	padding: 20px 0 15px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.college a:hover {
	height: 46px;
	background: url(img/collmarketroll.jpg) no-repeat;
}
.adult {
	height: 88px;
	background: url(img/adlprofmarket.jpg) no-repeat;
}
.adult a {
	padding: 20px 0 20px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.adult a:hover {
	height: 46px;
	background: url(img/adlprofmarketroll.jpg) no-repeat;
}

/* 3 Columns Home Page */

#whatsnew, #whycp { 
	width: 252px;
	height: 256px;
	float: left;
	margin-right: 6px;
}
#whatsnew a, #whycp a { 
	text-decoration: none;
	color: #880000;
}
#whatsnew a:hover, #whycp a:hover { 
	text-decoration: underline;
	color: #880000;
}
#whatsnew { 
	background: url(img/whatwhybg.gif) no-repeat;	
}
#whycp {
	background: url(img/whatwhybg.gif) no-repeat;	
}
#whatsnew .heading, #whycp .heading {
	height: 32px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding: 13px 0px 0px 20px;
}
#whatsnew .content, #whycp .content {
	height: 224px;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	padding: 13px 20px 0px 20px;
}

#getstarted {
	width: 252px;
	float: left;
}
.start {
	height: 32px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	padding: 13px 0px 0px 20px;
	background: url(img/getstartedbg.gif) no-repeat;	
}
.request {
	height: 66px;
	background: url(img/requestbutton.gif) no-repeat;
}
.request a {
	padding: 22px 0 22px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #6A6453;
	text-decoration: none;
	display: block;
}
.request a:hover {
	height: 22px;
	background: url(img/requestbuttonroll.gif) no-repeat;
	color: #FFFFFF;
}
.contact {
	height: 70px;
	background: url(img/contactbutton.gif) no-repeat;
}
.contact a {
	padding: 13px 0 13px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #6A6453;
	text-decoration: none;
	display: block;
}
.contact a:hover {
	height: 44px;
	background: url(img/contactbuttonroll.gif) no-repeat;
	color: #FFFFFF;
}
.apply {
	height: 75px;
	background: url(img/applybutton.gif) no-repeat;
}
.apply a {
	padding: 23px 0 23px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #6A6453;
	text-decoration: none;
	display: block;
}
.apply a:hover {
	height: 23px;
	background: url(img/applybuttonroll.gif) no-repeat;
	color: #FFFFFF;
}

/* Testimony & Endorsements */

#testendorse {
	height: 108px;
	width: 769px;
	background: url(img/testimonybg.gif) no-repeat;
	color: #332D22;
    clear: both;
}
#testendorse .testendorseimg {
	float: left;
	margin-right: 15px;
}
#box-1, #box-2, #box-3, #box-4, #box-5, #box-6 {
    position: absolute;
}
.testimony {
	padding: 10px 12px 12px 12px;
	width: 366px;
	float: left;	
}
.testimony img {
	float: left;
	margin-right: 15px;
}
.endorsement {
    padding: 10px 12px 12px 0px;
	width: 367px;
	float: left;
}
.endorsement img {
	float: left;
	margin-right: 15px;
}

/* Footer */

#preloadimages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(img/hsmarketroll.jpg);
	background-image: url(img/collmarketroll.jpg);
	background-image: url(img/adlprofmarketroll.jpg);	
	background-image: url(img/requestbuttonroll.jpg);
	background-image: url(img/contactbuttonroll.jpg);
	background-image: url(img/applybuttonroll.jpg);
}

#footer {
	margin: 0;
	padding: 0;
	background: url(img/footerbg.gif) repeat-x;
	padding: 30px 0;
	color: #6A6453;
	clear: both;
}

#footer p {
	margin: 0;
	text-align: center;
}

#footer a {
	color: #6A6453;
}