/**
 * Reset - Resets all browsers down to common default settings
 *
 * @credits Eric Meyer's CSS Reset <http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/>
 * @package WPFramework
 * @subpackage Media
 */

/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Removes dotted line when focus */
:focus { outline: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }


body {
	padding: 0 350px 0 350px;
	margin: 0;
	text-align: center;
	/* background: #663300 url(bg.gif) 0 0 repeat-x; */
	font: 1em Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; font-weight: 300
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.75em;
	margin-top: .5em;
}

h3 {
	font-size: 1.25em;
	margin-top: .5em;
}

#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 39%;
	max-width: 275px;  /* version for IE is at the bottom of this style block */
	
}

#expander {
	
	margin: 0 -350px 0 -350px;
	min-width: 700px; /* Critical Safari fix! */
	position: relative;
	z-index:6;
}

ul	{ margin-left: 2em; }
li	{ font-size: .9em; }

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%;}

/*
#sidebar {
	position: absolute;
	width: 13.5%;
	float: left;
	top: 10px;
	left: 0px;
	display: inline;
	text-align: center;
	margin-left: 1%;
	color: #000;
	height:auto;
	}
*/

#sidebar {
	float: right;
	height:100%;
	margin-left:15px;
	}

#content {
	position:relative;
	/* width: 82.5%; 
	margin-right: 1%; */
	width: 95%;
	padding-right:2.5%;
	margin:auto;
	top: 10px;
	text-align: justify;
	display: inline;
	float: right;
	padding-bottom: 3em;
	overflow: hidden;
	z-index:8;
}

#main {position:relative;top:-27px;background-color:#fef1d1;z-index:7;}

#login { position:absolute; top:0px; right:0px; text-align:right;z-index:99}

#footer { clear: both; padding: 0.5em 0 0.5em 0; margin: 1em 5% 1em 5%; border-top: 3px solid black; }

#botnav { clear: both; padding: 0.5em 0 0.5em 0; margin: 1em 5% 1em 5%; }

p,
label {
	margin: .95em 0em .95em 0em;
	font-size: .9em;
}


/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.catbar {position: relative; top:-27px; width: 100%; height: 50px; text-align:center; padding:0; color: #fff; font-weight: 600; background-color: #d26102; z-index:20;}

#block {position:relative; margin-left:auto; margin-right:auto; top: 0px; left: 0;width:720px; height:48px; background-color: #d26102; font-size: .8em; font-weight:bold;}
#block, #block ul {padding:0; margin-left:auto; margin-right: auto; margin-top:0; margin-bottom: 0; list-style:none;}
#block table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em; position:absolute; left:0; top:0;}
#block div {position:absolute; left:-9999px;}
#block li.top {float:left;border-left:1px white solid;}
#block li.first {margin:auto; display:inline;border:0;}
#block li.top a {display:block; width:102px; color:#fff; height:50px; text-align:center; text-decoration:none; background:transparent;}
#block li.selected, #block li.selected a {background-color:#fef1d1;color:black}
#block li.top a:hover, #block li.top :hover, #block li.top :focus  {border:0; background-color:white; color: black; }
#block li.top:hover > a  {background-color:white;}

#block :hover div {left:0; top:34px; width:720px; height:auto;}
#block :hover div ul {width:720px; height:300px;;z-index:10}
#block :hover ul li {width:100%; height:100%; }

#logo {
    background-image:url('logo.gif');
    background-position:50% 50%;
    background-repeat:no-repeat;
    height: 199px;
    top:0;
    z-index:4;
}

#logo a {
    display: block;
    height: 100%;
    width: 100%;
    outline: none;
    text-indent: -26726px;
}

.photo {margin:0 auto;max-width:660px;border:black 0px solid;text-align:center;}
.photo-small {padding:0 25px 25px 25px}
.photo-caption {color:black;font-weight:600;background-color:#d26102}
.right {float:right;}
.left {float:left}

.todo {background : yellow;}

.error {background : red;color:white}

blockquote { background-color: #f8e1b3; padding: 1em; margin-left: 2em; margin-right: 2em }

cite { font-weight: 600 }

#main a:visited, #main a:link { background-color: #a7540e; color:black; text-decoration:underline; background:transparent;font-weight:600}
#main a:active, #main a:hover  {background-color: #a7540e; text-decoration:none;color: white}

.intro {text-align:center;line-height:1.5em}

  .label{
    text-align:right;
  }
  #submit{
    text-align:center;
  }