@charset "UTF-8";
/* Campus Plus */

/*/// BODY ///////////////////////////////
///////////////////////////////////////*/
html, body {margin:0px; padding:0px; background:#fff; }
body {font:13px Helvetica, Arial, sans-serif; text-align:center; color:#fff; }
p {margin:0px 0px 10px; font-style:normal; font-weight:normal; }
h1 {display:block; font-size:20px; font-weight:bold; padding:0px; margin-bottom:10px; line-height:22px; overflow:visible; }
a, a:hover{color:#c10000; text-decoration:none; }
a:hover {color:#fc0000; text-decoration:underline; }
ul {margin:-5px 0 0 10px; }
ul li {margin-bottom:10px; list-style:none; }
span {display:none }
#anchor {
	position:relative; display:block; text-align:center; margin:0px; padding:0px; }
#container {
	position:relative; width:996px; margin:0px auto; padding:0px; text-align:left; border-left:0px solid #fff; border-right:0px solid #fff; border-bottom:0px; background:#fff; 
border-right: 15px solid #a5b117;
border-left: 15px solid #a5b117;
	}

/*/// HEADER /////////////////////////////
///////////////////////////////////////*/
#header {
	width:996px; height:174px; margin:0px; padding:0px; }
.logo {
	position:absolute; top:38px; left:33px; width:229px; height:65px; overflow:hidden; }
.banner-home {
	width:996px; height:135px; margin:0px; padding:0px; }
.banner {
	width:996px; height:135px; margin:0px; padding:0px; background:url(/images/CPtop.jpg) no-repeat #fff; }

/*/// MENU ///////////////////////////////
///////////////////////////////////////*/
#menu, ul #menu {
	width:996px; height:39px; padding:0px; margin:0px; border:0px solid red; overflow:visible; list-style:none; }
#menu li {position:relative; height:39px; float:left; margin:0px; padding:0px;  }
.menucompanyinfo a, .menucompanyinfo a:hover {
	height:39px; float:left; width:177px; background:url(/images/menuCompanyinfo.gif) no-repeat 0 0; }
.menucompanyinfo a:hover {
	background:url(/images/menuCompanyinfo.gif) no-repeat 0 -39px; }

.menuthemarket a, .menuthemarket a:hover {
	float:left; height:39px; width:151px; background:url(/images/menuThemarket.gif) no-repeat 0 0; }
.menuthemarket a:hover {
	background:url(/images/menuThemarket.gif) no-repeat 0 -39px; }
	
.menuthemedia a, .menuthemedia a:hover {
	float:left; height:39px; width:136px; background:url(/images/menuThemedia.gif) no-repeat 0 0; }
.menuthemedia a:hover {
	background:url(/images/menuThemedia.gif) no-repeat 0 -39px; }

.menuthemessage a, .menuthemessage a:hover {
	float:left; height:39px; width:166px; background:url(/images/menuThemessage.gif) no-repeat 0 0; }
.menuthemessage a:hover {
	background:url(/images/menuThemessage.gif) no-repeat 0 -39px; }
	
.menurequestquote a, .menurequestquote a:hover {
	float:left; height:39px; width:174px; background:url(/images/menuRequestquote.gif) no-repeat 0 0; }
.menurequestquote a:hover {
	background:url(/images/menuRequestquote.gif) no-repeat 0 -39px; }

.menumaterialspecs a, .menumaterialspecs a:hover {
	float:left; height:39px; width:192px; background:url(/images/menuMaterialspecs.gif) no-repeat 0 0; }
.menumaterialspecs a:hover {
	background:url(/images/menuMaterialspecs.gif) no-repeat 0 -39px; }
a.menucontactus, a.menucontactus {
	float:left; height:15px; width:100px; margin:-1px 0 0 3px; background:url(/images/menuContactus.jpg) no-repeat; }

/*/// CONTENT ////////////////////////////
///////////////////////////////////////*/
#wrapper-home {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-home.gif) no-repeat; }
#wrapper-companyinfo {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-blue.gif) repeat-y; }
#wrapper-themarket {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-green.gif) repeat-y; }
#wrapper-themedia {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-pink.gif) repeat-y; }
#wrapper-themessage {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-orange.gif) repeat-y; }
#wrapper-requestquote {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-brown.gif) repeat-y; }
#wrapper-materialspecs {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-purple.gif) repeat-y; }
#wrapper-contactus {
	width:996px; padding:0px; margin:0px; background:url(/images/bg-contact.gif) repeat-y; }

