/******************************* layout styles ****************************************/

/* 'http://www.refertoregis.org/microsite-templates/reset-min.css' used to 
   zero out styles applied to elements by default */

body {
min-width:1020px; /* supported in Mozilla and Safari but not IE */
text-align:center;/* centers layout in middle of screen for IE 6 and below-KLUDGE */
background-color:#464646;
/* so that 1em is equal to 10px */
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;/* optional-define font for site via parent element */
color:#333;
}

#wrapper {
width:1020px;
margin:auto; /* centers layout in middle of screen for CSS compliant browsers */
text-align:left; /* needed to left align text now that text-align:center has beeen asigned to body element */
/* can add background image here to create faux column effect: http://www.alistapart.com/articles/fauxcolumns/  */
background:#fff url(http://67.225.128.217/~devleadg/images/third-level/general-inquiry-bkgd.png) repeat-y;
}

/* method to clear without adding markup: http://www.positioniseverything.net/easyclearing.html */
#all-content:after, #content:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}

#content {
clear:both;
margin-bottom:30px;
}

/******************************* header styles ****************************************/
#header {
/* needed for chat formatting-if I float everything in #header then the #header h2 gets thrown off */
position:relative; 
margin:auto;
width:960px;
height:8.8em;
font-style:italic;
text-align:right;
color:#fff;
background:#0c2340 url(../images/core/header.png) no-repeat left top;
}

#header a.email, #header p.tagline {
display:block;
color:#fff;
text-decoration:none;
}

#header a.email:hover {
text-decoration:underline;
}

#header p.tagline {
color:#fff;
}

#header p.phone-number, #header p.phone-number-nochat, 
#header a.email, #header p.tagline {
position:absolute;
top:5px;
font-size:1.4em;
font-weight:bold;
}

#header p.phone-number-nochat {
left:810px;
}

#header p.phone-number {
left:510px;
}

#header a.email, #header p.tagline {
left:650px;
}

#header a.chat {
display:block;
position:absolute;
right:50px;
top:0;
width:272px;
height:29px;
background:url(../images/core/chat_offstate.png) no-repeat left top;
}

#header a.chat:hover {
background:url(../images/core/chat_overstate.png) no-repeat left top;
}

#header h1 {
float:right;
display:inline; /* IE ^ hack, will move to hack-specific file */
margin-top:55px;
margin-right:50px;
font-size:2em;
font-weight:normal;
}

/******************************* banner styles ****************************************/
#banner {
clear:both;
/* added to enclose other elements inside #banner for Be Influential style, also removed margin:auto; */
float:left; 
margin-left:30px;
width:960px;
height:217px;
background:#fff url(../images/core/btm_shim_main_photo.png) no-repeat left 204px;
}

img#banner-institute {
display:block;
width:960px;
height:204px;
}

img#banner-bi {
display:block;
float:left;
width:582px;
height:204px;
}

#banner #bi-quote {
float:right;
width:298px;
padding:10px 30px 50px 50px ;
height:144px;
font-size:1.2em;
line-height:1.6em;
color:#fff;
background:#998675 url(../images/beinfluential/quotemarks_left.png) no-repeat 20px 10px;
}

#banner #bi-quote p {
margin:3px 0; 
}

#banner #bi-quote p#quote {
padding-bottom:15px;
background:#998675 url(../images/beinfluential/quotemarks_right.png) no-repeat right bottom;
}

#banner #bi-quote a {
text-decoration:underline;
color:#fff;
}

#banner #bi-quote a:hover {
text-decoration:none;
color:#902;
}

#banner #bi-quote h5 {
font-weight:normal;
}

/******************************** main content *************************************/
#main-content {
float:left;
width:527px;
margin-right:0;
margin-left:55px;
}

#main-content h2 {
margin:5px 0 5px 0;
font-size:2em;
}

#main-content h3 {
margin:20px 0 0 0; 
font-size:1.4em;
}

#main-content h4 {
margin:5px 0 1px 0;
font-size:1.25em;
}

#main-content h5 {
margin:5px 0 1px 0;
font-size:1.2em;
}

#main-content p {
margin:10px 0;
font-size:1.25em;
line-height:1.6em;
}

/***************** basic layout **************/
#main-content div.left, #main-content div.right { 
width:240px;
margin:0;
}
#main-content div.left h2, #main-content div.right h2,
#main-content div.left h3, #main-content div.right h3 { 
margin-left:30px;
}

#main-content div.left {
float:left;
}

#main-content div.right {
float:right;
}

