/*
|
| TITLE:	Ardmore Development Site Master Style Sheet
| AUTHOR:	Eric Shiarla, emshiarla@gmail.com	
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	June 7th 2006
| MODIFIED: 	---------------
|
| NOTES:	SubContent is absolutely positioned, to allow floats/clearing in content div.  Needs to be
|			repositioned if elements higher on the page are given different height values.
|
*/


@import url("sitesnav.css");
@import url("ads.css");

/*
----------------------
	Global Elements
-----------------------
*/

*{
	margin:0px;
	padding:0px;
}


html,body{ 
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #014373 url('../../images/bgrepeat.gif') repeat-x;
}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background: #fff url(../../images/bg-wrap-alt-2.jpg) repeat-y top left;
	border-left: 1px solid #B0BAD0;
	border-right: 1px solid #B0BAD0;
	border-bottom: 1px solid #B0BAD0;
}

body { behavior: url(assets/css/hacks/csshover.htc); }




/* GLOBAL ELEMENTS 
----------------------------------------------------*/
h1 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	color: #014576; 
}

h2 {
	font-size: 120%;
	color: #F28C1E;
}

	h2.description {
		margin: 0;
		padding: 0; 
		color: #666;
		font-weight: normal;
		font-size: 100%;
	}

h3 {
	font-size: 100%;
	color: #F28C1E;
}

ul {
margin:0 0 0 15px;
}

ol {
margin:0 0 0 15px;
}

p, li {
	font-size: 90%;
	color: #333;
	margin:0 10px 0 0;
}

a {
	color: #014576;
	text-decoration: none;
}

input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 85%;
	color: #666;
}


/* GLOBAL CLASSES 
----------------------------------------------------*/
.hidden {
	display: none;
}

.stretcher {
	background: #fff;
}

.noborder {
	border: none;
}



/* HEAD ELEMENTS
----------------------------------------------------*/
#header {
	float: left;
	width: 100%;
	background-color: #fff;
}

#logo {
	float: left;
	margin: 5px 0 5px 5px;
	border: none;
}




/* NAVIGATION ELEMENTS
----------------------------------------------------*/


/*--[Main Navigation]------*/

#mainNav {
	clear: both;
	float: left;
	margin-top: 10px;
	width: 100%;
	font-size: 95%;
	line-height: normal;
	border-bottom: 10px solid #90032b;
}

	#mainNav ul {
		margin: 0;
    	padding: 0 0 3px 15px;
	    list-style: none;
		z-index: 99;
    }
	
		#mainNav ul ul {
			display: none;
		}
		
			#mainNav ul ul li.level-2 ul, 
			#mainNav ul ul ul li.level-3 ul,
			#mainNav ul ul ul ul li.level-4 ul,
			#mainNav ul ul ul ul ul li.level-5 ul {
				display: none;
			}
		
		#mainNav ul li:hover ul {
			display: block;
		}
		
			#mainNav ul ul li:hover ul,
			#mainNav ul ul ul li:hover ul,
			#mainNav ul ul ul ul li:hover ul,
			#mainNav ul ul ul ul ul li:hover ul {
				display: block;
			} 
			
		#mainNav ul ul {
			position: absolute;
			top: 100%;
			left: 0;
			width: 200px;
			margin: 0;
			padding: 0 0 5px 0;
			background-color: #FFD4A5;
			opacity: .95;
			border: none;	
		}
		
		
		#mainNav ul ul.moveLeft {
			position: absolute;
			top: 100%;
			left: -196px;
			width: 200px;
			margin: -30px 0 0 0;
			padding: 0 0 5px 0;
			background-color: #FFD4A5;
			opacity: .95;
			border: none;	
		}
		
			#mainNav ul ul ul{
				top: 0;
				left: 100%;
				border-left: 2px solid #FAC58A;
			}
		

	#mainNav li {
    	float: left;
		position: relative;
	    margin: 0 1px;
    	padding: 0 0 0 12px;
    	background: transparent url(../../images/navigation/main-left-door.gif) no-repeat left top;
		z-index: 99; /*  Important, without IE will mess up z-indexing. */		
    }
	
		#mainNav li ul li {
			clear: left;
			background: none;
		}
		
			#mainNav li li.parent {
				background: transparent url(../../images/icon-arrows-sm.gif) no-repeat 98% 50%;
			}
	
		#mainNav li.cParent {
			background: transparent url(../../images/navigation/main-left-door-active.gif) no-repeat left top;	
		}
	

	#mainNav a {
		display: block;
		color: #f0f0f0;
		text-decoration: none;
   		background: transparent url(../../images/navigation/main-right-door.gif) no-repeat right top;
    	padding: 7px 15px 7px 3px;	
		font-size:95%;	
	}
	
		#mainNav li li a {
			margin: 3px 0;
			padding: 3px;
			width: 175px;
			color: #333333;
			font-weight: bold;
			background: none;
			border-bottom: 1px solid #FAC58A;
			font-size:105%;
		}
		
			#mainNav li li a:hover, #mainNav li.cParent li a:hover {
				color: #333;
				background-color: #FFF3E6;
				border-color: #FFF3E6;
			}
			
	
		#mainNav li.cParent a {
			background: transparent url(../../images/navigation/main-right-door-active.gif) no-repeat right top;	
		}
		
		#mainNav li.cParent li a{
			background: none;
		}		
	
	#mainNav a:hover {
		color: #fff;
	}
	



