@charset "utf-8";
/* CSS Document */

body
{
font: 12px Arial, Helvetica, sans-serif;
background-color:#d7d2c8;
margin:0;

} 

h1, h2 , h3
{
font-weight:bold;

}
h1
{
font-size:190%;
color:#ffcc00;
}

h2
{
font-size:180%;
}


h3
{font-size:130%;
}
.clearall
{
clear:both;}

#container
{
width: 982px;
background-color:#FFFFFF;
overflow:hidden;
padding: 0;
margin:0 auto;

}
img
{
border: 0;}



.topbanner
{padding:0;
margin:5px 0 0 100px;}

#banner
{

padding: 0;
margin: 0 6px 15px 5px;
font-size:18px;
font-weight:bold;


}



#banner li
{
background:url(images/home/red-bullet.gif) no-repeat;  
padding: 0px 5px 0px 15px;
margin: 0px 0 0px 0;
line-height: 22px;
display:inline;
}


#container2
{
width: 972px;
clear:both;
padding: 0;
margin: 5px 0px 0 10px;
}

#main-text
{

float:left;
clear:both;
width: 615px;
margin: 0 5px 0 0;

}
/*styles for aligning picture ;left and text right on course pages*/
.alignright h1, .alignright h3, .alignright h4
{
margin: 0px 0 8px 95px;
padding: 0 0px 0px 0; 
border:0;
}

.alignright p
{
margin: 0px 0 5px 95px;
padding: 0 0px 0px 0; 
border:0;
}

.alignright ul

{
margin: 10px 0 10px 95px;
padding: 0 20px 0px 0; 
border:0;
}
.alignleft  {
float: left;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0px;
border:0;
}

#sidebar
{
float:right;
background-color:#000000;
color:#FFFFFF;
padding: 0px;
margin:0 0 0px 0;
}
#sidebar p
{
padding: 0px;
margin:0;
}


#footer
{
background:url(images/home/footer-bckground.gif) repeat;
padding: 0px 20px 0px 20px;
margin: 3px 8px 8px 0px;
}



.largetext
{
font-size: 24px;
font-weight:bolder;
}

.redtext
{
color:#FF0000;

}

#main-text .buttonyellow
{margin-top: 20px;
margin-bottom:15px;
margin-left: 10px;}


.buttonyellow
{
font-weight:bold;
}

.buttonyellow a
{
background:url(images/home/footer-bckground.gif) #f9e836 repeat;
color: #000000;
padding: 2px;
margin-right:10px;
text-decoration:none;


}	

.buttonyellow a:hover
{
background:#FF0000;
color: #ffffff;
}

a
{text-decoration:none;}

a:hover
{color:#FF0000;}