body, html, h1, h2, h3, h4, h5, table, form, ul {
    padding: 0;
    margin: 0;
} 

/* Make height 100% */

html, body {
	height: 100%;
}

* html #insidecontent {
	height: 100%;
	clear:both;
}

#insidecontent {
	min-height:100%;
}

/* End */


form {display:inline;}

body {
	font: .74em "Trebuchet MS" Verdana, Arial, sans-serif;
	line-height: 1.5em; 
}

textarea {
	font: small "Trebuchet MS" Verdana, Arial, sans-serif;
}

td {
	font-size:9pt;

}

a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#outer-wrap {
	position:relative;
	z-index:2;
	min-height: 100%;
}



#inner-wrap {
	position:relative;
}


#wrap {
	position:relative;
	z-index:3;
	margin: 0px auto;
}

#insidecontent {zoom:1;position:relative;}


#top { 
height: 0px;
}

#content {
}


.header {
height: 40px;
position:relative;
margin-bottom:5px;
background:#565040;
}

#logo {
background: url('images/logo.gif') no-repeat;
width:170px;
height:40px;
margin-left:20px;
cursor:pointer;
float:left;
font-size:0px;
}

#seemore {
background: url('images/seemore.gif') no-repeat;
width:170px;
height:40px;
cursor:pointer;
float:left;
font-size:0px;
}

#albumtitle {
width:170px;
height:40px;
cursor:pointer;
float:left;
font-size:13px;
color:#fff;
line-height:42px;
border-left:1px dotted #eee;
padding-left:20px;
margin-left:20px;
}

.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #FFF; }
.header h1 a { font-size: 22px; color: #FFF; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #FFF; }



.breadcrumbs { 
    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
	margin-bottom:10px;
}
	

.middle {
	text-align:left;
	padding:20px;
	padding-top:10px;
	background:#fff;
}



#bottom {
height: 30px;
}

#footer {
	margin:0 auto;
	position:relative;
	padding-bottom:20px;
	text-align:center;
}


.left {
	float: left;
	width: 110px;
	padding: 20px 20px;
	background:#EDF1E8;
	margin-right:5px;
}

.left ul {
	padding: 0px 0 15px 0px;
	margin:0;
}

.left li {
	margin-bottom:5px;
	list-style-type: none;
	color: #6A685B;
}

.left a, .left a:visited {color:#6A685B}

.middle h1 { color: black; font-size: 22px; font-family:arial;font-weight:normal; margin-bottom: 10px; margin-top: 10px;}
.middle h2 { color: #333; font-size: 16px; margin-bottom: 10px; margin-top: 0px;}
.left h2 { color: #3B6EBF; font-size: 14px; margin-top: 15px;}


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	text-align: center;
	color: #666;
}


#pagination {
	font-size:16px;
	margin-bottom:20px;
	padding-top:6px;
	border-bottom:1px dotted #C0CEAE;
	padding-bottom:15px;
}



/* GALLERY */

.album {
	float:left;
	margin-bottom:20px;
}


.album img {
	border:solid #C0CEAE 0px;
	padding:0px;
	background:#fff;
}

.thumbnail span {
	display:none;
}

.icon {
	float:left;
	width:120px;
	margin-bottom:10px;
	clear:left;
	height:100%;
}

.icon .magnify {
	border-left:1px dotted #ccc;
	margin-left:10px;
	padding-left:5px;
}

.thumbnail .thumbnail_image {
}

.shrinkweb img {
	max-width:100px;
}

.details {
	width:90%;
}

.edit_panel {
	cursor:pointer;
}

#content input, .album input, .album textarea, .album select {
	font-size:.9em;
	font-family:arial;
	margin-bottom:2px;
	padding:1px;
}

.album select {
	width:200px;
}
.info {
	font:18px Arial;
}

.data {
	background-color:#b3b3b3;
	border:1px solid #898989;
	width:40%;
}

.data tr td {
	background-color:#ddd;
	font:13px Arial;
	width:35%;
}

.bar1 {
	background-color:#b3b3b3;
	position:relative;
	text-align:left;
	height:20px;
	width:400px;
	border:1px solid #505050;
}

