/* Basic styles for counselor site */

body {margin: auto; text-align: center; padding: 0; background-color: white;}
body, p, table, tr, th, td, ol, ul, li, input, div {font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: black;}
p {line-height: 1.5em; margin: 20px 10px;}
/*table, h1, h2, h3 {margin: 10px 20px;}*/
h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0px;}
h1 {font-size: 15px;}
h2 {font-size: 13px; border-left: 3px solid black; border-top: 1px solid black; margin-top: 20px; margin-bottom: 10px; padding: 5px 0 2px 5px;}
h3 {font-size: 12px; margin-top: 5px;}
tr, td {vertical-align: top;}
ul {padding-bottom: 10px; list-style-type: disc;}
li {margin-bottom: 5px; margin-left: .2em; line-height: 1.5em; }

a {color: blue;}
a:visited {color: #333388;}

/* Positioning elements container, header, content, copyright, breadcrumb */
#container {position: relative; width: 760px; margin: 15px 0 15px 10px;; padding: 0; border: none;}
#header {width: 760px; height: 59px; background-color: transparent;}
#copyright {width: 760px; margin-top: 20px; padding-bottom: 20px; text-align: center; vertical-align: middle; font-size: 80%;}
.content-row {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #999999; border-bottom-color: #666666; border-left-color: #666666;}
#content li {padding-right: 60px;}
td#breadcrumb {font-size: 90%; color: black; font-weight: normal; vertical-align: middle; padding-left: 5px;}
td#breadcrumb a, td#breadcrumb a:visited {color: black;}

/* Navigation */
#nav-menu-home, #nav-menu-tools, #nav-menu-college101, #nav-menu-prodevelopment, #nav-menu-resourcecenter, #nav-menu-currentevents {z-index: 10; font-size: 80%;}

#nav-menu-home {background-color: transparent; padding-top: 15px;}
#nav-menu-home td {font-size: 80%;}
#nav-menu-home a, #nav-menu-home a:visited {display: inline; text-align: right; color: black; font-weight: bold; padding: 5px; background-color: transparent;}

#nav-menu-tools {visibility:hidden; position: absolute; top: 131px; left: 0px; width: 150px; height: auto; background-color: #E7E7E7; border: 1px solid #666; border-top: none; border-bottom-color: black;}
#nav-menu-tools a, #nav-menu-tools a:visited {display: block; text-align: left; color: black; font-weight: normal; padding: 7px 0px; padding-left: 15px; border-bottom: 1px solid #999999;}
#nav-menu-tools a:hover {background-color: #D3D3D3;}


#nav-menu-college101 {visibility:hidden; position: absolute; top: 131px; left: 75px; width: 150px; height: auto; background-color: #E7E7E7; border: 1px solid #666; border-top: none; border-bottom-color: black;}
#nav-menu-college101 a, #nav-menu-college101 a:visited {display: block; text-align: left; color: black; font-weight: normal; padding: 7px 0px; padding-left: 15px; border-bottom: 1px solid #999999;}
#nav-menu-college101 a:hover {background-color: #D3D3D3;}


#nav-menu-prodevelopment {visibility:hidden; position: absolute; top: 131px; left: 174px; width: 150px; height: auto; background-color: #E7E7E7; border: 1px solid #666; border-top: none; border-bottom-color: black;}
#nav-menu-prodevelopment a, #nav-menu-prodevelopment a:visited {display: block; text-align: left; color: black; font-weight: normal; padding: 7px 0px; padding-left: 15px; border-bottom: 1px solid #999999;}
#nav-menu-prodevelopment a:hover {background-color: #D3D3D3;}


#nav-menu-resourcecenter {visibility:hidden; position: absolute; top: 131px; left: 369px; width: 150px; height: auto; background-color: #E7E7E7; border: 1px solid #666; border-top: none; border-bottom-color: black;}
#nav-menu-resourcecenter a, #nav-menu-resourcecenter a:visited {display: block; text-align: left; color: black; font-weight: normal; padding: 7px 0px; padding-left: 15px; border-bottom: 1px solid #999999;}
#nav-menu-resourcecenter a:hover {background-color: #D3D3D3;}

#nav-menu-currentevents {visibility:hidden; position: absolute; top: 131px; left: 499px; width: 150px; height: auto; background-color: #E7E7E7; border: 1px solid #666; border-top: none; border-bottom-color: black;}
#nav-menu-currentevents a, #nav-menu-currentevents a:visited {display: block; text-align: left; color: black; font-weight: normal; padding: 7px 0px; padding-left: 15px; border-bottom: 1px solid #999999;}
#nav-menu-currentevents a:hover {background-color: #D3D3D3;}

/* New styles added by Daniel Hertz Nov 11, 2003 */
table.rnav-box {width: 250px; height: 100%; margin: 35px 0px 0px 20px;}
table.rnav-box td {border: 1px dashed #999; background-color: #E7E7E7; padding: 1em;}
table.rnav-box td h2 {border: none; margin-top: 0;}
table.rnav-box td li {margin-left: -.8em; padding-left: 0em;}


/* Not Used */

/*#content {
margin-top: -20px;
padding-top: 1px;
width: 760px;
height: auto;
border: 1px solid #333333;
border-top: none;
border-right-color: #666666;
background-color: transparent;*/
/*begin box-model hack*/
/*voice-family: "\"}\"";
voice-family:inherit;
width:758px;}
html>body #content {width: 758px;}*/
/*end box model hack*/
