/* Major sections */

body {
padding: 20px;
background-color: #494949;
font: 85% Verdana,Arial,sans-serif}

div#container {
width: 980px;
margin: 0 auto;
padding: 5px 5px 10px 5px;
background: #202020;
text-align: left;
background-color: #202020;
border-radius: 7px; 
}

div#header {
background: #9E8566;
font-size: 1.8em; 
margin: 5px;
border-radius: 7px;
padding: 1px;
}

div#menubar {
float: left;
background: #202020;
padding: 5px;
border-radius: 25px;
}

div#nav {
float: right;
width: 38.5%;
padding:29.5px 0;
margin:5px 0;
background: #202020;
}

div#footer {
clear:both;
background: #644826;
padding: 8px;
margin: 5px 5px 5px 5px;
text-align:left;
color: #EBDACB;
font-size: 1.2em;
font-weight: bold;
border-radius: 7px;
}

div#help {
float: left; 
width: 46%;
/* margin: 0px 0px 50px 0px;  *//* Used to create space before the footer */
} /* Used on Index page for the left column */

div#news-front {
background: #202020;
float: left;
}

div#image{
float: left;
/* padding-right: 30px; */
}

div#width_restrict {
background: #202020;
padding-left: 1%;
padding-right: 11%;
} /* Used for News page to limit reading length */

div#course-container {
	background: #202020;
    float:left;
    width:100%;
    margin: 0px 0px 20px 0px; /* Used to create space before the footer */
    } /* Used for Course Information page to keep a 2-column width */

div#left-column {
float: left;
width: 60%;
}  /* For the left-hand column of the Course Information page */

div#right-column {
float: left;
width: 40%;
}  /* For the right-hand column of the Course Information page */



/* Figures */

figure { display: block; }

figcaption { 
color:#76767d; 
text-align:center; 
display:block;
}

/* Headers */

h1{font-size: 1.6em; padding:5% 0% 0% 1%; color: #EBDACB;}  /* Re-establishing space at top of course.html page */
h2{font-size: 1.4em;line-height:1; padding: 0 10px 15px; color:#EBDACB;}
h3{font-size: 1.1em;line-height:1; padding: 0 10px; color:#C0AA8E;}
h4{font-size: 0.9em;line-height:1; padding: 0 10px; color:  #efdecf;}#C0AA8E#EBDACB
h5{font-size: 1.5em; line-height:1; font-weight: lighter; padding: 0 10px; color:#002455;}
h6{font-size: 1.3em; line-height:1; font-weight: lighter; padding: 0 10px; color:#002455;}


/*Paragraph styles*/

p {font-size: 1em; padding: 0 10px; color: #C0AA8E;}
p.red {color: red;}
p.important {color: red; font-size: 1.1em; font-weight: bold;}
p.important2 {color: #efdecf; font-size: 1.4em;}
p.facts{font-size: 1em; padding: 10px;font-weight: bold; }
p.facts1{font-size: 1em; }
p.small{font-size: .8em; padding: 0 10px;}
p.front{font-size: 1.2em; padding: 0 10px;}
p.list{font-weight: bold; font-size: 1.2em; color:  #000000; padding: 0 20px;}
.smaller td {font-size: .8em; padding: 10px; color: #C0AA8E;}
.smaller th  {font-size: .8em; padding: 10px; color: #C0AA8E;}
.bigger th {font-size: 1em; padding: 10px; color: #C0AA8E;}
.bigger td {font-size: 1em; padding: 10px; color: #C0AA8E;}
ol {color: #C0AA8E;}

/* Image styles */

img.left {float: left; padding-right: 10px;}
img.left-up {float: left; padding-right: 10px; padding-top: 10px;}
img.displayed { display: block; margin-left: auto; margin-right: auto; }
dl.image {font-size: 1.2em; text-align: center; border: none; }
dl.image dt { margin: 0; border: none; padding: 0; }
dl.image dt img {display: block; margin: 0 auto; }
dl.image dd {margin: 0; border: none ; color: #C0AA8E;}
.phototable {width: 100%; padding: 0 20px;}
.phototable td {vertical-align: top;}

/* Anchors */

a {color: #EBDACB; border-bottom: 1px #EBDACB dotted; text-decoration: none;}
a.headerText { color: #644826; text-decoration: none; font-weight: bold; border-bottom: none;}
a.headerText:hover {border-bottom: 1px #202020 dotted;}
no_underline.a img{border:none; border-bottom: none}
a.image-border {
	text-decoration: none;
	border: 0 none;
	}

/* Span styles */

span.emph {color: #cd7070; font-weight: bold;} /* In the lecture outline table, making stuff a red colour */
span.resize {font-size: 1.2em;} /* Making larger the th column headers in the Lecture outline table */

 
/* Other including menu tabs */

td.details {width: 50px;}
td.space { width: 65%; padding: 0px 20px 0px 5px; }


ul#menu,ul#menu li{list-style-type:none;margin:0;padding:0; }
ul#menu{margin-left: 0px; }
ul#menu li{float:left;margin-right: 3px;text-align: center; }
ul#menu a{float:left; font-size: 1.1em; width: 7em; padding: 5px 0;background: #644826; text-decoration:none; color: #C0AA8E; padding-top: 7px; padding-bottom: 7px;border-radius: 7px 7px 0px 0px; border-bottom: none;}
ul#menu a:hover{background: #C0AA8E; color: #644826;}
ul#menu li.activelink a,ul#menu li.activelink a:hover{background:#C0AA8E; color: #644826; padding-top: 7px; padding-bottom: 7px; border-radius: 7px 7px 0px 0px;}

ul.none {list-style-type: none;}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

table.grey {font-size: 1em; padding: 0 10px; color: #C0AA8E;}

/* Indenting styles for news tab */
.indent {margin-left: 40px;} /* To indent any kind of text, especially in the news tab */
.further-indent {margin-left: 60px; padding: 0 10px; color: #C0AA8E;}