html * {margin:0; padding:0; border:0}
html, body{height:100%}
body{
	background: #fff url(../images/nav.jpg) 50% 0 repeat-y;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	text-align:center;
}

#skip a
{
    text-indent:-200em;
    display:block;
    margin:0 0 0 20px;
}

#skip a:focus, #skip a:active
{
    text-indent:0;
    background-color:#9F84AD;
    border:1px solid #410C5E;
    padding:6px 4px;
    width:10em;
    color: #fefefe;
}

#header
{
    height:126px;
    background: url(../images/header.jpg) 50% 0 no-repeat;
}

#page
{
    width:770px;
    height:auto !important;
    min-height:920px;
    margin:0 auto 0 auto;
    background: url(../images/page.jpg) 50% 100% no-repeat;
    text-align:left;
}

#container
{
    background: url(../images/main_bg.jpg) 0 0 no-repeat; 
    height:inherit !important;
    min-height:551px;  
}

#footer
{
    width:770px;
    margin:0 auto;
    background: url(../images/footer.jpg) 50% 0 no-repeat;
    height:30px;
}

#footer p
{
    margin:0;
    padding-top:0;
    text-align:center;
    color:#6F5382;
    font-size:1.1em;
}

#footer a
{
    color:#6F5382;
}

#edit{
	background-color:#fff;
	border:1px solid #666;
	padding:4px;
	margin:10px;
	display:none;
}

/* ---- CONTENT ---- */

#content
{
    padding: 10px 0 35px 10px;
    width: 600px;
    float:left;
}

#content h1
{
    text-align:right;
    font-size:2em;
    font-family:Times New Roman, serif;
    font-weight:normal;
    color:#400B5D;
    margin-bottom:20px;
}

#content p
{
    padding:4px 20px 6px 40px;
    font-size:1.4em;
}

#content h2
{
    font-size:2.6em;
    color: #400B5D;
    margin:10px 0 10px 40px
}

#content h3
{
    font-size:1.6em;
    margin:10px 0 4px 40px
}

#content h4
{
    font-size:1.4em;
    color: #400B5D;
    margin:8px 0 2px 40px
}

#content ul
{
    font-size:1.4em;
    margin:8px 0 14px 52px;
    list-style-type:circle;
}

#content li
{
    padding: 2px 0;
}

#content li p
{
    font-size:1.4em;
}

#content blockquote p.highlight_quote
{
    font-weight:bold;
}


/*   -------   NAVIGATION    ---------- */
#nav
{
    width:140px;
    float:left;
    height:auto;
    padding-bottom:32px;
}

#nav h3
{
    background-color: #410A5D;
    margin:0 2px;
    font-size: 1.4em;
    border-bottom: 1px solid #cab8d0;
    padding: 3px 3px 3px 6px;  
}

#nav h3 a
{
    color: #efefef;
    text-decoration:none;
}

#nav h3 a:hover
{
    text-decoration:underline;
}

#nav ul
{
    list-style-type:none; 
    margin:0 2px;
}

#nav li
{
  border-bottom: 1px solid #cab8d0; 
  padding: 3px 3px 3px 12px;
}

#nav li a
{
  text-decoration:none;
  color: #410a5d;
  font-size:1.4em;
}

#nav li a:hover
{
  text-decoration:underline;
}

#content .innerImg {
	width: 199px;
	text-align:right;
	padding:0;
	margin:0 0 10px 10px;
	float:right;
}
#content .innerImg img {
    border-top-width: 5px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
}

#content .subscription {
    padding:4px 20px 6px 40px;
}
#content .subscription label {
    font-size:1.4em;
}
#content .subscription input {
    margin: 0 12px 0 0;
    border:1px solid #000;
}

/* ############# CLEAR FIX  ############ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* ############# Admin styles  ############ */

.htmlarea{
	width:605px;
	border:1px solid #ccc;
	margin: 10px 0;
}

div.toolbar table {
	border-collapse:collapse;
	margin:0
}

div.toolbar table th, div.toolbar table td{
	padding:0
}

/* ############# Tables and Forms  ############ */

table
{
    border-collapse:collapse;   
}

td, th 
{
    padding:3px 8px 3px 0;
}

.sub
{
    background-color: #410A5D;
    color: #efefef;
    padding:3px 4px;   
}


#pageeditor
{
    padding: 10px 0 35px 10px;
    width: 600px;
	border:1px solid #ccc;
    display:none;
    
}

#pageeditorlink
{
    border:0;
    padding: 5px 12px;
    margin: 0 0 0 374px;
    width:10em;
}

#pageeditor input
{
    margin: 0 12px 0 0;
    border:1px solid #000;
}

#pageeditor label
{
    margin: 0 12px 0 0;
}