@charset "utf-8";
/* CSS Document */

body
{
font: 12px Arial, Helvetica, sans-serif;
background-color:#d7d2c8 ;
text-align:center;
margin:0;

} 

a
{text-decoration:none;}


h1, h2, h3, h4
{

color:#000000;
font-weight:bold;}

h1
{
font-size:150%;
padding: 0 0 5px 0;
border-bottom: #f9e836 1px solid;}


h2
{
background:url(images/yellow-background.jpg) no-repeat;
padding:7px 5px 14px 10px;
margin:0 0 0 -10px;
font-size:130%;
}

h3
{
font-size:120%;
}
h4
{
font-size:100%;
}

#container
{
background:url(images/main-text-shadowbottom.jpg) no-repeat bottom;  
width: 982px;
text-align:left;
overflow:hidden;
margin:0 auto;
padding: 0px 0px 53px 0px;
border:0;
}


#main-text
{
background:#FFFFFF url(images/main-text-shadowleft.jpg) repeat-y;

float:left;
display:inline;
margin:  0px 0px 0 0;
padding:0px 0px 0 0px;
border:0}

#content
{
float:left;
display: inline; 
width: 712px;

margin: 20px 20px 0 50px;
}

#content li
{
list-style-image:url(images/yellow-bullet.jpg);}

#sidebar
{margin: 20px 0 0 0;
float:left;
width:200px;
font-weight:bold;


}

#sidebar ul{
background:url(images/sidenav-background.gif) no-repeat;

margin: 10px 0 0 0px;
padding: 0 0 50px 30px;

}

#sidebar li{
list-style:none;
background:url(images/yellow-square-shadow.gif) no-repeat;
padding: 5px 0 13px 23px;

}

#sidebar a
{
color:#666666;


}

#sidebar a:hover
{
color:#000000;



}


.underline
{
padding: 0 0 5px 0;
border-bottom: 1px solid;
border-bottom-color:#f9e836; 
}

li
{
list-style-image:url(images/bullet.jpg);
margin: 0 0 10px 0;
padding-bottom: 5px;

}


.clearall
{clear:both;}




#topnav
{

clear:both;
font-weight:bold;
color:#000000;
font-size: 110%;
}



#topnav li
{

display:inline;

background:url(images/yellow-square.gif) no-repeat;
padding: 0px 0px 0px 13px;
margin: 0px 8px 0  5px;
width: 30px;
line-height: 25px;
}

#topnav a
{
text-decoration:none;
color:#666666;
font-weight:bold;

}

#topnav a:hover
{
color:#000000;
font-weight:bold;
}




th
{background-color:#f9e836;
color:#FFFFFF;
}
td
{background-color: #f9e836;}

.padding-bottom
{padding-bottom: 10px;}

.redtext
{color:#FF0000;}

/*Buy now button*/


#content .buttonyellow
{margin-top: 20px;
margin-bottom:15px;}

.buttonyellow
{

font-weight:bold;

}


.buttonyellow a
{
background-color: #f9e836;
color: #000000;
padding: 5px;
margin-right:10px;

border: solid 1px #000000;

}	

.buttonyellow a:hover
{
background-color:#FF0000;
color: #ffffff;
}

/*styles for aligning picture ;left and text right on course pages*/
#alignright p,  #alignright h3, #alignright h4
{
margin: 10px 0 10px 120px;
padding: 0 20px 0px 0; 
border:0;
}


#alignright ul

{
margin: 10px 0 10px 155px;
padding: 0 20px 0px 0; 
border:0;
}
.alignleft  {
float: left;
padding: 0px 0 0px 0px;
margin: 10px 0 10px 10px;
clear:left;

border:0;

}

/*styles for aligning small icons ;left and text right on course pages*/
#alignright2 p,  #alignright2 h3, #alignright2 h4, #alignright2 ul
{
margin-left: 30px;
padding: 0 20px 0px 0; 
border:0;
}


.alignleft2  {
float: left;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 0px;

border:0;
clear:both;
}





#weblinks li
{background-color:#E2E2E2;
list-style-image:none;

margin-left: -40px;
padding: 3px 0 3px 5px;
}

.yellowbackgroundheader
{
background:url(images/yellow-background.jpg) no-repeat;
padding:7px 5px 14px 10px;

}

.yellowbackground a
{
color:#000000;
text-decoration:none;
font-weight:bold;

}
.yellowbackground a:hover
{
color:#FF0033;}


.yellowbackground 
{
background:url(images/yellow-background-arrow.jpg) no-repeat;
list-style:none;

padding:10px 0px 12px 40px ;
margin: 10px 0px 10px 0 ;

}

.banner
{
float:right;

margin: 5px 30px 20px 0px;
padding: 0 0px 0 0;

}



#footer
{
margin: 0 0 0 50px;
clear:both;
}

#border
{
border: #FF0000 solid 1px;
padding: 0 3px 3px 3px;
margin: 0 0 10px 0;
}

#redbackground
{
background:url(images/red-background.jpg) #990000 repeat-x;
color:#FFFFFF;
padding: 1px 5px 0px 5px;

} 

#redbackground h2
{
background:none;
color:#FFFFFF;
margin: 5px 5px 0px 0px;
}