/********************************************************
These are the style rules controlling the normally used elements:
body, headers,paragraphs, tables etc.  Any special class or id designations 
for these elements will be listed in the sections below
********************************************************/

html {
height: 100%;
}

body 
{
background-color: #dadada;
font-size: 1.3em; 
font-family: Arial, Verdana, Helvetica, Sans-Serif; 
color: #000;
height: 100%;
}

h1 
{
font-size: 2.3em; 
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-weight: bold;
color: #656C43;
padding: 5px;
}

h2 
{
line-height:1.8em;
margin: 10px 10px 10px 0;
font-size: 1.3em; 
font-weight: bold;
color: #CCCC66;
background-color: #6666CC;
padding: 0 5px;
border: 1px solid #656C43;
}

h3 {

color: #cc6;
font-size: 1.5em;
font-weight: bold;
}

p 
{ }



/**********************************************************
These are the style rules controlling various classes:  these
are rules that only apply when a particular class or id name is noted in an
html tag.  For example, <p class="menu"> 
***********************************************************/


p.menu 
{ 
font-weight: bold; 
text-align: center;
}

p.nextModule 
{
text-align: center;
}


h3.title 
{ 
text-align: center;
font-size: 1.8em; 
color: #656C43;
font-weight: bold;
}

.mod {
font-size: .9em;
color: #666;
}

.ischool {
text-align: center;
}

.course {
	margin: 0 0 0 110px;
	padding: 30px 0;
	color: #ff9;
	font-size: 3em;}

.coursetitle {
	color: #fff;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

.program {
	font-size: 1em;
	font-style: italic;
	width: 200px;
	position: absolute;
	top: 15px;
	left: 80%;
	background-color: transparent;
	border: 0;}



/*********
this next rule is an example of an id.  It is used
for a table with the id of insets:  <table id="insets"> 
**********/

#wrapper {
width: 98%;
margin: 10px;
border: 1px solid #000;
background-color: #306;
background-repeat: repeat-y;
}


#skipnav{
display: none;
}

#maincontent {
margin-left: 25%;
padding: 20px;
background-color:#fff;
}

#banner {
background-color: #306;
background-image: url(images/dmlislogo.gif);
background-repeat: no-repeat;
background-position: center left;
}

#fontswitcher {
padding: 10px;
background-color: #000;
color: #fff;
text-align: center;
}

#menu
{
text-align: left;
color: #ff9;
background-color: #306;
width: 23%;
float: left;
padding: 20px 10px;
height: 100%;
}



/********************************************************
These are the style rules controlling all non-menu 
anchors in other pages. 
********************************************************/

a:link, a:visited, a:active
{
text-decoration: none;
color: #6666CC;
font-weight: bold;
}


a:hover 
{	
text-decoration: underline;
color: #CCCC66;
font-weight: bold;
}

#menu a:link, #menu a:visited, #menu a:active
{
color: #FFFFCC;
}

#menu a:hover {
color: #66c;
}

.toTop a, .toTop a:link, .toTop a:active {
color: #cc6;
font-size: .75em;
}

.toTop a:hover {
color: #66c;
}


/********************************************************
These are the style rules controlling all tables. 
********************************************************/

table {
border: 1px solid #dadada;
width: 95%;
border-collapse: collapse;
}

td, th {
border: 1px solid #dadada;
border-collapse: collapse;
padding: 5px;
}