/*--[Utilities Navigation]------*/

#utilities {
	float: right;
	margin: 50px 10px 0 0;
	width: 455px;
	color: #666;
	font-size: 85%;
	line-height: normal;
}

	#utilities ul {
		float: right;
		margin: 0;
    	padding: 0;
	    list-style: none;
    }

	#utilities li {
    	float: left;
	    margin: 0;
    	padding: 0;
    }
	

	#utilities a {
		padding: 0 5px;
		color: #666;
		text-decoration: none;
		background: transparent url(../../images/navigation/assets-border.gif) no-repeat center right;
	}
	
		#utilities a.noright {
			background: none;
		}
	
	#utilities a:hover {
		padding: 2px 5px;
		color: #333;
		border-bottom: 1px dashed #333;
	}
	

/*--[Sub Navigation]------*/
#subNav {
	margin: -1px 0 0 0;
	padding: 0 20px 15px 10px;
	width: 167px;
	text-align: right;
	background: #F1C493 url(../../images/bg-subnav.jpg) no-repeat top left;
	border-bottom: 2px solid #F28C1E;
}

	#subNav h2 {
		margin: 0 0 25px 0;
		padding: 10px 0 0 0;
		font-size: 110%;
		color: #fff;
	}
	
	
	#subNav ul {
		margin: 0;
    	padding: 0;
	    list-style: none;
    }
	

		#subNav ul ul {
			margin: 0;
			background-color: #F1C493;
		}
		
		/*#subNav ul span.toggle {
			display: block;
			margin-top: -23px;
		}*/

	#subNav li {
	    margin: 0;
    	padding: 0;
    }
	
	#subNav a {
		display: block;
		padding: 2px 15px 2px 0;
		font-size: 95%;
		text-decoration: none;
	}

		#subNav li.parent a {
			background: transparent no-repeat 100% 50%;	
					
		}
		
		#subNav li.open a {
			background: transparent url(../../images/icon-collapse.gif) no-repeat 100% 50%;			
		}	
		
		#subNav li.cPage a {
			background-color: #F7D7B5;			
		}	
		
			#subNav li.open li a {
				background: none;
			}	
			
			#subNav li.closed li a {
				background: none;
			}				
			
			#subNav li li.page a {
				margin-right: 10px;
				padding-right: 5px;
				color: #666;
				font-size: 95%;
				background-color: #F1C493;
				border-right: 1px solid #666;
				
			}
		
			#subNav li li.cPage a {
				background-color: #F7D7B5;			
			}			
	
		#subNav li a:hover {
			background-color: #F4CB9E;
		}	
		
			#subNav li li a:hover {
				background-color: #F4CB9E;
			}
			

/* ADS
----------------------------------------------------*/		

	

/* SUB BAR
----------------------------------------------------*/
#subBar {
	clear: both;
	width: 100%;
	height: 198px;
	background: #fff url(../../images/subpage-rotation/default.jpg) no-repeat top left;
}

#subBar form {
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	width: 385px;
	height: 29px;
	text-align: right;	
	background: transparent url(../../images/bg-searchbox.jpg) repeat-x top left;
}

	#subBar label {
		position: relative;
		top: 1px;
		font-size: 11px;
		color: #fff;
	}
	
	#subBar input {
		margin: 2px;
		vertical-align: middle;
	}
	
		#subBar input.submit { margin-top: 4px; }
		
#subBar p.contactInfo {
	clear: right;
	float: right;
	margin: 2px 3px 0 0;
	padding: 0;
	font-size: 75%;
	color: #014576;
}

#subBar p.callout {
	clear: right;
	float: right;
	margin-right: 40px;
	margin-top:30px;
	width: 300px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 145%;
	color: #bbb;
	text-align: center;
}
	
	
	
