/* CSS Document */

/* Designed by Nicholas Gallimore for 
GallimoreLearning brown template */


/* Base Layout */
* {
	padding: 0;
	margin: 0;
}

/*=============
Text and Link Formats
===============*/

body {
	background-image:url(images/pageback.jpg);
}

body,td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
	color: #372B11;
}

h1,h2 {
	font-family: Arial Black, Verdana, Helvetica, san-serif;
	font-weight:bold;
	font-size:large;
	padding-bottom:10px;
}

h3,h4,h5,h6 {
	font-weight:bold;
	font-size:medium;
	padding-bottom:10px;
}

ul{
	margin-left: 3em;
	padding-bottom:1px;
}

li{
	margin-left: 1em;
}

ol{
	padding-left:25px;
}

/*================
Document links icon attachment 
=================*/

a:link {
	color: #362A1E;
	text-decoration: none;
}

a:visited {
	text-decoration: underline;
	color: #66472A;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

/*=====================
The following allows an icon to appear when links to 
specific document types appear on any page.
=======================*/

/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

a[href$='.rss'], a[href$='.atom'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}

a[href$='.opml'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_opml.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.phps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}

a[href$='.vcard'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}

a[href$='.exe'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}

a[href$='.dmg'], a[href$='.app'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}

a[href$='.pps'], a[href$='.ppt'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}


a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

a[href$='.xpi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_plugin.gif) no-repeat center right;
}

a[href$='.fla'], a[href$='.swf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

a[href$='.ical'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ical.gif) no-repeat center right;
}

a[href$='.css'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}

a[href$='.ttf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}

a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}

/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_aim.gif) no-repeat center right;
}

a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_msn.gif) no-repeat center right;
}

a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_jabber.gif) no-repeat center right;
}

a[href *="icq.com"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_icq.gif) no-repeat center right;
}

a[href *="edit.yahoo.com/config/send_webmesg?"] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_yim.gif) no-repeat center right;
}

a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_skype.gif) no-repeat center right;
}

a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_gadugadu.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}
/*=============
 Major Page Layout
 This section formats the position of the divider that 
 surrounds the entire page.
==============*/

#outside_container {
	height:100%;
	width:1000px;
	background-image:url(images/bg_cont.gif);
	background-repeat:repeat-y;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding: 0px;

}

#topper {
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
	height:1em;	
}

#logoheader {
	background-image:url(images/headerback41k.jpg);
	background-repeat:no-repeat;
	height:175px;
	width:100%;
}

#breadcrumb_top {
	background-image:url(images/topnavblackmtltest2.jpg);
	background-repeat:no-repeat;
	text-indent: 1em;
	text-transform:capitalize;
	color:#CCCCCC;
	height: 15px;
	width:auto;
}
.breadcrumb a{
	text-decoration: none;
	padding-right: 10px;
	color:#CCCCCC;
	font-weight: bold;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
#google_search{
	float:right;
	padding-top:10px;
	padding-right:30px;
}
#google_top {
	background-image:url(images/topnavblackmtltest2.jpg);
	background-repeat:no-repeat;
	text-indent: 1em;
	text-align:center;
	text-transform:capitalize;
	color:#CCCCCC;
	height: 15px;
	padding-top: 5px;
	margin-bottom:5px;
}

#left_header {
	font-weight:bold;
}

#left_nav {
	float:left;
	text-indent: 1em;
	font-size: 12px;
	color: #372B11;
	border-right:#34271E;
	border-right:groove;
	padding-top: 1em;
	width: 175px;
	height: 600px;
}
#left_nav_lower {
	border-top: 2px solid;
	border-top-color: #34271E;
	padding-top: 1em;
}


#left_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

#left_nav li{
	list-style:square;
	list-style-position:inside;
}

#content {
	float:inherit;
	height: 600px;
	width:auto;
	margin-left:30px;
	padding-bottom: 10px;
	overflow:auto;
	text-indent: 10px;
	background-color:#EFE7D0;
}
.table_title {
	background-color:#574426;
	color:#ECE8AE;
}
#content_image_home {
	background-image:url(images/classroom.jpg);
	background-repeat:no-repeat;
	width:100%;
	height:100px;
	background-position:center;	
}

#right_nav {
	float:right;
	font-size: 12px;
	color: #372B11;
	border-left:#34271E;
	border-left:groove;
	width: 120px;
	height: 600px;
	margin-right:20px;
}

#pagebottom {
	background-image:url(images/footer.gif);
	height: 50px;
	width: 100%;
	text-align:center;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}
	
/*===============
	Footer
=================*/

#footer {
	border-top:1px solid #3f2324;
	padding:10px 50px 80px 50px;
	color:#815B36;
	font-size:12px;
	text-align:center;
	line-height:14px;
	width: 75%;
	margin-left:auto;
	margin-right:auto;
	
}

#footer img {
	float:left;
}

#footer span {
	display:block;
	float:left;
	width: 700px;
}

#footer a {
	color:#005B1E;
	text-decoration:none;
}

#footer a:hover { 
	color:#ffffff; 

}