.leftrail, .leftrail-companyinfo, .leftrail-themarket, .leftrail-themedia, .leftrail-themessage, .leftrail-requestquote, .leftrail-materialspecs, ul.leftrail, ul.leftrail-companyinfo, ul.leftrail-themarket, ul.leftrail-themedia, ul.leftrail-themessage, ul.leftrail-requestquote ul.leftrail-materialspecs {
	position:relative; float:left; width:112px; padding:15px; margin:0px; border:0px solid red; color:#fff; font-size:11px }
.leftrail-contact {
	position:relative; float:left; width:225px; padding:20px 30px 25px; margin:0px; border:0px solid red; color:#fff; font-size:11px }
.leftrail-companyinfo a, .leftrail-companyinfo a:hover {display:block; line-height:13px; padding:0 0 0 15px; background:url(/images/bullet-blue.jpg) no-repeat 0 3px; color:#fff; }
.leftrail-themarket a, .leftrail-themarket a:hover {display:block; line-height:13px; padding:0 0 0 15px; background:url(/images/bullet-green.jpg) no-repeat 0 3px; color:#fff; }
.leftrail-themedia a, .leftrail-themedia a:hover {display:block; line-height:13px; padding:0 0 0 15px; background:url(/images/bullet-pink.jpg) no-repeat 0 3px; color:#fff; }
.leftrail-themessage a, .leftrail-themessage a:hover {display:block; line-height:13px; padding:0 0 0 15px; background:url(/images/bullet-orange.jpg) no-repeat 0 3px; color:#fff; }
.leftrail-requestquote a, .leftrail-requestquote a:hover {color:#a5b117; }
.leftrail-materialspecs a, .leftrail-materialspecs a:hover {display:block; line-height:13px; padding:0 0 0 15px; background:url(/images/bullet-purple.jpg) no-repeat 0 3px; color:#fff; }
.leftrail a:hover {
	text-decoration:underline; }	
	
.content-home {
	position:relative; width:996px; height:473px; margin:0px; padding:0px; overflow:hidden; color:#000; font-size:14px; background:url(/images/bg-home.jpg) no-repeat; }
.content {
	position:relative; float:left; width:724px; margin:15px 65px; padding:0px; overflow:hidden; color:#000; font-size:14px; }
.content-contact {
	position:relative; float:left; width:581px; margin:15px 65px; padding:0px; overflow:hidden; color:#000; font-size:14px;}
.message-home {
	position:absolute; top:45px; left:490px; width:475px; padding:0px; margin:0px0; color:#006990; font-size:12px; }

/*/// FOOTER /////////////////////////////
///////////////////////////////////////*/
#footer {
	position:relative; display:block; height:32px; color:#bbb; margin:0px; padding:0px; text-align:center; font-size:10px; }
.footerbody {
	position:relative; width:996px; height:32px; margin:10px auto 0; font-size:11px; background:#fff; border:0px solid red; }
.login-privacy {
	position:relative; float:left; height:24px; left:0px; width:270px; margin:0px; padding:8px 0 0; }
	.login-privacy a, .login-privacy a:hover {
		color:#a5b117; text-decoration:none; font-weight:normal; }
	.login-privacy a:hover {
		text-decoration:underline; }
.copyright {
	position:relative; float:right; height:24px; width:300px; padding:8px 0 0; color:#a5b117; border-right:1px solid #006990; }
.contact {
	position:relative; float:right; height:24px; width:225px; padding:5px 0 0; color:#006990; }
.forinfo {
	position:relative; float:left; margin:3px 0 0 30px; }

/*/// ADDITIONAL STYLES //////////////////
///////////////////////////////////////*/
.map {
	position:relative; float:right; margin:20px 0 0; }
.clear, #clear {
	position:relative; clear:both; height:0px !important; line-height:0px; display:block; margin:0px; padding:0px; }
.imgalign, #imgalign {
	vertical-align:middle; }

.title {font-weight:bold; font-size:16px; margin:20px 0 3px; }
.titleleft {font-weight:bold; color:#fff; font-size:16px; margin:20px 0 3px; }
#wrapper-companyinfo .title, #wrapper-contactus .title {color:#006990; }
#wrapper-themarket .title {color:#a5b117; }
#wrapper-themedia .title {color:#e7007c; }
#wrapper-themessage .title {color:#f78900; }
#wrapper-requestquote .title {color:#432d00; }
#wrapper-materialspecs .title {color:#8b3490; }
#wrapper-contactus .leftrail-contact .title {color:#fff; }

.boldcaps{
	display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:10px; }
.smallfont {
	font-size:10px; }
.largefont {
	font-size:20px; line-height:24px; }
.floatleft, #floatleft {
	float:left; margin:0 10px 0 0; }
.floatright, #floatright {
	float:right; margin:0 0 0 10px; }
.divider {
	position:relative; display:block; height:2px; background:url(images/divider.jpg) no-repeat; margin:10px 0px 15px; clear:both; }
.divider2 {
	position:relative; display:block; height:2px; background:url(images/divider2.jpg) no-repeat; margin:1px 0px 15px; clear:both; }
.space {
	position:relative; display:block; height:12px !important; margin:0px; padding:0px;}
	
/*/// CONTACT FORM //////////////////
//////////////////////////////////*/
#contactform {position:relative; margin:0px; padding:0px; }
.contactName{position:relative; top:-5px; color:#000; font:14px Helvetica, sans-serif; width:210px; height:16px; padding:4px 5px 0; margin:0px; border:1px solid #aaa; background:#fff; }
.contactEmail{position:relative; top:-5px; color:#000; font:14px Helvetica, sans-serif; width:210px; height:16px; padding:4px 5px 0; margin:0px; border:1px solid #aaa; background:#fff; }
.contactSubject{position:relative; top:-5px; color:#000; font:14px Helvetica, sans-serif; width:210px; height:16px; padding:4px 5px 0; margin:0px; border:1px solid #aaa; background:#fff; }
.contactMessage{position:relative; top:-5px; color:#000; font:14px Helvetica, sans-serif; width:210px; height:100px; padding:4px 5px 0; margin:0px; border:1px solid #aaa; background:#fff; }
.contactSubmit{width:64px; padding:0 10px; border:0px solid #000; background:#006990; color:#fff; }