/***************** basic ULs **************/
#main-content ul {
margin:0 0 10px 15px;
padding:0 0 0 0;
list-style-type:square;
/*
font-size:1.16em;
line-height:150%;
*/
font-size:1.25em;
line-height:1.6em;
}

#main-content ul li {
margin:2px 0 2px 15px;
/* margin:2px 0; */
padding:0 0 0 0;
}

#main-content ul.left {
float:left;
width:230px;
}

#main-content ul.right {
float:right;
width:230px;
}

#main-content ul.leftmod {
float:left;
width:240px;
}

#main-content ul.rightmod {
float:right;
width:240px;
}

/******* basic anchor styles ******/
a, a:link {
text-decoration:underline;
color:#902;
}

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

/******* misc. styles ******/
.italic {
font-style:italic;
}

.notice {
color:#902;
font-size:1.5em;
}

.IR-text {
display:block;
height:0;
width:0;
text-indent:-9999px;
color:#000;
}

/************* thanks page main-content styles (downloads/custom content) ***********************/
#main-content a.apply {
display:block; 
width:181px; 
height:40px; 
margin:10px 0 0 150px; 
}

#main-content a.apply {
background:url(../images/core/applynow_button_offstate.png) no-repeat left top;
}

#main-content a.apply:hover {
background:url(../images/core/applynow_button_overstate.png) no-repeat left top;
}

/******************************* merit styles (for sidebar one too) *******************************/
#main-content div.merit {
width:502px;
}

#main-content div.merit p {
width:380px;
/* additional font style declarations to override p formating in  #main-content */
font-size:1.1em;
line-height:1.4em
}
/******************************** sidebar *************************************/
#sidebar {
float:right;
width:348px;
margin-right:55px;
}

#sidebar div.merit {
width:318px;
}

#sidebar div.merit p {
width:210px;
margin-top:10px;
}

div.merit {
float:left; /* use a float to enclose a float(s) */
margin:20px 0;
padding:5px 20px 5px 10px;
border-top:10px solid #e8e8e8;
background:#f2f2f2;
}

div.merit img.merit-image {
display:block;
float:left;
width:88px;
height:122px;
}

div.merit p {
float:right; 
font-size:1.1em;
line-height:1.4em;
}

#sidebar a.sap {
display:block;
width:318px;
height:45px;
}

a.sap {
margin:20px 0 0 0;
padding:10px 5px 10px 25px;
border-top:10px solid #e8e8e8;
background:#f2f2f2 url(../images/gen/sap_university_alliances_300px.png) no-repeat 25px 10px;
}

#sidebar div.mil-friendly-holder a.mil-friendly {
display:block;
width:179px;
height:122px;
margin:20px 0 0 0;
padding:10px 84px 0 85px;
border-top:10px solid #e8e8e8;
background:#f2f2f2 url(../images/beinfluential/gi_jobs_logo_sidebar.gif) no-repeat 85px 0px;
}

#sidebar div.mil-friendly-holder p.mil-friendly {
margin:0 0 0 0;
padding:0 5px 5px 20px;
font-size:1.2em;
background:#f2f2f2;
}

/******************** the top of the form ******************/ 
#sidebar #form-top, #sidebar #form-top-thanks, #sidebar .form-top-thanks {
padding:5px 0 0 0;
background:url(../images/core/top_bkgd_form.png) no-repeat left top; 
}

#sidebar .form-top-thanks {
clear:both;
}

#sidebar #form-top {
margin-top:-2px;
}

#sidebar #form-top-thanks, #sidebar .form-top-thanks {
margin-top:20px;
}

#sidebar #form-top h3, #sidebar #form-top-thanks h3, #sidebar .form-top-thanks h3 {
text-align:center;
font-size:2.2em;
margin:0;
padding:0;
color:#990002;
}

#sidebar #form-top h5 {
text-align:center;
font-size:1.15em;
margin:0;
padding:0 0 2px 0;
background:#e8e8e8; 
}

#sidebar #form-top p {
padding:0 10px 10px 10px; 
font-size:1.05em;
background:#e8e8e8; 
}

/****** for displaying emagazines and matching text ******/
#sidebar #form-custom {
background:#e8e8e8; 
}

#sidebar #form-custom img.emag-form {
display:block; 
float:right; 
width:121px; 
height:143px; 
margin-top:5px;
}

#sidebar #form-custom .fc-container {
float:left; 
width:227px; 
background:#e8e8e8;
}

#sidebar #form-custom .fc-container h3 {
margin-top:10px; 
margin-left:15px; 
}

