#banner {
background: url(images/bkgnd-banner.gif) left top repeat;
height: 120px;
}
#title {
background: url(images/gradebook-programs.gif) left top no-repeat;
position: absolute;
top: 10px;
left: 10px;
height: 100px;
width: 720px;
}
#logo {
background: url(images/gradebook-program-logo.gif) left top no-repeat;
position: absolute;
top: 14px;
right: 14px;
height: 100px;
width: 100px;
}

body {
background-color: #FFFFFF;
font-family: Helvetica,Arial,sans-serif;
}
#breadcrumb {
background-color: #D5FFBF;
position: absolute;
top: 185px;
left: 10px;
width: 100%;
}
#content {
margin: 1px 240px 0px 200px;
padding: 1px 10px 10px 10px;
background-color: #FFFFFF;
clear: left;
position: relative;
top: 36px;
}
#contentwide {
margin: 1px 20px 0px 200px;
padding: 1px 10px 10px 10px;
background-color: #FFFFFF;
clear: left;
position: relative;
top: 36px;
}


#side1 {
position: absolute;
width: 190px;
top: 220px;
left: 10px;
}
#side2 {
position: absolute;
width: 220px;
top: 220px;
right: 14px;
}
#footer {
width: 100%;
border-top: 1px dotted #AAAAAA;
color: #626262;
font-size: 70%;
text-align: center;
position: relative;
top: -10px;
}


/* set background images for corners */
.rbroundbox1 { background: url(images/bkgnd-dkgreen.gif) repeat; }
.rbtop1 div  { background: url(images/tl-corner-dkgreen.gif) no-repeat top left; }
.rbtop1      { background: url(images/tr-corner-dkgreen.gif) no-repeat top right; }
.rbbot1 div  { background: url(images/bl-corner-dkgreen.gif) no-repeat bottom left; }
.rbbot1      { background: url(images/br-corner-dkgreen.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.rbcontent1 { 
margin: 0 10px;
color: #FFFFFF;
}
.rbroundbox1 {
width: 190px;
margin: auto;
}

/* set background images for corners */
.rbroundbox2 { background: url(images/bkgnd-ltgreen.gif) repeat; }
.rbtop2 div  { background: url(images/tl-corner-ltgreen.gif) no-repeat top left; }
.rbtop2      { background: url(images/tr-corner-ltgreen.gif) no-repeat top right; }
.rbbot2 div  { background: url(images/bl-corner-ltgreen.gif) no-repeat bottom left; }
.rbbot2      { background: url(images/br-corner-ltgreen.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.rbcontent2 { 
margin: 0 10px;
color: #000000;
}
.rbroundbox2 {
width: 220px;
margin: auto;
}

.image {
border-width: 0px;
}
.leftimg {
float: left;
border-width: 0px;
margin-right: 20px;
margin-top: 2px;
margin-bottom: 6px;
}
.stdimg {
border-width: 0px;
margin-top: 2px;
margin-bottom: 6px;
}

.maplist {
list-style-type: square;
}

#navigation a
{
color: #FFFFFF;
background: #3BB000 url(images/left-tab-green.gif) left top no-repeat;
text-decoration: none;
padding-left: 20px;
}
#navigation a span
{
background: url(images/right-tab-green.gif) right top no-repeat;
padding-right: 20px
}
#navigation li
{
list-style: none;
float: left;
margin: 0;
padding: 0;
font-size: 150%;
}
#navigation a:hover
{
color: #FFFFFF;
background: #101110 url(images/left-tab-black.gif) left top no-repeat;
padding-left: 20px;
}
#navigation a:hover span
{
background: url(images/right-tab-black.gif) right top no-repeat;
padding-right: 20px
}
#navigation a, #navigation a span
{
float: none;
}
#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}


#leftnav a
{
color: #FFFFFF;
}
#leftnav b
{
font-size: 150%;
border-bottom: 2px dotted #D5FFBF;
}