.bar2 {
	background-color:#009;
	position:relative;
	text-align:left;
	height:20px;
	width:0;
}

#canvas {
	margin:auto;
}

#frame {
	border:4px groove #6495ED;
	width:270px;
	background-color:#ADD8E6;
	margin:30px auto;
}

#header {
	background-color:#F0F8FF;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	font-size:11pt;
	text-align:left;
	color:#6495ED;
	padding-left:10px;
}

#intro {
	background-color:#F0F8FF;
	font-size:9pt;
	text-align:left;
	padding-top:10px;
	padding-bottom:5px;
	color:#6495ED;
	padding-left:10px;
}

.introparagraph {
	font-size:9pt;
	text-align:left;
}

#content {
	font-size:9pt;
	padding-top:10px;
}


.panel {
	height:30px;
	width:300px;
	background-color:#ADD8E6;
	border:4px groove #6495ED;
	font-weight:700;
	font-size:11pt;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-top:10px;
}


input.input:focus {

}

input.button_enter {
	font-size:12px;
	border:1px solid #273e6a;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-top:4px;
}

a {
	text-decoration:none;
	cursor:pointer;
}

a:visited {
	text-decoration:none;
}

a:hover {
	color:#6495ED;
}

.albumname {
	font-weight:bold;
	font-size:15px;
}

:focus
{
-moz-outline-style: none;
}

.title {
	padding:8px;
	background:#D4D9CF;
	position:relative;
	margin-bottom:5px;
	font-size:1.4em;
	color:#555;
	margin-bottom:10px;
}

.buttons {
	background:#D4D9CF;
	margin-bottom:10px;
	padding:5px;
	padding-left:10px;
}

.buttons a {
	margin-right:10px;
	color:#000;
	border:1px solid #555;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:.9em;
	background:#EDF1E8;
}

.buttons a:hover {
	text-decoration:none;
	background:#A3FF46;
}

.label {
	width:100px;
	float:left;
}

.leftborder {
	margin-left:10px;
	padding-left:10px;
}

.box {
	padding:10px;
}

.boxborder {
	padding:10px;
	border:1px solid #ccc;
}

.box_form {
	background:#FFFFFF;
	border:5px solid #D4D9CF;
	padding:15px;
	margin-bottom:10px;
	margin:30px;
}


#result {
	font-size:13px;
	font-weight:bold;
	color:#7A1BF1;
	text-align:center;
	margin:0 auto;
}

.alert {
	font-size:12px;
	color:red;
}

.redbox {
	padding:5px;
	border:1px solid red;
	background:#fff;
	margin-bottom:20px;
}

#sharecontent {padding:20px;margin-bottom:10px;}
.sharebtns {display:inline;}

.clicks {
	font-size:10px;
	color:#bbb;
	display:none;
}


/* Button */
#navlinks {position:absolute;top:7px;right:5px;height:25px;}
#navlinks ul, #navlinks li {list-style:none;height:25px;}
#navlinks li {float:left;display:block;padding-right:10px;height:25px;}
#navlinks a, #navlinks a:visited {color:#fff;height:25px;}

#navlinks li a{background-color:transparent;background-position:top left;background-repeat:no-repeat;color:rgb(255,255,255);font-size:14px;font-weight:bold;line-height:24px;margin-left:auto;margin-right:auto;padding-left:6px;text-decoration:none;padding-top:2px;padding-bottom:4px;*padding-top:0px;}
#navlinks li a span{background-color:transparent;background-position:top right;background-repeat:no-repeat;cursor:pointer;height:35px;padding-right:6px;padding-bottom:4px;padding-top:2px;*padding-top:0px;}
#navlinks li a span span{background-position:top left;background-repeat:repeat-x;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:4px;padding-top:2px;*padding-top:0px;}
#navlinks li a:hover{background-image:url(images/buttonhoverl.png);color:#000;}
#navlinks li a:hover span{background-image:url(images/buttonhoverr.png);}
#navlinks li a:hover span span{background-image:url(images/buttonhoverm.png);}
#navlinks li a span span {*padding-top:3px;}


