/*
Colours:
Light pink: #efcde2 (was FFCCFF)
medium pink: #ef81ba (was FF99CC)
darkest pink: #ee3c96 (was FF3399)
Dark grey: #666666

*/

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;}
body {margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom: 0px; padding:0px; text-align:center; font-family: Arial, Tahoma, Verdana; font-size: 0.9em; color: #666666}
#wrapper {width: 950px; margin-left:auto; margin-right:auto; padding:0px; text-align: justify}
#header {width:100%; margin:0px; padding:0px; background:url(header.gif); height:120px; text-align:right; color: #666666}
#topline {width: 100%; height:9px; background: #ee3c96; margin:0px; padding:0px}
#middlewrapper {width: 100%; margin: 0px; padding:0px; background: #FFFFFF}
#menu {width:180px; background: #efcde2; float: left; margin:0px; padding:0px; font-size: 0.9em}
#contentarea {width: 745px; background: #FFFFFF; margin-left:192px; margin-right:0px; margin-top: 0px; margin-bottom:0px; padding-top:15px; padding-bottom:0px; padding-right:0px; padding-left:0px}
#footer {clear: both; width: 950px; background: #ee3c96; margin:0px; padding-top:1px; padding-bottom:1px; text-align:center; font-size: 80%; color: #FFFFFF}
#footer a {color: #FFFFFF}
#eventBox {float:right; border: 2px solid black; width: 200px; margin: 9px}
#eventInner {padding: 5px; text-align: left}
a. menuOn {color: #FFFFFF; background: #FF99CC} /* or FF99FF */


#menu td a:link, #menu td a:visited {text-decoration:none; font-weight: bold; color: #666666; font-size: 12px}
#menu td a:hover {text-decoration:none; font-weight: bold; color: #ee3c96; font-size: 12px}
#menu td a.On {text-decoration:none; font-weight: bold; color: #FFFFFF; font-size: 12px}
td.menuOn {background: #ef81ba; padding-top:7px; padding-bottom:7px}
td.menu {padding-top:7px; padding-bottom:7px}
table.std {width:100%; border:0;}

/* new menu */
#nav, #nav ul {padding: 0; margin: 0; list-style: none; text-align:left; width:180px} 
#nav a {display: block; width: 180px; text-decoration:none; font-weight: bold; color: #666666; font-size: 12px; text-indent:13px}
#nav li {float: left; width: 180px;}
#nav li a {padding-top:7px; padding-bottom:7px}
#nav li:hover, #nav a.On {background: #ef81ba;}
#nav li ul, #nav li.sfhover ul {position:absolute; width: 180px; left: -999em; background-color: #CCCCCC;}
#nav li:hover ul {margin: -1em 0 0 10em;}
#nav li:hover ul {left: 180px; margin-top: -30px}



h1 {font-size: 1.6em; text-align: left; font-style: italic; color: #ee3c96}
h2 {font-size: 1.2em; font-style: italic}
ul {list-style-type : square;}

input {font-family: arial; font-size:0.9em}
textarea {font-family: arial; font-size:0.9em}

/* mentee form and use for new forms */
fieldset {border: none}
fieldset br {clear: both;}
legend {font-weight:bold; font-size:1.2em; padding:9px;}
label {display: block; width: 200px; float: left; margin: 2px 4px 6px 4px; padding-top:3px; text-align: right; font-weight:bold;}/* was 110px */
#mentees input, #mentees textarea, #mentees select {float:left; margin: 2px 4px 6px 4px; text-align: left;}
#mentees input {width:200px}
#mentees textarea {width:400px; height:140px}

.mentorQuote {border:2px solid #ee3c96; color: #ee3c96; padding:20px; width:90%; font-style: italic; font-weight:bold; font-size:1.2em; margin-left:auto; margin-right:auto; margin-top:20px; line-height:1.5em;}
.pink {color: #ee3c96}
.spacer {height:10px}
.pcb {text-align: center; font-weight: bold; color: #ee3c96}
.pb {font-weight: bold; color: #ee3c96}
.cb {text-align: center; font-weight: bold}
.rb {text-align: right; font-weight: bold}
.r {text-align: right}
.c {text-align:center}
.b {font-weight:bold}
.small {font-size: 80%}
.centerbottom {text-align:center; vertical-align:bottom}
a.editlink {color: #000099; text-decoration: none}
a:link, a:visited {color: #ee3c96}
a:hover {color: #ef81ba}

img.TLcontent {margin-left: 0px; margin-right: 13px; margin-top: 0px; margin-bottom: 10px; border:none}
img.TCcontent {margin-left: 13px; margin-right: 13px; margin-top: 0px; margin-bottom: 10px; border:none}
img.TRcontent {margin-left: 13px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; border:none}
img.Lcontent {margin-left: 0px; margin-right: 13px; margin-top: 3px; margin-bottom: 10px; border:none}
img.Rcontent {margin-left: 13px; margin-right: 0px; margin-top: 3px; margin-bottom: 10px; border:none}
img.BLcontent {margin-left: 0px; margin-right: 13px; margin-top: 0px; margin-bottom: 25px; border:none}
img.BCcontent {margin-left: 13px; margin-right: 13px; margin-top: 0px; margin-bottom: 25px; border:none}
img.BRcontent {margin-left: 13px; margin-right: 0px; margin-top: 0px; margin-bottom: 25px; border:none}