/* CSS Style Sheet for ProActive Curriculum Website*/

/**** CLASSES ****/

p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px 0px 20px 0px;
padding: 0px;
}

h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
font-weight: bold;
color: #FF0000;
margin: 0px;
padding: 0px;
}

h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px;
padding: 0px;
}

img.floatright {
float:right;
margin: 4px;
}

li {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

td {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

/**** PSEUDO CLASSES ****/

a {}

a:link {
color: #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #FF0000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a:active {}

.breadcrumbs {
font-family: Verdana, Arial, sans-serif;
color: #999999;
text-decoration: none;
font-size: 10px;
}

.breadcrumbs a:link {
text-transform: lowercase;
color: #999999;
font-size: 10px;
}

.breadcrumbs a:visited {
color: #999999;
font-size: 10px;
text-transform: lowercase;
}

.breadcrumbs a:hover {
color: #999999;
font-size: 10px;
text-transform: uppercase;
}

.breadcrumbs a:active {
color: #000000;
text-transform: lowercase;
}

.menuitem {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
}

.menuitem a:link {
color: #FFFFFF;
text-transform: lowercase;
}

.menuitem a:visited {
text-transform: lowercase;
color: #FFFFFF;
}

.menuitem a:hover {
text-transform: uppercase;
}

.menuitem a:active {
color: #FFFFFF;
text-transform: uppercase;
}


/**** ID's ****/

#breadcrumbs {
position: absolute;
right: 20px;
top: 65px;
z-index: 20;
font-family: Verdana, Arial, sans-serif;
}

#copyright-bar {
position: relative;
height: 16px;
background-image: url(images/copyright-bar.png);
background-repeat: no-repeat;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
margin: 0 0 0 170px;
padding: 2px 0 0 0;
}

#content {
margin: 55px 20px 0px 50px;
padding: 5px 0 0 120px;
background-color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
}

#filler {
display:none;
width: 100%;
height: 1px;
clear: both;
background-image: url(images/middle-bar.gif);
}

#footer {
margin: 0 0 0 0;
}

#header {
background-image: url(images/middle-bar.gif);
background-repeat: repeat-x;
height:78px;
margin: 0 0 0 0;
}

#logo {
position: absolute;
z-index: 10;
margin: 3 0 0 0;
background-image: url(images/proactive_logo.png);
background-repeat: no-repeat;
width: 265px;
height: 83px;
}

#menu-background {
position: relative;
z-index: 15;
float: left;
width: 94px;
height: 600px;
margin: 8 0 0 0;
background-image: url(images/menu_background.png);
background-repeat: no-repeat;
}

#menu-text {
position: relative;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 200%;
color: #FFFFFF;
text-align: right;
padding: 55px 6px 0px 0px;
}

#page {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
text-align: justify;
}

#top-right-bar {
position:relative;
z-index: 5;
float: right;
width: 550px;
height: 78px;
background-image: url(images/right-bar.png);
background-repeat: no-repeat;
margin: 0 0 0 0;
}