html { border-top: 10px solid #E93137;}

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

h1,h2,h3 {
  font-family: Handlee, open-sans, morris;
  color: #E93137;
}

#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}


.clear,.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	max-width: 1200px;
	min-width:23px;
	min-height:23px;
}

.art-Sheet-body
{
	position: relative;
	z-index: 1;
	padding: 1px;
}


.art-Sheet
{
	margin-top: 10px !important;
}


/* end Box, Sheet */

/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:-10;
	max-width: 898px;
/*	height: 250px; */
}

div.art-Header-png
{

	position: relative;
	display: block;
/*	background: url(images/css/bglogo.png) center center no-repeat; */
	width: 273px;
	/* height: 265px; */
	text-align: center;
	margin: 0px auto;
	z-index: 2;
}
#logo {
	height: auto;
	background: none;
}


div.art-Header-jpeg
{
	position: absolute;
	z-index:2;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
	display : block;
	position: absolute;
	left: 10px;
	top: 10px;

}


.art-Logo-text
{
	display: block;
	text-align: left;
}

.art-Logo-text, .art-Logo-text a
{
font-family: Handlee, morris,arial;
font-size: 18px;
font-style: normal;
font-weight: normal;
	padding:0;
	margin:0;
	color: #0A0A0A !important;
}
/* end Logo */

/* Menu */

.art-nav {
  background-image: url(images/css/bgnav.png);
  height: 60px;
  top: -30px;
  position: relative;
  z-index: -300;
  }
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
  font-family: Handlee,  morris, arial;
  font-size: 25px;
	list-style:none;
  margin: 0;
  padding-top: 0px;
	margin-bottom:0px;
  }

#nav{
  /* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;   */
	z-index:5;
	position: absolute;
  top: 220px;
}
#nav li{
	float:left;
  margin: 0px;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:0px;
  padding-left: 10px;
  color:#fff;

	text-decoration:none;
}
#nav a:hover{
	
  color:#FFDC70;

	text-decoration:underline;
  
}

/*--- DROPDOWN ---*/
#nav ul{
	background: #E93137; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  z-index: 500;
  margin: 0;
}
#nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
  background: #E93137;
  
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hove#E93137' even when your cursor has moved down the list. */
	
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hove#E93137. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background: #E93137;
}


/* @media (max-width: 900px) { */
#nav {
 display: block;
 width: 100%     ;
    font-size: 22px;
    background-color: #E93137;
    	position: relative;
      top: auto;
  
}


.art-nav {
display: none;
}

/* }  */
/* end MenuSubItem */

/* begin ContentLayout */

/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:15px;
	min-height:15px;

}

.art-Block-body
{
	position: relative;
	z-index: 1;
	padding: 7px;

}

.art-Block
{
	margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
background: #ffdc70;
font-family: Handlee, morris;
font-size: 1.5em;
font-weight: lighter;
line-height: 1.7em;
color: #e93137;
padding: 10px;
}


.art-header-tag-icon
{
	display:inline-block;
	background-position:left top;
	background-repeat: no-repeat;
	min-height: 12px;
	margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
    background: #FFE7A6;
}

.art-BlockContent-body
{
	position: relative;
	z-index: 1;
	padding: 8px;
}



.art-BlockContent-body
{
	color: #000033;
font-size: 12px;
font-style: normal;
font-weight: normal;
}



.art-BlockContent-body ul
{
	list-style-type: none;
	margin:0;
	padding:.25em;
}

.art-BlockContent-body li
{
text-decoration: none;
}



/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	margin: 10px;
	min-width:15px;
	min-height:15px;
}

.art-Post h2, .art-Post h3 {
margin:0
}

.art-Post-body
{
	position: relative;
	z-index: 1;
	padding: 11px;
  border-bottom: thin solid #E93137;
}


/* Start images */
a img
{
	border: 0;
}

.art-article img, img.art-article
{
	border: solid 1px #A6A6A6;
	margin: 1em;
}

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}

.art-article th, .art-article td
{
	padding: 2px;
	border: solid 1px #B5B5B5;
	vertical-align: top;
	text-align:left;
}

.art-article th
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}

/* Finish tables */

pre
{
	overflow: auto;
	padding: 0.1em;
}

/* end Box, Post */

.art-PostHeader 
{
 color: #ED9215;  
 font-weight: bold;
  
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: center;
	margin:0;
	color: #664E00;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
text-decoration: none;
text-align: left;
  color: #404040;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
text-decoration: none;
text-align: left;
  color: #A88100;
}

.art-PostHeader a:hover, .art-PostHeader a.hove#E93137
{
text-decoration: none;
text-align: left;

}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: .9em;
font-style: normal;
font-weight: normal;
  color: #000;
}
h1,h2,h3 {
  font-family: Handlee, morris;
}

.art-PostContent p 
{
	margin: 0.5em 0;
}

.art-PostContent p
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-align: justify;
}

.art-PostContent
{
  margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-orde#E93137-the-link-states/
*/
a
{
text-decoration: underline;
  color: #666666;
}

/* Adds special style to an unvisited link. */
a:link
{
text-decoration: underline;
  color: #666666;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
text-decoration: underline;
  color: #664E00;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
text-decoration: none;
  color: #CB8401;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
  color: #997500;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
text-align: left;
font-size: 25px;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
 font-size: 20px;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{

}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{

}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{

}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	margin:1em 0 1em 2em;
	padding:0;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}



.art-Post li
{
	padding:0px 0 0px 12px;
	line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
	background: none;
	padding-left:0;
}

.art-Post ul li, .art-Post ol ul li 
{
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
	color:#1F1700;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.art-PostContent blockquote
{
		border:solid 1px #C7C7C7; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 37px;
	background-color:#E0E0E0;
	background-image:url('images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */

.art-button {
	padding: 5px 15px;
	font-weight: bold;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #42210b;
	background: #f5bc5c;
}
.art-button:hover {
	background: #e93137;
	color: #fff;
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}



/* end Button */

/* begin Footer */
.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
  width: 90%;
	margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 8px;
	text-align: center;
}

.art-Footer .art-Footer-background
{
	height: 150px;
	bottom:0;
	left:0;
}






.art-Footer .art-Footer-text p
{
	margin: 0;
}

.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#1A1A1A;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #4A4A4A;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #2E2300;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #936001;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#CB8401;
}
.art-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#666666;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
	
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 70%;
}
.art-contentLayout .art-content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 29%;
}
/* end LayoutCell */

/* Narrow screen options */
@media (max-width: 900px)  {
/* */
.art-contentLayout .art-content  , .art-contentLayout .art-sidebar1 
{
width: 95%;
}
.art-post {
border: 0;
border-bottom: 1px solid #FFDC70;
}
div.art-Header {
height: 200px;
}
div.art-Header-png
{

	position: relative;
	display: block;
  background-image: none;
	width: 273px;
	height: 200px;
	text-align: center;
	margin: 0px auto;
	z-index: 2;
}


}
@media (max-width: 639px)  {
.noNarrow {
display:none;
}
                            }

ul.error {
background-color: #E93137;
color: yellow;
font-weight: bold;
padding: .5em;
}