/*The Institute on Teaching and Mentoring
    Base Style Sheet - CSS 2.0         
Last updated by John Swisshelm - 6-30-04*/


/* body element set to white bg, no margin */
body {

background: white;
margin: 0px;

}

/*************** TOP ************************************************************************************/
/* top bar, full width, tan bg, padding top and bottom */
#top {

width: 100%;
background: #D7D5C7;
padding-top: 10px;
padding-bottom: 10px;

}

/* Top nav bar image wrapped in h1, extends green background 100% */
#top h1 {

width: 100%;
background: #CC6600;
margin: 0px;

}


/***************************** RIGHT ***************************************************************************/
/* Right Content Box defaults - white bg, float right, border on left*/
#right {

font-family: "Times New Roman", serif;
font-size: 11pt;

background: white;
width: 69%;
float: right;

border-style: solid;
border-color: black;
border-left-width: 5px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
/*deleted border-bottom-width: 10px;*/

padding-bottom: 5px;

}


/* Right H1 used for main title on page */
#right h1 {

font-family: Garamond,"Times New Roman", serif;
text-align: center;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
}


/* Right H2 used for content subheadings on page */
#right h2 {
font-family: "Times New Roman", serif;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;

}


/* Right P - readjusts the space between paragraphs */
#right p {

padding-left: 10px;
padding-right: 10px;

}

/* Right p class="yellow_block" - this wraps a paragraph in a yellow block with a black border */
#right p.yellow_block {

background: #FFCC00;

border-style: solid;
border-color: black;
border-width: 5px;

margin: 10%;
padding: 10px;

font-size: 14pt;
font-weight: bold;

text-align: center;

}


/* Right links - black with underline */
#right a {
color: black;
}

/* Right links on mouse over - green with underline */
#right a:hover {
color: #CC6600;
}



/* Right A class="image" - this sets an "invisible" white border so hover border doesn't mess things up */
/* Hide this rule from Netscape 4 - they prevent the links from working! Comment below hides rule*/
/*/*/
/*
#right a.image {

border-style: solid;
border-color: white;
border-width: 1px;

}*/

/* Right A class="image" hover mode - this creates a border around a link with class="image" upon mouse over */
/*
#right a.image:hover {

border-style: solid;
border-color: #CC6600;
border-width: 1px;

}*/


/* Right HR - horizontal rule, black, 5px high */
#right hr {
color: black;
background-color: black;
height: 5px;
}


/* Right bar - for placing images on the right side of the screen*/

.rightbar
{
float: right;
margin-top: 18px;
width: 175px;
}



/************************************   LEFT   *************************************************************/
/* Left content box for links and pics - 27% long, float left*/
#left {

background: white;
width: 27%;
float: left;

}

/* Left P - reajusts the space between the links and the top of the page*/
#left p {
margin-top: 40px;
}

/* Left A - the settings for the menu bar of links, gets rid of the underline*/
#left a {

font-family: Garamond,"Times New Roman", serif;
font-size: 11pt;
margin-right: 10px;
color: black;
text-decoration: none;
font-weight: bold;

}

/* Left A:hover - turns links green and underline on mouse over*/
#left a:hover {

color:#CC6600;
text-decoration: underline;

}