/* Basics
------------------------------ */
html { /* Force vertical scrollbar to prevent page shift "jog" */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

body {
	font: normal 82% "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #5A5A4B;

	text-align: center;

	background: #CCCCCC;

	margin: 0;

	padding: 0;

}





/* Main Layout

------------------------------ */

#logo {

	float: left;

	text-align: left;

	margin: 20px 0 0 30px;
	_margin: 20px 0 0 10px;

	width: 200px;

	height: 47px;

}

#logo img {

	border: 0;

}

#main {

	text-align: left;

	padding: 20px 0;

	clear: both;

}

#footer {

	clear: both;

	color: #597580;

	font-size: 85%;

	margin: 8px 30px 0px;

	text-align: right;

}

#footer a {

	color: #597580;

	text-decoration: none;

	border-bottom: 1px dotted #597580;

}

#footer a:hover {

	color: #4B636B;

	text-decoration: none;

	border-bottom: 1px solid #4B636B;

}

#links {

	float: right;

	font-size: 100%;

	margin: 40px 30px 0 0;

}

#links a {

	color: #597580;

	text-decoration: none;

	border-bottom: 1px dotted #597580;

}

#links a:hover {

	color: #4B636B;

	text-decoration: none;

	border-bottom: 1px solid #4B636B;

}

#content {

	padding: 30px;

	background-color: #fff;

  	border-top: 1px solid #BAC9CF;

	border-bottom: 5px solid #BAC9CF;

	min-height: 500px;

	_height: 500px; /* IE Only */

	_margin-top:6px;
}





/* Text Styles

------------------------------ */

h1 {

	color: #000;

	font-size: 136%;

	font-weight: normal;

	margin: 0px 0px 20px 0px;

}

h2 {

	font-size: 120%;

	font-weight: bold;

	margin: 0px 0px 5px 0px;

}

h3 {

	font-size: 100%;

	font-weight: normal;

	margin: 0px 0px 5px 0px;

}

p {

	line-height: 1.2em;

}





/* Menu

------------------------------ */

#nav {
	list-style-type: none;
	padding: 0;
	_padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	height: 30px;
}

#nav li {
	display: inline;
}

#nav li a {
	border-top: 1px solid #C7D3D8;
	border-left: 1px solid #C7D3D8;
	border-right: 1px solid #C7D3D8;
	font-size: 120%;
	display: block;
	float: left;
	padding: 6px 12px;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
	font-weight: normal;
	height: 17px;
	color: #8797A5;
	background: #E9ECEF;
	_position: relative; /* IE Only */
	_top: 6px;	/* IE Only */
}

#nav li a:hover {
	border-top: 1px solid #BAC9CF;
	border-left: 1px solid #BAC9CF;
	border-right: 1px solid #BAC9CF;
	color: #000;
	background-color: #F7F8F9;
	height: 21px;
	_height: 24px;
	position: relative;
	top: -3px;
	_top: 1px; /* IE Only */
	_margin-bottom:-6px;
}

#nav li.current a {
	border-top: 1px solid #BAC9CF;
	border-left: 1px solid #BAC9CF;
	border-right: 1px solid #BAC9CF;
	color: #4D646F;
	background-color: #fff;
	cursor: default;
	height: 21px;
	_height: 24px;
	position: relative;
	top: -3px;
	_top: 1px; /* IE Only */
}

#nav2 {
	list-style-type: none;
	padding: 0;
	_padding: 0 10px 0 0px;
	margin: 0 10px 0 0px;
	height: 30px;
	width: 100%;
	_width: 97%;
	border-bottom: 1px #DDDDDD solid;
}

#nav2 li {
	display: inline;
}

#nav2 li a {
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 0px 0px;
	float:left;
	font-size:16px;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

#nav2 li a:hover {
	background-color: #F7F8F9;
}

#homemenu {
	margin: 0px;
	padding: 0px;
}

#homemenu li {
	list-style:none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#homemenu li a
{
	width:350px;
	height:50px;
	display:block;
	padding: 8px 10px 15px 10px;
	border: 1px #BAC9CF solid;
}

#homemenu li a b {
	font-size:18px;
}

#homemenu li a:hover {
	background-color:#EDEDED;
}



/* Error Messages

------------------------------ */

.errorbox {

	padding: 20px;

	background-color: #FDD;

	border-top: 1px solid #FAA;

	border-left: 1px solid #FAA;

	border-right: 1px solid #FAA;

	border-bottom: 5px solid #FAA;

	margin-bottom: 10px;

	font-size: 100%;

}

.errorbox h2 {

	color: #DD6666;

	font-size: 100%;

	font-weight: bold;

	margin: 0px;

}