/* SUB CONTENT
----------------------------------------------------*/
#subContent {
	position: absolute;
	top: 354px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 197px;
	height: 100px;
	background-color: #D2DDF7;
	border-right: 3px solid #014576;
}	
	
	
/* CONTENT
----------------------------------------------------*/

#content {
	clear: both;
	margin: 0 0 0 200px;
	padding: 0 15px 35px 15px;
	width: 570px;
	height: auto;
	background-color: #fff;
}

#content h3 {
	margin-bottom: 0;
	padding-bottom: 0;
}

#content h2 {
margin:20px 0 -25px 0;
}

#content p {
	margin: 0 0 10px 0;
	line-height: 155%;
	text-align: justify;
}

#content table {
	width:100%;
	color:#000;
	font-size:10px;
}

	#content table td {
		padding:0px;
		margin:0px;
		border-top:none;
	}

	#content table strong {
		font-size:11px;
		font-weight:bold;
	}


#content ol {
	line-height: 155%;
	margin:5px 0 15px 30px;
}

#content ul {
	line-height: 155%;
	margin:5px 0 15px 30px;
}

#content ul li {
	list-style-type: square;
}


#content a {
	padding: 2px 0;
	font-weight: bold;
}

	#content p a:hover {
		border-bottom: 1px dashed #014576;
	}
	
	
#content table {
	color: #666;
	font-size: 90%;
	border: none;
}

	#content table tr, #content table td {
		margin: 0;
	}

	#content table td {
		padding: 3px 10px 3px 10px;
		border: none;
		border-top: 1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
#content img {
	margin: 15px;
	padding: 4px;
	background-color: #FCF9F5;
	border: 1px solid #ECECEC;
}

#content div.captionedPhoto {
	float: right;
	clear: right;
	margin: 0 10px 5px 10px;
	width: 150px;
	text-align: center;
}

	#content div.captionedPhoto img {
		margin: 0;
		padding: 7px;
	}
	
	#content div.captionedPhoto p {
		margin: 5px;
		padding: 0;
		font-size: 80%;
		font-weight: bold;
	}
	
	

/*--[Breadcrumbs]------*/

p#breadcrumbs {
	margin: 5px 0;
	padding: 7px;
	font-size: 85%;
	background-color: #f0f0f0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	position: relative;
	z-index: 15;
}

p#breadcrumbs span {
	margin: 0 2px;
	position: relative;
	z-index: 14;
}

#printOptions {
	font-size: 90%;
}



/*--|| Archives || -------------*/
#archives-search {
  	margin: 0;
  	padding: 0;
}

	#archives-search form{
		margin: 0 5px;
		padding: 7px 0 20px 0;
	}	
	 
#archives-frame {
	margin: 0 5px;
	padding: 0;
	background: url(../../images/bg-archives.jpg) no-repeat;
}	

#archives-monthly {
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: 150px;
}

	#archives-monthly h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		color: #F28C1E;
		text-transform: uppercase;
		text-align: right;
	}
	
	#archives-monthly a {
		display: block;
		margin: 10px 0;
		padding: 10px;
		font-size: 90%;
		color: #6d7dd3;
		text-align: right;
		background-color: #E5EAF6;
		border-right: 10px solid #E5EAF6;
	}
	
	#archives-monthly a:hover {
		border: none;
		border-right: 10px solid #F28C1E;		
	}

	
#archives {
	margin: 0 0 0 180px;
	padding: 0;
}
	
	#archives a {
		color: #6d7dd3;
	}

	#archives h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		color: #F28C1E;
		text-transform: uppercase;
	}
	
	#archives h4{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #3A5183;
		text-transform: capitalize;
		background: #CED8ED url(../../images/bg-event-box.jpg) repeat-x top left;
	}	
	
	#archives h4 a {
		
	}
	
		#archives h4 a:hover {
			background-color: #E8ECF5;
			border: none; 
		}
	
	#archives div.frame {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #F9F9F9;
		border: 1px solid #CED8ED;
		border-bottom: 1px solid #AAB8D6; 
		border-right: 1px solid #AAB8D6;  
	}
	
	#archives p {
		margin: 10px;
	}


/*--|| Search || -------------*/
#search div.resultsbox {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #F9F9F9;
		border: 1px solid #CED8ED;
		border-bottom: 1px solid #AAB8D6; 
		border-right: 1px solid #AAB8D6;
}

	#search div.resultsbox h3{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #3A5183;
		text-transform: capitalize;
		background: #CED8ED url(../../images/bg-event-box.jpg) repeat-x top left;
	}	
	
	#search div.resultsbox h3 a {
		
	}
	
		#search div.resultsbox h3 a:hover {
			background-color: #E8ECF5;
			border: none; 
		}
		
	#search div.resultsbox p {
		margin: 10px;
	}