/* Dropdown menu */

#dropdown {
z-index:999;
margin-top:4px;
float:left;
margin-right:10px;
}
#tier2 li ul li a {z-index:100;text-decoration:none;}
#tier2, #tier2a, .storyMenu, #tier2 li ul, #tier2a li ul {padding:0; margin:0; list-style:none;}
#tier2 li ul, #tier2a li ul { display:none; padding:0; margin:0; position: absolute; top:13px; left:0;}
#tier2 li ul li, #tier2a li ul li {padding:0; margin:0}
#tier2 li, #tier2a li, .storyMenu li {background:#ffffff; position:relative; display: block; padding:0;}
.storyMenu li a, #tier2 li a, #tier2a li a {text-decoration:none;background:#eee; padding:0px; position:relative; display:block; width:50px; border:1px solid #bbb;text-align:center;}
#tier2 li ul li a, #tier2a li ul li a {text-decoration:none;background:#ffffff; padding:2px; position:relative; display:block; width:80px; border-top:0;border-bottom:1px solid #eee; border-left:1px solid #888; border-right:1px solid #888;}
#tier2 li:hover ul, #tier2 li.over ul, #tier2a li:hover ul, #tier2a li.over ul {margin-top:5px;display:block;color:red;}
ul#secondlayera {padding-top:20px;border-top:1px solid #888;border-bottom:1px solid #888;z-index:99;}
#secondlayera li a {text-align:left;}
#tier2 li ul li a:hover, #tier2a li ul li a:hover {color:#000;background:#99FF99;}
#tier2 li  a {color:#aaa;}
#tier2 li  a:hover {color:#000;}

/* Fix IE. Hide from IE Mac \*/
* html .storyMenu li{ float: left; height:1%; }
* html .storyMenu li a { height: 1%; }
* html #tier2 li, * html #tier2a li { float: left; height:1%; }
* html #tier2 li a, * html #tier2a li a { height: 1%; }
* html #tier2 ul li, * html #tier2a ul li { float: left; height:1%; }
* html #tier2 ul li a, * html #tier2a ul li a { height: 1%; }

/* End */


/* NAV LIST */

#navcontainer {
padding-top:10px;
}

#navlist
{
padding: 3px 0 3px 10px;
margin-left: 0;
border-bottom: 1px solid #808E71;
font: bold 12px;
line-height:normal;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #808E71;
border-bottom: none;
background: #FFF;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: #EDF1E8;
border-bottom: 1px solid #EDF1E8;
font-weight:bold;
}

/* END */



/* COMMON STUFF */
.floatright {float:right;}
.floatleft {float:left;}
.bold {font-weight:bold;}
.indent { text-indent: 14pt }
.padding10 {padding:10px;}
.paddingtop20 {padding-top:20px;}
.bordertop {padding-top:10px;margin-top:10px;border-top:1px dotted #ccc;}
.dottedline {border-bottom: 1px dotted black; margin-bottom: 10px; padding-bottom: 20px;}
.center {text-align:center;}
.columnbreak {clear:both;}
.smallfont {font-size:xx-small;color:#777;}

/* .bottom-left, .bottom-right { background-image: url('images/box3.png');font-size: 2px;} */
.top-left, .bottom-left {margin-right: 20px;position:relative;}
.top-right, .bottom-right {margin-left: 10px;}
.top-right { background-position: 100% 0;  }
.inside {margin-left: 20px; margin-right: 20px;background: #fff;padding-top:12px;}
.notopgap{ margin-top: 0; }
.nobottomgap { margin-bottom: 0; }
/* .insideleft, .insideright {background-image: url('images/borders.png'); background-repeat: repeat-y; } */
.insideright { background-position: 100% 0;margin-right:2px; } 

.bottom-left {margin-right: 20px !important;}
.bottom-right {margin-left: 10px;margin-top: -20px !important;}
.bottom-left, .bottom-right { height: 20px !important;font-size: 2px;}
.bottom-left { background: url('images/box3.png') bottom left !important;font-size: 2px}
.bottom-right { background: url('images/box3.png') bottom right !important;font-size: 2px}