/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*  Updated: 03/20/11                     */
/*                                        */
/******************************************/


/******************************************/
/*  reset / icons / google fonts          */
/******************************************/

@import url('css/reset.css');		/* css reset */
@import url('css/iconize.css');		/* href icons */
@import url('//fonts.googleapis.com/css?family=Lato');
@import url('//fonts.googleapis.com/css?family=Ubuntu');
@import url('//fonts.googleapis.com/css?family=Josefin+Sans');
@import url('//fonts.googleapis.com/css?family=Dancing+Script');


/******************************************/
/*  main elements                         */
/******************************************/

body {background:#c2f596; border-top:3px solid #535ea5; color:#5b5b5b; font:13px/22px Ubuntu, Arial, Helvetica, sans-serif; margin:0; min-width:960px; padding:0;}
	div.container {margin:0 auto; width:960px;}
	
h1, h2, h3, h4, h5, h6 {color:#23336b; font-family:'Josefin Sans'; font-weight:normal;}
	h1 {font-size:28px; background:#e6e9ff; color:#ec8000; height:40px; line-height:40px; margin:0 -15px 15px -15px; padding:0 15px;
		-webkit-border-radius:10px;
		-khtml-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
		h1 span {display:inline-block; float:right;}
			h1 span a {margin:0 0 0 5px;}
	h2 {font-size:24px; border-bottom:1px dotted #8d92af; margin-bottom:10px; padding-bottom:10px;}
		h2.nobord {border:0;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:26px; margin-bottom:20px;}
	h6 {font-size:14px;}
		.smaller {font-size:12px;}
		.block {display:block;}
		.green {color:#85b550;}

p, ul, ol {margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}
	
#moreinfo {clear:both; padding:10px 0;}
	#moreinfo p {margin-bottom:0;}

/** images **/
img.center {display:block; margin:5px auto;}
img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
img.align-l {display:inline; float:left; margin:0 10px 10px 0;}

/** borders **/
iframe {background-color:#fff; border:1px dotted #8d92af; padding:4px;}
	iframe#facebook {border:0; height:30px; overflow:hidden; padding:0; width:100%;}
.border {background-color:#fff; border:1px dotted #8d92af; padding:4px;}
	.ar-o-image {float:right; width:auto;}
		.ar-o-image img {background-color:#fff; border:1px dotted #8d92af; height:122px; margin:0 0 10px 10px; padding:4px; width:245px;}

/** comment form **/
#commentForm {margin:0 0 15px 0; padding:0 0 15px 0;}
	#commentForm h3 {clear:both; padding:20px 0 5px 0;}
		#commentForm h3.first {padding:0 0 5px 0;}
	#commentForm h4 {clear:both; padding:20px 0 5px 0;}
	#commentForm div {clear:both; display:block;}
		#commentForm div.warning {font-size:13px; height:25px; line-height:25px; margin:0 0 0 10px; padding:0 0 0 35px; width:230px;}
		#commentForm span.star {color:#ff0000;}
	#commentForm label {float:left; height:26px; line-height:26px; margin:3px 0; width:130px;}
	#commentForm input, #commentForm textarea, #commentForm select {float:left; font:13px/18px Ubuntu, Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:300px;}   
	#commentForm input.submit {cursor:pointer; margin:10px 0 0 130px; width:85px;}
		#commentForm input.reset {margin:10px 0 0 10px;}
	
	/** reach quickly form **/
	#reachQuickly td {font-size:12px;}
	#reachQuickly div.warning {clear:both; float:left; padding:0 0 0 36px; text-align:left; width:194px;}
	#reachQuickly input, #reachQuickly textarea, #reachQuickly select {float:left; font:12px/16px Ubuntu, Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:220px;}   
	#reachQuickly input.submit {cursor:pointer; margin:3px 0 0 0; width:232px;}
	
	/** det directions form **/
	#getDirections td {font-size:12px;}
	#getDirections input, #getDirections textarea, #getDirections select {font:12px/16px Ubuntu, Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:150px;}   
	#getDirections input.submit {cursor:pointer; margin:0; width:112px;}
		
	/** form colors **/
	div.warning {background:#fbe3e4 url('css/images/error.gif') no-repeat 10px center; border:1px solid #fbc2c4; color:#900;}
	input, textarea, select {background:#f5f5f5; border:1px solid #ccc; color:#666;}   
	input:focus, textarea:focus, select:focus {background:#fff; border:1px solid #999; color:#333;}
	input.submit {background:#8d92af; border:1px solid #7a80a1; color:#fff;
			-webkit-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-moz-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-o-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-ms-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
		transition: background .25s linear, color .25s linear, text-shadow .25s linear;
	}
		input.submit:hover {background:#a7abc2; text-shadow:0 1px 0 #7a80a1;}

/* use this class to take the icon of an image link */
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}


/******************************************/
/*  content                               */
/******************************************/

/** links **/
a:active {position:relative; top:1px;}
	a:active img {position:relative; top:0;}

a:link, a:visited, a:active {color:#517c21; font-weight:normal; text-decoration:none;}
	a:hover {color:#517c21; font-weight:normal; text-decoration:underline;}
	
a.large:link, a.large:visited, a.large:active {color:#23336b; font-family:'Josefin Sans'; font-size:22px; font-weight:normal; text-decoration:none;}
	a.large:hover {color:#23336b; font-weight:normal; text-decoration:underline;}


#header {}
	#logo-title {background:url('bg-logo-title.gif') bottom left no-repeat; color:#0c196b; font-family:Lato; font-size:32px; height:32px; line-height:32px; padding:54px 0 0 125px; text-transform:uppercase;}


#nav-block {border:1px solid #8dc63f; border-left:0; border-right:0; margin:3px 0;}

/** nav styling **/	
ul.navlist {list-style:none; margin:0; padding:0;}
	ul.navlist li {float:left; margin:0; padding:0; width:120px;}
	
ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {color:#23336b; display:block; font-family:'Josefin Sans'; font-size:22px; font-weight:normal; height:45px; line-height:45px; text-align:center; text-decoration:none;
			-webkit-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-moz-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-o-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
			-ms-transition: background .25s linear, color .25s linear, text-shadow .25s linear;
		transition: background .25s linear, color .25s linear, text-shadow .25s linear;
	}
	ul.navlist li a:hover {background:#8dc63f; color:#fff; font-weight:normal; text-decoration:none; text-shadow:0 1px 0 #6c9f26;}

.home-left {background:#fff; border-bottom:1px solid #8dc63f; clear:left; float:left; margin-top:2px; padding:30px; width:579px;}
	.art-title {color:#517c21; font-size:15px; font-family:Ubuntu; padding:0 !important; margin:15px 0 0 0 !important;}
	.date {color:#535ea5; font-size:12px; font-style:italic; margin-bottom:10px;}
.home-right {background:#fff; border-bottom:1px solid #8dc63f; clear:right; float:right; margin-top:2px; padding:30px; width:259px;}
	.purple-box {background:#8d92af; color:#fff; margin:0 -15px 20px -15px; padding:15px;
			-webkit-border-radius:10px;
			-khtml-border-radius:10px;
			-moz-border-radius:10px;
		border-radius:10px;
	}
	.height {height:354px;}
	p.norm {margin:0 0 15px 0 !important; padding:0 !important;}
#home-content1 {}
	.home-list {list-style:url('bullet.png');}
	.home-list li {padding-bottom:15px;}
	#home-content1 span {color:#517c21; font-weight:bold;}
	#home-content1 p {margin-bottom:59px;}
#home-content2 {}
#home-content3 {padding:40px 0 20px 0;}
	.h2left {float:left; margin:0 10px 10px 10px; width:300px;}
	.h2right {float:right; margin:0 10px 10px 10px; width:300px;}

.col3 {float:left; margin:0 10px; width:300px;}
#content-block {padding-top:2px;}
#content-fullwidth {background:#fff; border-bottom:1px solid #8dc63f; margin-bottom:30px; padding:30px;}
	#content-with-aside {background:#fff; border-bottom:1px solid #8dc63f; clear:left; float:left; margin-bottom:30px; padding:30px; width:579px;}
		#content-fullwidth h2, #content-with-aside h2 {padding-top:15px;}
		#content-fullwidth ul, #content-with-aside ul {list-style:url('bullet2.png');}
	#aside {background:#fff; border-bottom:1px solid #8dc63f; clear:right; float:right; margin-bottom:30px; padding:30px; width:259px;}
		#aside h4 {font-size:22px; background:#e6e9ff; height:40px; line-height:40px; margin:0 -15px 10px -15px; padding:0 15px;
			-webkit-border-radius:10px;
			-khtml-border-radius:10px;
			-moz-border-radius:10px;
			border-radius:10px;
		}
		#aside ul {list-style:none; margin:0 0 25px 0; padding:0;}
				#aside ul.bot {margin:0;}
			#aside ul li {margin:0; padding:0;}
				#aside ul.bot li {border-bottom:1px dotted #ccc; }
				
		span.highlight {border-bottom:1px dotted #97cf66; color:#23336b; font-size:16px;}
		span.test1 {color:#23336b; font-size:14px; font-style:italic;}
		span.cursive {display:inline-block; font-family:'Dancing Script'; font-size:22px !important; padding:0 2px;}
		.poetry1 {font-style:italic; text-align:right;}
		.poetry2 {font-style:italic; margin-bottom:0;}
		.poetry3 {font-style:italic; margin-bottom:0; text-indent:30px;}
		.poetry4 {font-style:italic; text-indent:60px;}
		#facebook-block {padding-top:15px;}
		

/******************************************/
/*  footer                                */
/******************************************/


/** footer **/
#footer {background:#fff; border-top:1px solid #8dc63f; color:#000; font-size:12px; line-height:16px; margin:0 auto; padding:30px; width:900px;}

	#fl {float:left; width:610px;}
	#fr {float:right; width:260px;}

	#footer ul.sitelinks {list-style:none; margin:0 auto; padding:0;}
		#footer ul.sitelinks li {display:inline-block; float:left; margin:0 15px 0 0; padding:0;}
	#footer ul.contact-info {list-style:none; margin:0 auto; padding:0;}
		#footer ul.contact-info li {float:left; margin:0; padding:0 0 7px 0; width:100%;}
	#footer p.copyright {clear:both; margin:15px 0;}