/*
RPM Music Blueprint-based layout
HFWD Chapter 4
http://headfirslabs.com/books/hfwd/ch04/stylesheets/rpm.css
*/

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#wrap {
	background-color: #FFFFFF;
	margin-top: 10px;
	 
}

.container {width: 940px;
	margin: 0 auto; }

#header {width: 940px;
}

p, ul, li, h1, h2, h3, h4 {
	margin: 0;
}

h3 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#search {
	float: right;
	font-size: .9em;
	font-weight:normal;
	color: #FFFFFF;
	padding: 23px 20px 0 0;
	text-align:center;
	}
/*
This rule with globally remove all bullets
unordered lists.
*/
ul {
	list-style-type: none;
}

#nav {
	height: 90px;
	background-color:#000000;
}


#nav ul {
	float: right;
}

#nav ul li {
	float: left;
	padding: 8px;
}

#nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	font-size: 1.2em;
}

/* This will create a nice block-hover effect */
#nav ul li.active {
	background: #333;
}

#nav ul li:hover {
	background: #999;}
	
#mast {margin-left: 0px;}

#mast img {
	float: left;
	padding-right: 4px;

}

#nav2 {
	background-color:#999;
	margin-top: 3px;
	width: 940px;
}

#nav2 ul {margin-left: 15px;}

#nav2 ul li {float: left; }

#nav2 ul li a {color:#FFFFFF;
	text-decoration:none;
	padding: 0 8px 0 8px;
	 
	font-size: 1.1em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}

#nav2 ul li:hover {background-color:#000000;
}
#header h1 {
	padding: 10px 0 0 0;
	font-size: x-large;
	font-weight: bold;
	color: #fff;
}

#header h2 {
	margin: 8px 0 0 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#header h2 em {
	color: #ccc;
}

/* index page only ....................*/

#content, #sidebar {
	margin: 30px 0 20px 0;
}

#content h3 {margin-bottom: 5px;}
#content h4 {
	font-weight: bold;
	font-size: 1.4em;
}

#content li p {
	margin: 0 0 70px 0;
}

#content li {list-style-type:disc;
	margin-left: 15px;
	}
	
#content a {text-decoration:none;}
#content a:link {color:#FF0000; }
#content a:hover {text-decoration: underline;
	 }
	 
/* administration page only ...................*/
#admin {margin-top: 25px;}
#admin ul{list-style-type: none;
	}
	
#admin img{margin: 7px 10px 5px 5px;}
#admin li p {
	margin: 0 0 10px 0px;}
	
#admin a:link {color:#FF0000;
	text-decoration:none; }
#admin a:hover {text-decoration: underline;
	}
	
#adminsidebar {margin-top: 25px;}

#adminsidebar ul {list-style-type: none;
	}
	
#adminsidebar img {margin: 10px 0 0px 64px;}	
#adminsidebar p {margin: 5px 0 0px 0;
	text-align:center;
}

#adminsidebar a {text-decoration:none;}
#adminsidebar a:link {color:#FF0000; }
#adminsidebar a:hover {text-decoration: underline;
	 }
	 
/* instructional services page only ...................*/
#instructsidebar {margin-top: 25px;}

#instructsidebar ul {
	list-style-type: disc;
	padding-left: 15px;
	}
	
#instructsidebar img {margin: 10px 0 0px 64px;}	
#instructsidebar p {margin: 5px 0 0px 0;
	text-align:left;
}

#instructsidebar a {text-decoration:none;}
#instructsidebar a:link {color:#FF0000; }
#instructsidebar a:hover {text-decoration: underline;
	 }
	
/* index page only .............................*/
	
#sidebar p {
	margin: 0 0 10px 0;
}

#sidebar a {text-decoration:none;}
#sidebar a:link {color:#FF0000; }
#sidebar a:hover {text-decoration: underline;
	 }

/*  personnel page  .............. */

#content h6 { padding: 5px 0 5px 0;}

#content p {line-height: 1.5em;}

#personelsidebar {margin: 30px 0 0 0;}

#personelsidebar h4 {font-size: 1.3em;
	font-weight: bold;}
	
#personelsidebar a {text-decoration:none;}
#personelsidebar a:link {color:#FF0000; }
#personelsidebar a:hover {text-decoration: underline;
	padding: 2px; }
	
#personelsidebar img {margin: 20px 0 0 45px;}
#personelsidebar p {text-align: center;
	font-family:Arial, Helvetica, sans-serif;}

/* footer .............*/

#footer {
	border-top: 5px solid #928977;
	background: #fff;
}

#footer p {
	margin: 0 auto;
	padding: 10px;
	width: 950px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/* transportation columns ............*/

#columns {border: thin solid #999;
	margin: 0 0 0 20px;
	padding: 5px;
	
	}
	
#columns h3 {font-size: 120%;
	text-align:center;
	margin-bottom: 5px;
	}
/* measure O page column only .............*/

#rightside h3 {
	margin: 30px 0 5px 0;}