/* Miscellaneous

------------------------------ */

a {

	color: #4D76CF;

	text-decoration: none;

}

a img {

	border-width: 1px;

}

a:hover {

	color: #FF8A00;

}

hr {

	height: 0px;

	border: 0px;

	border-bottom: 1px solid #BAC9CF;

	margin: 1em 0px;

}

table.lists {

	/*width: 100%;*/
	padding: 0px;
	border-spacing: 1px;
	margin: 0 0 .5em 0px;
  	background-color: #F7F8F9;
	border: 1px solid #BAC9CF;
  	border-bottom-width: 5px;
}

table.lists th {
	font-weight: bold;
	padding: 4px 12px;
	border-bottom: 2px solid #BAC9CF;
	background: #ECF1F2;
}

table.lists .subhead {
	border-top: 1px solid #BAC9CF;
}

table .warn {
	background: #F9DFDF;
}

table.lists td {
	padding: 4px 16px;
	margin: 0px;
	border-bottom: 1px solid #E1E1FF;
}

.box { 

  background: #F7F8F9;

	border: 1px solid #BAC9CF;

  border-bottom-width: 5px;

}



.imagethumb { margin: 0px; padding: 1px;}





/* Sortable Album Divs

------------------------------ */



div.albumList {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

div.albumList div {

	cursor: move;

	margin: 2px 2px;

	border: 1px solid #F0F3F8;

}









/* Forms

------------------------------ */

input {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	font-size:100%;
	margin:0px;
	padding:0px;
	width:650px;
}

fieldset {
	width:300px;
}





/* Individual Page Styles

------------------------------ */

#home-actions {

	list-style-type: none;

	margin: 0px 0px 0px 10px;

	padding: 0px;

}

#home-actions li {

	margin-bottom: 3px;

	font-size: 100%;

}



#overview-stats, #overview-suggest {

	width: 250px;

	float: left;

	margin: 0 0 10px 10px;

	padding: 10px;

}

#overview-comments {

	min-width: 410px;

	_width: 410px;

	float: left;

	padding: 10px;

}

#overview-comments ul { list-style-type: none; padding: 0px; }

#overview-comments ul li { margin-bottom: .5em; }

#overview-comments .commentmeta {

	font-size: 85%;

	color: #999;

}

#overview-comments .commentbody {

	font-size: 85%;

}



.fileuploadbox {

	margin-bottom: 5px;

}

#albumselect {

	padding: 10px;

  background: #F7F8F9;

	border-top: 1px solid #BAC9CF;

	border-left: 1px solid #BAC9CF;

	border-right: 1px solid #BAC9CF;

	border-bottom: 5px solid #BAC9CF;

}

#albumselect input {

	padding: 4px;

	font-weight: normal;

	font-size: 100%;

}

acronym {

	cursor: help;

}





/* Login

------------------------------ */

#loginform {

	padding: 10px;

	width: 300px;

	margin: 25px auto;

	font-size: 100%;

	background: #F7F8F9;

	border-top: 1px solid #BAC9CF;

	border-left: 1px solid #BAC9CF;

	border-right: 1px solid #BAC9CF;

	border-bottom: 5px solid #BAC9CF;

}

.button {

	cursor: pointer;

	padding: 5px 10px;

}

label {

	cursor: pointer;

}

label:hover {

	color: #000;

}

#loginform input.textfield {

	margin: 0px;

	font-size: 100%;

	padding: 4px;

}



#loginform table {

	margin: 0px auto;

	border: 0px;

}

#loginform td { padding: 4px; }





/* Thumbnail Preview selectbox effect.

------------------------------------- */



.thumbselect {

  height: 80px;

  padding-left: 90px;

  background-repeat: no-repeat;

  background-position: center left;

}



.thumboption {

  padding-left: 90px;

  height: 40px;

  margin-bottom: 2px;

  background-position: center left;

}

.gally {
  padding:5px;
  margin:0px 5px 10px 0px;
  border: 1px #ccc solid;
  height:100px;
}

.gally h3 {
	margin:0px;
	padding:0px;
}
.gallythmb {
  height:100px;
  padding:0px;
  float:left;
  margin:0px 10px 0px 0px;
}

#image_field {
  overflow:auto;
  height:350px;
  margin:0px;
  padding:0px;
}

.imager {
  width:100px;
  padding:5px;
  margin:0px 5px 10px 0px;
  float:left;
  background-color:#EEEEEE;
  border: 1px #DDDDDD solid;
}

.imgcntrl {
  padding:0px;
  margin:5px 0px 0px 0px;
}

.imgthmb {
  height:100px;
  padding:0px;
}

img.tool {
	border:none;
}

.notice {
	font-size:10px;	
}