html {
	margin: 0px;
	padding: 0px;

        min-width: 790px;
}


/* the whole site */
#site_rue {
	margin: 0px 0px; 
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;

	background-color: white;
}

#header {
        top: 0px;
        left: 0px;
        width: 100%;
}

#headertop {
        margin-left: 0px;
        margin-right: 0px;

        background-image: url(images/head_bg.jpg);
        background-repeat: repeat-x;
}

#logo {
        position: relative;
        left: 0px;
}

/* navigation at the top */

#topNav {
        height: 3.5em;
        width: 100%;
        background-color: #c8b173;

        border-bottom: solid;
        border-top-color: #b08f37;
        border-bottom-color: #b08f37;
        border-width: 2px;
}

#topNavHeading {

        background-color: black;

        color: white;
        font-size: large;
 
        padding-left: 0.2em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
}

#navList {
        padding-left: 1em;
}

#navList, #navList ul {
        float: left;
        list-style: none;

        padding-top: 0.3em;
        padding-bottom: 0.3em;
        margin: 0;
}

#navList ul {
	position: absolute;
	width: 11em;
	left: -999em;

        height: auto;

        padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

        z-index: 999;

        background-color: white;

        border-color: #b08f37;
        border-style: solid;
        border-width: 2px;
}

#navList li ul ul {
	margin: -1em 0 0 10em;
}

#navList li a:hover {
        color: white;
}

#navList li:hover, #navList li.sfhover {
        background-color: #e3dac1;
}

#navList li:hover ul ul, #navList li:hover ul ul ul, #navList li.sfhover ul ul, #navList li.sfhover ul ul ul {
        left: -999em;
}

#navList li:hover ul, #navList li li:hover ul, #navList li li li:hover ul, #navList li.sfhover ul, #navList li li.sfhover ul, #navList li li li.sfhover ul {
        left: auto;
}

#navList li ul li {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        width: 100%;
        margin-right: 0em;
}

#navList li ul li a {
        padding-left: 0.3em;
}

#navList li {
        float: left;
        line-height: 1;
        margin-right: 1em;
}

#navList a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        color: black;
}

#bodyMain {
        clear: all;

        position: absolute;
        
        background-image: url(images/head_bg_up.jpg);
        background-repeat: repeat-x;
}

#bodyRightMenu {
        float: right;

        margin-right: 15px;
        margin-top: 15px;

        width: 200px;

        background-color: white;

        border-style: solid;
        border-width: 2px;
        border-color: #b08f37;

        display: inline; /* IE bug, workaround */
}

.sideMenu {
        margin: 0.3em 0.3em 0.3em 0.3em;
        /* color: transparent; */
}

.sideHeading {
        background-color: #e3dac1;

        color: black;
        font-weight: bold;
        
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        padding-left: 0.2em;
        
        border-style: dashed;
        border-width: 1px;
}

.sideMenu img {
        margin-top: 0.5em;
        border-style: none;
}

.sideMenu ul {
        list-style: none;

        margin-top: 0.3em;
        margin-bottom: 0.3em;

        margin-left: 0px;
        padding-left: 0.2em;

}

.sideMenu ul li {
        padding-bottom: 0.5em;
        padding-left: 0px;
        padding-right: 0px;

}

.sideMenu a {
        color: black;
}

#bodyCenter {
        min-width: 960px;

        position: relative;
        top: 15px;

        margin-right: 234px;
        margin-bottom: 15px;

        background-color: transparent;
}

#bodyContent {
        background-color: transparent;
        
        margin-left: 15px;
        margin-bottom: 15px;
}

#bodyContent a {
        color: black;
}

#bodySection, #bodyApply {
      width: 960px;
        background-color: white;

        border-style: solid;
        border-width: 2px;
        border-color: #b08f37;

        padding: 0 0.5em 0 0.5em;
}

#bodySection h1, #bodyApply h1 {
        font-size: x-large;
        text-align: center;
}


.bodySectionYear, .formSec {
        clear: left;
       
        margin-bottom: 1.5em;
}

.bodySectionYearHeader, .formSecHead {
        background-color: #e3dac1;

        font-size: large;

        border-style: dashed;
        border-width: 1px;
 width: 960px;
        padding-top: 0.1em;
        padding-bottom: 0.1em;
        padding-left: 0.5em;
}

.bodySec {
        padding-left: 0px;
}

.bodySec li {
        list-style: none;
        padding-left: 0em;
        margin-bottom: 0.8em;
}

.bodySec li h2 {
        font-size: large;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
}

.bodySec li h3 {
        font-size: medium;
        font-weight: normal;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0.7em;
}


/* form only css */

.err {
    margin-top: 2em;
    margin-bottom: 2em;

    border-style: dashed;
    border-width: 1px;

    padding-bottom: 0.2em;

    background-color: #fbeded;
}

.errHead {
    background-color: red;
    color: white;
    font-size: large;
    font-weight: bold;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    margin-bottom: 0.2em;
}

.errMsg {
    padding-left: 0.3em;
    font-weight: bold;
}

.formReq {
        color: red;
}

.formSecHead {
        margin-bottom: 0.5em;
}

.formSecQue {
        margin-bottom: 1em;
}

.formSecQueInpSmall, .formSecQueInpBig {
        border-style: solid;
        border-width: 1px;
        border-color: #b08f37;
}

#btnSubmit {
        margin-top: 0.5em;
        margin-left: 2em;
}

/* student */
.bodySecStudFrame {
        float: left;
        margin-top: 10px;

        /* IE bug workaround */
        position: relative;

        width: 220px;
        height: 220px;

        possition: relative;

        z-index: 999;

        background-image: url(images/student_frame.jpg);
}

.bodySecStudFrame img {
        padding: 3px;
        border-style: solid;
        border-width: 1px;
}

.bodySecStud {
        margin-top: 1em;
        height: 210px;
}

.bodySecStud ul {
        list-style: none;
}

.bodySecStud ul  li {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
}

/* activities */
.bodySecActivFrame {
        float: left;
        margin-top: 10px;

        /* IE bug workaround */
        position: relative;

        width: 420px;
        height: 220px;

        background-image: url(images/activities_frame.jpg);

        z-index: 999;
}

.bodySecActivFrame img {
        padding: 3px;
        border-style: solid;
        border-width: 1px;
}

.bodySecActiv {
        margin-left: 0.5em;
        margin-top: 1.5em;

		/* silly IE hack, but it works */
        _height: 210px;
        min-height: 210px;
}

/* schedule */
.bodySectionSchedHeading {
        margin-top: 0.5em;
}

.bodySectionYear table {
        margin-top: 0.5em;
}

.bodySectionSchedHeading td {
        background-color: #e3dac1;

        padding-top: 0.2em;
        padding-bottom: 0.2em;

}

.s1 {
        width: 75px;
        margin-right: 5px;
}

.s2 {
        width: 75px;
        margin-right: 5px;
}

.s3 {
        width: 300px;
        margin-right: 5px;
}

.s4 {
        width: 100px;
}

.bodySectionSchedEntry td {
        background-color: #F5EFE1;

        margin-top: 0.2em;

        padding-top: 0.2em;
        padding-bottom: 0.2em;
}