/* 
Name:			corporate.css
Author:			Kevin Mauer
Created:		08/26/2009
Description:	Redefines only those properties for styles from default.css needed to create the look and feel for 
                the Corporate Connection subsite.
*/

 
body {
	background: #435664;	
}

#pageContainer {
	background: #435664 url(/images/corp_page_bg.gif) repeat-y;
}

/* ************ MAIN HEADER STYLES ************** */

/* ************ HEADER LOGIN STYLES (ON EVERY PAGE) ************** */

/* container and background for the login */
#login {
	background: #FFFFFF url(/images/corp_login_bg.jpg) repeat-x;
	color: #000000;
}

/* container for login button in the main header */
.loginButtonBox {
    width: 50px;
    height: 18px;
    background: url('/images/corp_login_butt.gif') no-repeat center;
}


/* ************ SEARCH STYLES - PRIMARY SEARCH CONTROL IN MAIN HEADER ************ */

/* search container that holds main search control */
#search {
	background: #FFFFFF url(/images/corp_search_bg.jpg) repeat-x;
	color: #000000;
}

#search .go_button {
    left: 270px;
    width: 23px;
    background: url('/images/corp_go_button.gif') no-repeat center;
}

#search .rOrangeArrow {
    display: none;
}

#search .corpTriangleUp {
    display: inline;
}

/* container and background for the student/corporate tabs */
#topTabs {
	background: #FFFFFF url(/images/corp_studentTab_bg.jpg) no-repeat top left;
}

#topTabs a#studentTab, #topTabs a#studentTab:visited, #topTabs a#corporateTab, #topTabs a#corporateTab:visited {
     color: #FFFFFF;
}

a#studentTab {
    background: url(/images/corp_studentTab_bg.jpg) no-repeat top left;
}

a#corporateTab {
    background: url(/images/corp_corporateTab_bg.jpg) repeat-x;
}

#topTabs a#studentTab:hover {
    background: url(/images/corp_studentActiveTab_bg.jpg) no-repeat top left;
    color: #000000;
}

#topTabs a#corporateTab:hover {
    background: url(/images/corp_corporateActiveTab_bg.jpg) repeat-x;
    color: #000000;
}

/* ************ BANNER STYLES ************** */

/* This is the top banner, immediately below the nave bar, that spans the whole
    page. By default, it is hidden. */
#banner {
	display: block;
	background-color: #292929;
}

#main_content {
    margin: 180px 0px 250px 0px;
}

/* ************ RIGHT COLUMN TEASERS ************** */

/* top teaser */
.topRightTeaser {
    background: #7290A2 /*url(/images/corp_blueTeaser_link.gif) no-repeat bottom left*/;
}

/* middle teaser */
.midRightTeaser {
    background: #57307A /*url(/images/corp_purpleTeaser_link.gif) no-repeat bottom left*/;
}

/* bottom teaser */
.bottomRightTeaser {
    background: #666666 /*url(/images/corp_grayTeaser_link.gif) no-repeat bottom left*/;
}

/* teaser headings */
.topRightTeaser h2, .midRightTeaser h2, .bottomRightTeaser h2 {
    color: #FFF6E7;
}

/* teaser links */
.orangeBox .teaserLinkOrangeBox a, .orangeBox .teaserLinkBlueBox a, .orangeBox .teaserLinkOcherBox a, .orangeBox .rightTeaserLink a, 
.topRightTeaser .teaserLinkOrangeBox a, .topRightTeaser .teaserLinkBlueBox a, .topRightTeaser .teaserLinkOcherBox a, .topRightTeaser .rightTeaserLink a {
    background: #385564;
}

.blueBox .teaserLinkOrangeBox a, .blueBox .teaserLinkBlueBox a, .blueBox .teaserLinkOcherBox a, .blueBox .rightTeaserLink a, 
.midRightTeaser .teaserLinkOrangeBox a, .midRightTeaser .teaserLinkBlueBox a, .midRightTeaser .teaserLinkOcherBox a, .midRightTeaser .rightTeaserLink a {
    background: #240B39;
}

.ocherBox .teaserLinkOrangeBox a, .ocherBox .teaserLinkBlueBox a, .ocherBox .teaserLinkOcherBox a, .ocherBox .rightTeaserLink a, 
.bottomRightTeaser .teaserLinkOrangeBox a, .bottomRightTeaser .teaserLinkBlueBox a, .bottomRightTeaser .teaserLinkOcherBox a, .bottomRightTeaser .rightTeaserLink a {
    background: #000000;
}

/* ************ FOOTER STYLES ************** */
#footer {
	background-image: url(/images/corp_botNavBar.jpg);
}

#botNavBar { /* div */
	background-image: url(/images/corp_botNavBar.jpg);
}

#footerContactInfo { /* div */
	color: #666666;
}

#orangeLine {
	background-color: #000066;
}

/* **************************** PAGE BORDER STYLES ****************************** */

#bottomBorder {
	background-image: url(/images/corp_bottom_border.jpg);
	background-color: #435664;
}

/* ********** LINKS ********** */

/* MAIN HEADER LINKS */
#login a:link, #login a:visited, 
#search a:link, #search a:visited { 
    color: #000000;
}

#login a:hover, #login a:active, #login a:focus, 
#search a:hover, #search a:active, #search a:focus { 
    color: #000000;
}

/* BOTTOM TEXT LINKS */
#bottomLinks a:link, #bottomLinks a:visited {
    color: #333333;
}

#bottomLinks a:hover, #bottomLinks a:active {
    color: #333333;
}

h1.heading1Blue, h2.heading2Blue, h3.heading3Blue {
    color: #290D43;
}

h1.heading1Orange, h2.heading2Orange, h3.heading3Gray {
    color: #4E7893;
}

h1.heading1Ocher, h2.heading2Ocher, h3.heading3Black {
    color: #333333;
}