@import url(http://fonts.googleapis.com/css?family=Redressed&v1);
@import url(http://fonts.googleapis.com/css?family=Artifika&v1);
@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT&v1);
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body {
	color:#252525;
	font: 300 87.5%/1.4em Arial, Helvetica, sans-serif;
	background: #efe7de url(../images/bkrd_efe7de.gif);
	margin: 0px;
	padding: 0px;
}
body#left-nav {
	overflow: auto;
	color:#736f6f;
	font: 300 80%/1.4em Arial, Helvetica, sans-serif;
	background: #efe7de url(../images/bkrd_efe7de.gif);
}
body#left-nav ul {
	margin-top: 0px;
	margin-bottom: 20px;
}
#container {
	width: 960px;
	background: #FFF;
	margin: 0px auto 20px; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 0px;
}
/*
input, textarea {
	font-size:1em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
	color:#606060;
	padding:6px 3px 5px;
	background:#dad2d2;
	border:1px solid #dad2d2;
}
input:focus, textarea:focus {
	border-color:#606060;
	-moz-box-shadow: inset 1px 1px 5px #888;
}
*/
ul, ol, dl { list-style: disc; }
h1 {
	margin:0px 0px 5px;
	font: italic normal 1.714em/1em Georgia, "Times New Roman", Times, serif;
}
h2 {
	margin:0px 0px 5px;
	font: italic normal 1.5em/1em Georgia, "Times New Roman", Times, serif;
}
h3, h4, h5, h6 {
	margin:10px 0;
	font: italic normal 1.3em/1em Georgia, "Times New Roman", Times, serif;
}
strong { font-weight: bold; }
p { margin:0px auto 15px; }
.special {
	font-size: 10px;
	font-weight: bold;
}
p.nav-titles {
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border: none; }
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #193950;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */ text-decoration: underline; }
a:hover { color:#606060; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	display:block;
}
header {
	display:block;
	text-align:left;
	position: relative;
	background: url(../images/banner1.jpg) no-repeat 700px bottom;
	margin-bottom: 30px;
}
header #logo {
	display: block;
	display: block;
	margin: 0px 0px 30px;
	height: 100px;
	position: relative;
}
header #logo h1 {
	margin: 0px 0px 0px -40px;
	padding: 0px;
	float: left;
}
header #logo h1 a {
	font: bold 1.714em/40px 'OFL Sorts Mill Goudy TT', arial, serif;
	margin: 0px;
	color: #252525;
	text-shadow: 0px 1px 1px #584521;
	text-decoration: none;
	padding: 0px;
}
header #logo h2 {
	font: 1.2em 'OFL Sorts Mill Goudy TT', arial, serif;
	display: block;
	margin: 0px;
	color: #252525;
	text-decoration: none;
	float: left;
	padding: 0px;
}
img.logo-img {
	float: left;
	height: 99px;
	width: 150px;
	margin: 0px 0px 0px 15px;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
}
.sidebar1 {
	float: left;
	width: 180px;
	padding-bottom: 10px;
}
.home-content { padding: 10px 20px 0px; }
.home-content .content-header {
	box-shadow:0px 15px 10px -13px #4D4D4D;
moz-box-shadow:;
webkit-box-shadow:;
	display: block;
	margin: 0px auto 30px;
	position: relative;
	height: 185px;
	width: 917px;
	border: 3px double #d9d6c4;
}
.home-content .content-header h1 {
	position: absolute;
	z-index: 10;
	left: 20px;
	top: 20px;
	color: #FFF;
}
.home-content .column {
	padding: 10px;
	float: left;
	width: 270px;
	margin-right: 25px;
}
.home-content .column p { }
.home-content .column.last { margin:0; }
.home-content .column .column-title {
	border-bottom: 3px double #d9d6c4;
	margin-bottom: 10px;
}
.content {
	padding: 10px 0 10px 15px;
	width: 765px;
	float: left;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */ }
ul.nav {
	background: #eceadf url(../images/ui-bg_fine-grain_10_eceadf_60x60.png) repeat 50% 50%;
	list-style: none; /* this removes the list marker */
	border-top: 3px double #d9d6c4; /* this creates the space between the navigation on the content below */
	display: block;
	position: relative;
	border-bottom: 3px double #d9d6c4;
	clear: both;
	padding-left: 30px;
	margin-top: 20px;
}
ul.nav li { float: left; }
ul.nav li.nav-img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -14px;
	left: 0px;
}
ul.nav a, ul.nav a:visited {
	text-shadow: 0 1px 0px #FFF;
	padding: 6px 5px 3px 15px;
	display: block;
	width: 160px;
	text-decoration: none;
	text-align: center;
	font: 12px 'OFL Sorts Mill Goudy TT', arial, serif;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	text-shadow: 0 1px 0px #666;
	background: url(../images/nav-bg.png) repeat;
	color: #FFF;
}
ul.nav li#current a {
	background: url(../images/nav-bg.png) repeat;
	color: #FFF;
	text-shadow: 0 1px 0px #666;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