#sidebar #form-custom .fc-container p {
margin:10px 5px 12px 25px;
font-size:1.25em; 
}

/***************************** the form ****************************/
#sidebar form#lp3 {
padding:15px 0 10px 0;
/* border-top:1px dashed #cfcfcf; */ 
background:#e8e8e8;
}

#sidebar form#lp3 ul {
margin:0 50px 0 5px;
padding:0 0 0 0;
list-style-type:none;
font-size:1.15em;
}

#sidebar form#lp3 ul li {
clear:both;
height:25px;
padding:6px 0;
}

#sidebar form#lp3 ul li label {
float:left;
width:77px;
margin:0 3px 0 15px;
text-align:right;
font-size:1em;
}

#sidebar form#lp3 ul li input, #sidebar form#lp3 ul li select {
float:right;
border:1px solid #999;
}

#sidebar form#lp3 ul li input {
width:190px;
}

#sidebar form#lp3 ul li select {
width:193px;
}

#sidebar form#lp3 ul li input#Submit {
display:block;
clear:both;
width:181px;
height:40px;
margin:0 10px 0 0;
font-size:1.25em;
border:none;
background:url(../images/core/form_submit.png) no-repeat left top;
color:#fff;
cursor:pointer;
}

#sidebar form#lp3 p#required-fields {
margin:25px 0 0 50px;
font-size:1.1em;
color:#902;
}

#sidebar form#lp3 span.warning {
font-size:.95em;
color:#902;
}

/*************************** download sidebar message(s) *****************/
#sidebar .dwnldMsg {
clear:both;  
padding:10px 0;
background:#f2f2f2;
}

#sidebar .dwnldMsg img.Emag {
display:block; 
width:210px; 
height:236px; 
margin:0 0 0 60px;
}

#sidebar .dwnldMsg p {
margin:0 50px; 
text-align:center; 
font-size:1.25em; 
font-weight:bold;
}

#sidebar .dwnldMsg a.dwnld-PDF, #sidebar .dwnldMsg a.apply, #sidebar .dwnldMsg a.terms {
display:block; 
width:181px; 
height:40px; 
margin:10px 0 0 90px; 
}

#sidebar .dwnldMsg a.dwnld-PDF {
background:url(../images/core/download_now_but_offstate.gif) no-repeat left top;
}

#sidebar .dwnldMsg a.dwnld-PDF:hover {
background:url(../images/core/download_now_but_overstate.gif) no-repeat left top;
}

#sidebar .dwnldMsg a.apply {
background:url(../images/core/applynow_button_offstate.png) no-repeat left top;
}

#sidebar .dwnldMsg a.apply:hover {
background:url(../images/core/applynow_button_overstate.png) no-repeat left top;
}

#sidebar .dwnldMsg a.terms {
background:url(../images/core/terms_button_offstate.png) no-repeat left top;
}

#sidebar .dwnldMsg a.terms:hover {
background:url(../images/core/terms_button_overstate.png) no-repeat left top;
}

#sidebar .dwnldMsg ul {
list-style:none;
margin:0 5px 0 10px;
padding:0;
font-size:12px;
}

#sidebar .dwnldMsg ul li {
margin:5px 0;
padding:0;
}

#sidebar .dwnldMsg ul.nested {
list-style:square;
margin:0 0 0 30px;
padding:0;
font-size:11px;
}

#sidebar .dwnldMsg ul.nested li {
margin:3px 0;
padding:0;
}

/******************************* footer styles ****************************************/
#footer {
clear:both;
width:1020px;
padding:0 0 6em 0;
background:#d7d7d7 url(http://cps.regis.edu/images/comp1/footer-bkgd.png) no-repeat left bottom;
}

#footer ul {
list-style-type:none;
margin-left:130px;
}

#footer ul li {
float:left;
margin:5px 0 0 0;
padding:0 8px;
border-right:1px solid #000;
color:#000;
}

#footer ul li.last-item {
border-right:none;
}

#footer ul li a {
text-decoration:none;
color:#902;
}

#footer ul li a:hover {
color:#000;
text-decoration:underline;
}

/************************** thank you page styles *************************/
#content #main-content h1.form-thanks {
height:54px;
margin:20px 0 10px -25px;
padding:0;
background:url(http://cps.regis.edu/images/forms/thankyou-pages/thankyou_header.gif) no-repeat;
}

#content #sidebar div.merit p.events {
float:none; 
width:300px;
margin:10px;
font-size:1.25em;
}