/* FOOTER
----------------------------------------------------*/
#footer {
	clear: both;
	margin: 0 0 0 200px;
	padding: 0;
	width: 600px;
	height: 300px;
	background: #FDF1E4 url(../../images/bg-footer.jpg) repeat-x top left;
	border-top: 5px solid #FFDFBC;
}

#footer h3 {
	margin: 0;
	padding: 10px;
	width: 255px;
	color: #014576;
	background: #FCF1E4 url(../../images/bg-footer-hd.gif) no-repeat top left;
}

#footer div.box {
	float: left;
	margin: 15px 12px;
	padding: 0 0 10px 0;
	width: 275px;
	background: transparent url(../../images/bg-footer-box.gif) no-repeat bottom left;
}

#footer ul {
	margin: 7px 0;
	padding: 0 15px;
	list-style-type: none;
}

#footer li {
	display: inline;
	padding: 0;
	margin: 5px 0 0 0;	
}

#footer li a {
	display: block;
	width: 170px;
	padding: 3px 25px;
	font-size: 95%;
	background: transparent url(../../images/bg-footer-li.gif) no-repeat 2px 50%;
}

#footer li a:hover {
	background-color: #F5EDE6;
}

#tablehead {
	background-color: #014373;
	color: #fff;
}

#subhead {
	background-color: #92002D;
	color: #fff;
}



/*
|
| TITLE:	Ardmore Visitors Site Forms Style Sheet
| AUTHOR:	Eric Shiarla, emshiarla@gmail.com	
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	June 29th 2006
| MODIFIED: 	---------------
|
|
*/


form.styledForm, form.styledForm fieldset {
	margin: 0;
	padding: 0;
}

form.styledForm h2 {
	margin: 20px 0 0 0;
	padding: 0;
	font-weight: normal;
}

	
form.styledForm fieldset {
	margin: 0 0 5px 0;
	padding: 10px 0; 
	border: none;
	background: #F1F4FB url(../../bg-fieldset.jpg) repeat-x bottom left;
	border-top: 1px solid #C0C4E0; 
	border-bottom: 1px solid #C0C4E0; 
}

form.styledForm legend {
	padding: 0 10px 5px 2px;
	color: #014576;
	border: none;
}

form.styledForm label {
	float: left;
	width: 110px;
	color: #666;
	font-size: 90%;
}

form.styledForm input, form.styledForm textarea, form.styledForm select {
	margin: 0;
	padding: 2px 1px;
	font-family: inherit;
}
	
form.styledForm select { 
	padding: 0; 
}

form.styledForm input.submit {
	padding: 5px;
	color: #014576;
	font-size: 95%;
	text-transform: lowercase;
	background-color: #F1F4FB;
	border-bottom: 1px solid #014576;
	border-right: 1px solid #014576;
}

form.styledForm em {
	color: red;
	font-weight: bold;
}

form.styledForm ol {
	margin: 0 25px;
	padding: 0;
	list-style-type: none;
}

	form.styledForm li {
		margin: 3px 0;
		padding: 6px 0;
		border-bottom: 1px solid #DADCEA;
	}
	
		form.styledForm li.last {
			border: none;
		}


/* ERRORS
----------------------------------------------------*/
form.styledForm dl.flash, form.styledForm dl.error  {
	margin: 10px 0;
	padding: 10px 0;
	color: #333;
	background: #FCF0E2 url(../../images/icon-alert.gif) no-repeat 10px 50%;
	border-top: 2px solid #F5D4B1;
	border-bottom: 2px solid #F5D4B1;	
}

	form.styledForm dl.flash {
		background: #FCF0E2 url(../../images/icon-check.gif) no-repeat 10px 50%;
	}


	form.styledForm dl.flash dt, form.styledForm dl.error dt {
		margin: 0 0 10px 0;
		padding: 0 0 0 60px;
		color: #014576;
		font-weight: bold;
	}
	
	form.styledForm dl.flash dd, form.styledForm dl.error dd {
		margin: 0;
		padding: 5px 60px;
	}
	
	form.styledForm dl.flash dd p, form.styledForm dl.error dd p {
		margin: 10px 0;
		color: #333;
	}
	
	
	form.styledForm dl.flash ol, form.styledForm dl.error ol {
		margin-bottom: 15px;
		list-style-type: decimal;
		font-size: 90%;
	}
	
		form.styledForm dl.flash li, form.styledForm dl.error li {
			margin: 0;
			padding: 1px 0;
			border-bottom: none;
		}