.sidebar1 ul.side-nav {
	list-style: none; /* this removes the list marker */
	border-top: 3px double #d9d6c4; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
.sidebar1 ul.side-nav li { border-bottom: 3px double #d9d6c4; }
.sidebar1 ul.side-nav a, .sidebar1 ul.side-nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	font-size: 0.8em;
}
.sidebar1 ul.side-nav a:hover, .sidebar1 ul.side-nav a:active, .sidebar1 ul.side-nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background: #ADB96E;
	color: #FFF;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
/*** EAST Side***/
article {
	float:right;
	width:660px;
	padding: 20px;
	text-align:left;
	overflow:hidden;
	background: #FFF;
}
article p { margin:10px 0px; }
/*
article p:first-of-type {
	float:left;
	padding-right:40px;
	width:310px;
}
 article > p:nth-of-type(2) {
	float:left;
	width:310px;
	
}
article > p:nth-of-type(3) {
	float:left;
	clear:left;
	border-top:1px solid #dad2d2;
	padding-top:10px;
	margin:10px 0px;
}
*/

/*** WEST Side ***/
aside#left {
	float:left;
	width:220px;
	padding:10px 20px 0px 20px;
	text-align:left;
	display: block;
	position: relative;
	background: #FFF;
}
aside#left section {
	margin: 0px;
	padding: 0px 0px 15px;
	clear: right;
	border-style: none;
}
aside#left section h2 { font-size: 1.35em; }
aside#left section {
	float:left;
	width:100%;
	padding:0px 0px 10px;
	margin-bottom: 20px;
}
aside#left section ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
aside#left section li {
	margin:2px 0px 1px;
	padding:0px;
	list-style:none;
	float:left;
	width:100%;
	border-bottom:1px solid #dad2d2;
}
aside#left section li a:link, section li a:visited {
	letter-spacing:0.05em;
	text-transform:capitalize;
	text-decoration:none;
	padding:3px 0px;
	float:left;
	width:100%;
	font: 0.9em/normal Georgia, "Times New Roman", Times, serif;
}
.right-column {
	float: right;
	clear: right;
	width: 320px;
}
.screen-reader-text { display:none; }
section h1 {
	margin-bottom:6px;
	text-shadow: 0 1px 0 #FFF;
}
section h2 {
	margin-bottom:6px;
	text-shadow: 0 1px 0 #FFF;
}
section input { width:212px; }
section button {
	margin:10px 0px 0px;
	float:right;
	border:none;
	padding:5px 10px;
	background:#af7a85;
	font-size:1em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight:300;
	color:#fff;
	cursor:pointer;
}
button:hover { background:#606060; }
section label {
	display:block;
	font-weight:bold;
}
section caption {
	padding:10px 0px;
	color:#606060;
}
article section {
	float:left;
	width:100%;
	border-bottom:3px double #d9d6c4;
	padding:0px 0px 10px;
	margin-bottom: 20px;
}
article section ul {
	margin:0px;
	padding:0px 0px 5px 10px;
	display: block;
}
article section li {
	margin:2px 0px 5px;
	padding:0px 0px 0px 13px;
	list-style:none;
	background: url(../images/double-arrow.gif) no-repeat left 7px;
	clear: left;
}
article section li a:link, section li a:visited {
	letter-spacing:0.05em;
	text-transform:capitalize;
	text-decoration:none;
	padding:3px 0px;
	float:left;
	width:100%;
	font: 0.9em/normal Georgia, "Times New Roman", Times, serif;
}
footer {
	border-top:3px double #d9d6c4;
	;
	margin:0px auto;
	padding:10px 20px;
	text-align:center;
	display:block;
	clear:both;
	background: #eceadf url(../images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;
	font-size:0.714em;
	line-height:normal;
	width: 920px;
}
#slideshow {
	z-index:100;
	display: block;
	text-align: center;
	position: relative;
}
#slideshow a img { margin-bottom: 15px; }
#slideshow a {
	text-decoration:none;
	text-align: center;
}
/* IE */ * html .slides_container { margin-left:-20px; }
.slide-nav { margin: 5px 10px 5px 0 }
.slide-nav a.activeSlide { background: #ea0 }
.slide-nav a:focus { outline: none; }
#output { text-align: left; }
#next { float:right; }
#prev { float:left; }
/* CALENDAR */
#loading {
	position: absolute;
	top: 5px;
	right: 5px;
}
#calendar { margin: 0 auto; }
article table img {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 0 0 8px rgba(88, 83, 74, 0.2) inset;
}
table img {
	background: #eceadf url(../images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}