/* Website for Monocacy Title */
/* Spring 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* Logo colors: 
	
		blue: #003768 / #00417b / #0033CC
		green: #455a21
		
*/

/* ----------------------------------------------- 
   TYPOGRAPHY
   ----------------------------------------------- */


/* ----------------------------------------------- 
   Basic styles
   ----------------------------------------------- */
h1, h2, h3 {
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
}
h1 {
	font-size: 30px;
	font-weight: normal;
	color: #455a21;
	line-height: 33px;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 10px 0px;
}
h2 {
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0;
	font-weight: normal;
	color: #00417b;
	margin: 0;
	padding: 0 0 10px 0px;
}
h3 {
	font-size: 20px;
	line-height: 21px;
	font-weight: normal;
	color: #00417b;
	padding: 0 0 10px 0;
	margin: 0;
}
h4 {
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	color: #455a21;
	padding: 0 0 0 0;
	margin: 0;
}
p, li {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	line-height: 1.6;
	color: #222222;
	text-align: left;
}
td, th {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 18px;
	color: #444444;
	text-align: left;
}
th {
	font-weight: bold;
}

strong {
	color: #00417b;
	font-weight: bold;
}
blockquote {
	padding: 5px 20px;
}

a {
	color: #0033CC;
}
a:link {
	color: #0033CC;
}
a:visited {
	color: #0033CC;
}
a:hover {
	color: #455a21;
	background-color: #CCCCCC;
}
a:active {
	color: #455a21;
}

/* ----------------------------------------------- 
   Definition List
   ----------------------------------------------- */
dt {
	font-family: "Arial Narrow", Tahoma, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color: #00417b;
	padding: 0 0 5px 0;
	margin: 0;
}
dd {
	margin: 0;
	padding: 0 0 10px 15px;
	font-size: 13px;
	line-height: 1.6;
	color: #222222;
	text-align: left;
}

/* ----------------------------------------------- 
   Ordered and Unordered Lists
   ----------------------------------------------- */

ul {
	list-style-position: outside;
	list-style-type: square;
	margin: 0 0 20px 2em;
	padding: 0 0 0 0;
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0 0 20px 2em;
	padding: 0 0 0 0;
}
ul ul,
ol ul {
	list-style-type: disc;
	margin: 0 0 10px 2em;
	list-style-position: outside;
}

ul ol,
ol ol {
	list-style-type: lower-alpha;
	margin: 0 0 10px 2em;
	list-style-position: outside;
}
li {
	margin: 0 0 3px 0;
	padding: 0;
}
li li {
	margin: 0 0 0 0;
	padding: 0;
}

/* ----------------------------------------------- 
   Masthead
   ----------------------------------------------- */
div#header p {
	color: #455a21;
	font-family: "Arial Narrow",  Tahoma, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	text-align: right;
}

div#header p .phone {
	color: #00417b;
	font-size: 28px;
}

/* ----------------------------------------------- 
   Primary Navigation
   ----------------------------------------------- */
div#nav {
	position: relative; /* subnavigation is positioned relative to the nav, so this needs to be position:relative */
	float: left; /* the float is so that the div will expand to contain the floats within it, carrying its background color */
}
div#nav ul {
	list-style: none;
	margin: 0;
	padding: 0 20px;
}
div#nav li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	min-height: 30px;
}
/* IE doesn't support min-height, but it treats height that way, so filter for IE */
* html div#nav li  {
	height: 30px; 
}
div#nav li a {
	float: left;
	color: white;
	padding: 8px 10px 2px 10px;
	margin: 0;
	min-height: 20px;
	display: block;
	text-decoration: none;
	font-variant:normal;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
}
/* IE doesn't support min-height, but it treats height that way, so filter for IE */
* html div#nav li a {
	height: 20px; 
}
div#nav li a:hover {
	background: #394a1b url(../images/navhover.jpg) top center repeat-x;
}
/* ----------------------------------------------- 
   Sub Navigation
   ----------------------------------------------- */
div#nav li ul {
	display: none;
}
div#nav li:hover ul {
	display: block;
	position: absolute;
	top: 30px;
	left: 14px;
	width: 852px;
	margin: 0;
	padding: 0 20px 3px 20px;
	background: #ffffff url(../images/greengrad.jpg) top left repeat-x;
}
div#nav li li a {
	color: #000000;
	z-index: 10;
	font-size: 13px;
	padding: 7px 4px 1px 4px;
	margin: 3px 10px 0 0;
	border: none;
	letter-spacing: 0;
	line-height: 1;
	font-family: Arial, "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif;
}
div#nav li li a:hover  {
/*	color: #0033CC;
*/	color: #455a21;

	padding: 6px 3px 0 3px;
	background: white;
	border: 1px solid #0033CC;
}
/* highlighting current page */
div#nav>ul>li.activeLink>a {
	text-decoration: underline;
}
div#nav li li a.activeLink {
	font-weight: bold;
	color: #00417b;
}
div#nav li li a.activeLink:hover {
	border: 1px solid transparent;
	color: #00417b;
	background-color: transparent;
}
/* ----------------------------------------------- 
   Footer
   ----------------------------------------------- */

div#footer p {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 5px 0;
	color: #cccccc;
	text-align: center;
}

div#footer p a,
div#footer p a:link,
div#footer p a:visited {
	color: #cccccc;
	text-decoration: none;
	line-height: 1.8;
}
div#footer p a:hover {
	color: #CCFFCC;
	background-color: transparent;
	text-decoration: underline;
}