@import "iehack.css";

/* style sheet for peer mentoring webpages 
. is for class
# is for id
*/


/* body */
body {
color: #ccc;
background-color: #000;
margin: 0px;
padding: 0px;
background-image: url(../pictures/cdu_header_logo_side.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
}


/* main container */
#container {
width:760px;
margin-right:auto;
margin-left:auto;
border: 0px solid #fe0000;
background-color: #ccc;
}



/* peer mentoring banner */
#head {
z-index:4;
width:760px;
margin-left:auto;
margin-right:auto;
top:0px;
padding: 0px;
border-style:none;
}


/* header */
#header {
z-index:4;
margin-right:auto;
margin-left:auto;
width:748px;
border: 0px solid #cccccc;
border-top: 1px solid #ccc; /* header borders */
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-top: -5px;
margin-bottom:0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom:0px;
padding-left: 0px;
background-color: #fe0000;
padding-bottom: 0px;
padding-top: 0px;
text-align: right;
line-height: 6px;
}



.access {
text-decoration:overline;
}

/* search word */
.search {
background-color: #fe0000;
font-size:1.2em; 
text-align: right;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
padding:0px;
margin: 0px;
}



/*  for between search boxes */
.search_item {
text-align:right;
font-weight: bold; 
font-size: small; 
COLOR: #ccc; 
line-height: normal; 
font-family: Arial, Helvetica, sans-serif;
padding-bottom:0px;
margin: 0px;
}


#qtype {
margin:0px;
padding:0px;
}



/* main navigation */
#navigation {
float:right;
width: 165px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 0 0 0;
margin-bottom: 0px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-weight:bold;
font-size: 0.9em;
color: #ccc;
}


#navigation ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}


#navigation li {
border-bottom: 1px solid #a1adad;
margin: 0;
padding: 0px;
}


#navigation li a {
display: block;
padding: 5px 5px 0px 0.5em; /* padding within navigation */
border-left: 10px solid #334980;
border-right: 10px solid #002480;
background-color: #fe0000;
color: #ccc;
text-decoration: none;
width: 100%;
}


html>body #navigation li a { 
width: auto; 
}


#navigation li a:hover {
border-left: 10px solid #4462ab;
border-right: 10px solid #0035bd;
background-color: #ff7a7a;
color: #002480;
}


#active a:link, #active a:visited {
border-left: 10px solid #4462ab;
border-right: 10px solid #0035bd;
background-color: #ff7a7a;
color: #002480;
}


.cdu:first-letter {
color: #000000;
}


/* main section */
#main {
background-image: url (../pictures/cdulogo.jpg);
float:left;
width: 571px;;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 0px solid #a1adad;
border-left: 2px solid #ccc;
margin: 0px;
padding-bottom:0px;
background-color: #ccc;
color: #000;
padding:0 10px 0 10px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 0.9em;
font-weight:normal;
}


/* about picture */
.about {
float: right;
margin: 60px 15px 5px 5px;
padding:0px;
clear: right;
}


/* about picture */
.about1 {
margin: 0 0 0 0;
padding:0px;
}

/* footer */ 
#footer {
z-index:4;
margin-right:auto;
margin-left:auto;
clear:both;
width:758px;
padding-left:0px;
padding-right:0px; 
margin-top: 0; 
margin-bottom: 0px;
border-top: 0px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 0px solid #666; 
border-left: 1px solid #ccc;
background-color: #fe0000;
}


#footer p {
border: 0px solid #ccc; 
margin-top: 0px; 
margin-bottom: 0px;
margin-right: auto;
margin-left:auto;
font-size: 0.8em;
font-weight:normal;
padding-left:50px;
}

p.benefit {
font-weight:bold;
}


p.site {
font-weight:bold;
margin-left:30px;
}



p.site1 {
font-weight:bold;
margin-left:50px;
}

dt {
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}


h3 {
margin: 5px 0 -8px 0;
padding:0px;
}

hr {
margin: 0 0 0 270px ;
padding: 0px;
}


.aboutheading {
margin: 5px 0 -10px 0;
padding:0px;
}

.abouthr {
margin: 0 0 0 65px ;
padding: 0px;
}



.accessheading {
margin: 5px 0 -9px 0;
padding:0px;
}

.accesshr {
margin: 0 0 0 235px ;
padding: 0px;
}

.benefitsheading {
margin: 5px 0 -9px 0;
padding:0px;
}

.benefitshr {
margin: 0 0 0 85px ;
padding: 0px;
}



.contactsheading {
margin: 5px 0 -9px 0;
padding:0px;
}

.contactshr {
margin: 0 0 0 85px ;
padding: 0px;
}



.linksheading {
margin: 5px 0 -9px 0;
padding:0px;
}

.linkshr {
margin: 0 0 0 55px ;
padding: 0px;
}


.siteheading {
margin: 5px 0 -9px 0;
padding:0px;
}

.sitehr {
margin: 0 0 0 85px ;
padding: 0px;
}


.form1 {
margin:opx;
padding-top: 10px;
}


/* mentoree picture */
.ment1 {
float: right;
margin: -180px 25px 50px 0px;
padding:0px;
clear: right;
}


/* mentor picture */
.ment2 {
float: right;
margin: -160px 10px 68px 0px;
padding:0px;
clear: right;
}




/* main navigation hack for IE */
* html #navigation {
float:right;
width: 133px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 0 0 0;
margin-bottom: 0px;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-weight:bold;
font-size: 0.9em;
color: #ccc;
}

/* main section hack for IE */
*html #main {
float:left;
width: 571px;;
border-top: 1px solid #fff;
border-right: 1px solid #a1adad;
border-bottom: 0px solid #a1adad;
border-left: 2px solid #ccc;
margin: 0 0 0 0;
background-color: #ccc;
color: #000;
padding: 10px 10px 1px 10px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 0.9em;
font-weight:normal;
}



*html h3 {
margin: 5px 0 -16px 0;
padding:0px;
}

*html hr {
margin: 0 0 0 290px ;
padding: 0px;
}


*html .aboutheading {
margin: 5px 0 -16px 0;
padding:0px;
}



*html .benefitsheading {
margin: 0 0 -16px 0;
padding:0px;
}

*html .benefitshr {
margin: 0 0 0 90px;
padding:0px;
}



*html .contactsheading {
margin: 0 0 -16px 0;
padding:0px;
}


*html .contactshr {
margin: 0 0 0 90px;
padding:0px;
}



*html .linksheading {
margin: 0 0 -17px 0;
padding:0px;
}

*html .linkshr {
margin: 0 0 0 60px;
padding:0px;
}


*html .siteheading {
margin: 0 0 -16px 0;
padding:0px;
}


*html .sitehr {
margin: 0 0 0 90px;
padding:0px;
}