body {
	margin: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #252319;
	background: url(../images/bkg.jpg) top left repeat
}

:focus { outline: none }
a img { border: none }

#container {
	width: 950px;
	position: relative;
	margin: 8px auto;
}

#container a { color: #bc2220; text-decoration: none }
#container a:hover { color: #EF3F3B; text-decoration: underline }

#container p { margin: 0 0 15px 0; line-height: 18px }

/* ----------------------------------------- /end container styles -------------------------------------- */




/* ----------------------------------------- common classes -------------------------------------- */

.left { float: left }

.right { float: right }

.clear { clear: both; display: block; }

.nomargins { margin: 0 !important }

.margintop { margin-top: 10px }

.marginright { margin-right: 10px }

.marginbottom { margin-bottom: 10px }

.marginleft { margin-left: 10px !important }

.nopadding { padding: 0 !important }

.noborder { border: none !important }

.addtopspace { padding-top: 25px }

.small { font-size: 12px }

.large { font-size: 14px }

.half { width: 304px; margin-right: 24px }

.green {
	background-color: #8aba4a;
	border-top: 4px solid #6fa32a;
}

.red {
	background-color: #6d0303;
	border-top: 4px solid #4f0101;
}

.darkred {
	background-color: #391919;
	border-top: 4px solid #210909;
}

.darkred p.callout {
	margin: 0 -10px !important;
	padding: 3px 10px 8px 0;
	text-align: right;
	background-color: #473331;
}

.imgborder { 
	float: left;
	margin: 0 10px 0 0;
	border: 3px solid #e3cfb7;
}

.ulnone {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none !important;
}
ul.lifloat { overflow: hidden; _height: 1% }
ul.lifloat li { float: left; padding: 0 10px }

ul.arrows li { padding-left: 22px; background: url(../images/arrows.gif) center left no-repeat }
ul.dash li { 
	padding-left: 12px; 
	background: url(../images/dash.gif) center left no-repeat 
}

ul.liborders li { padding: 5px 10px; border-right: 1px solid #e3cfb7 }

a.margins { margin: 0 5px }

a.emphasize { color: #5a8029 !important; font-weight: bold; font-size: 14px }

.emphasize { color: #6D0303; font-size: 15px }

.active { font-weight: bold }
.media { /* JTS May 15, 2010 */
	width: 240px; 
	position: relative;
	float: left;
	padding-left: 0px;
}
.media2 { 
	width: 340px; 
	position: absolute;
	top: 270px;
	left: 310px;
} /* JTS Sept 15 2009 */

.mediaViewItem { 
	width: 320px; 
	position: relative;
	float: left;
	padding-left: 20px;
} /* JTS Sept 15 2009 */
#leftPreviewImage {
	float: left;
	width: 250px;
	padding-right: 20px;
}
.relative { position: relative; }

/* ----------------------------------------- /end common classes -------------------------------------- */




/* ----------------------------------------- top styles -------------------------------------- */

#topBkg {
	width: 100%;
	height: 142px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bkg-top.jpg) top left repeat-x;
}
#top { 
	width: 100%;
	margin-bottom: 8px;
	overflow: hidden;
	_height: 1%;
}
#top ul {
	font-size: 13px;
	text-shadow: #594b1f 1px 1px 2px;
	color: #EDDDBA;
}
#top li { border-right: 1px solid #D8C395 }
#top li a { color: #EDDDBA; font-weight: bold }
#top li a.emphasize { color: #e23936 !important }
#top li a:hover { color: #EDDDBA }
#top li.arrow { 
	margin-right: 10px;
	padding-right: 15px; 
	background: url(../images/quick_links.png) center right no-repeat;
}
* html #top li.arrow { background: none }

/* ----------------------------------------- /end top styles -------------------------------------- */




/* ----------------------------------------- header styles -------------------------------------- */

#header {
	width: 944px;
	height: 107px;
	position: relative;
	background: url(../images/header.jpg) top left no-repeat;
	border: 3px solid #FFF;
}
#header h2 {
	width: 135px;
	height: 171px;
	position: absolute;
	top: 14px;
	left: 16px;
	margin: 0;
	text-indent: -999em;
	background: url(../images/logo.png) top left no-repeat;
	z-index: 99;
}
* html #header h2 { 
	background: none; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png',sizingMethod='crop'); 
}

/* ----------------------------------------- /end header styles -------------------------------------- */




/* ----------------------------------------- content styles -------------------------------------- */

#page {
	width: 944px;
	height: auto;
	margin-top: -3px;
	background: #FFF;
	border: 3px solid #FFF;
}

#search {
	width: 900px;
	height: 38px;
	margin: 0 auto;
	padding: 12px 44px 0 0;
	background: url(../images/bkg-search.jpg) top left repeat-x;
}

#search { text-align: right }
#search a { 
	width: 60px; 
	margin: -3px 10px 0 0; 
	text-decoration: underline;
	color: #FFF;
}
#search a:hover { color: #EFD1D1 }

.searchbox {
	width: 315px;
	padding: 3px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	color: #252319;
	border-top: 1px solid #760b09;
	border-right: none;
	border-bottom: 1px solid #760b09;;
	border-left: 1px solid #760b09;
}

#content {
	width: 944px;
	padding: 35px 0;
}

/* ----------------------------------------- /end content styles -------------------------------------- */




/* ----------------------------------------- left styles -------------------------------------- */

#left { 
	width: 641px; 
	margin-right: 16px;
	padding: 0 0 25px 12px;
	font-size: 13px;
}
#left h1, #left h2, #left h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}
#left h1 {
	margin-bottom: 10px;
	padding-bottom: 1px;
	text-align: center;
	color: #5a8029;
	border-bottom: 1px solid #b8cd99;
}
#left h1 span {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #5a8029;
}
#left h2 {	
	padding: 5px 10px;
	font-size: 20px;
	color: #6d0303;
	background-color: #fae2e1;
	margin: 5px 0px;
}
#left h3 {
	margin: 25px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	color: #6d0303;
}
#left h3.nomargins { margin-bottom: 5px !important }
#left p { line-height: 16px }
#left ul, #left ol { margin: 0 0 0 20px; padding: 0 }
#left ul { list-style-type: square }
#left li { margin: 4px 0 }

/* ----------------------------------------- /end left styles -------------------------------------- */




/* ----------------------------------------- right styles -------------------------------------- */

#right { width: 266px; color: #FFF }
#right a { color: #FFF; text-decoration: underline }
#right a:hover { color: #EFD1D1 }
#right p { margin: 10px 0 }
#right div.green a:hover { color: #DCEFC2 }
#right h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFF;
}
#right dl { margin: 10px 0 }
#right dt, #right dd { margin: 0 }
#right div.container {
	width: 258px;
	margin-bottom: 16px;
	padding: 3px;
	border: 1px solid #cfcfcf;
}
#right div.container div {
	padding: 10px 15px;
}
#right li {
	margin: 10px 0;
}

/* ----------------------------------------- /end right styles -------------------------------------- */




/* ----------------------------------------- footer styles -------------------------------------- */

#footer {
	width: 100%;
	margin: 20px 0 3px 0;
	padding: 8px 0;
	background: #bc2220;
	overflow: hidden;
	_height: 1%;
}
#footer li { border-right: 1px solid #FFF }
#footer a { color: #FFF }
#footer a:hover { color: #EFD1D1; text-decoration: underline }

#copy { 
	width: 98%;
	padding: 8px 1%; 
	color: #FFF;
	background: #a68d59;
	border-top: 2px solid #816d45;
}

/* ----------------------------------------- /end top styles -------------------------------------- */




/* ----------------------------------------- toolbar styles -------------------------------------- */

div.toolbar a:hover, div.toolbarmedia a:hover { text-decoration: none !important }
a.edit, a.collection, a.download {
	width: 15px;
	height: 15px;
	float: right;
	position: relative;
	margin-right: 8px;
	background: url(../images/icon-edit.gif) top left no-repeat;
}
a.collection { background: url(../images/icon-collection.gif) }
a.download { background:url(../images/icon-download.gif) }
a.print {
	width: 17px;
	height: 16px;
	float: left;
	position: relative;
	background: url(../images/icon-print-toolbar.gif)
}
a.edit div, a.collection div, a.download div, a.print div {
	width: 74px;
	height: 35px;
	position: absolute;
	top: -41px;
	left: -30px;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #464646;
	text-align: center;
	background: url(../images/bkg-tools-div.png) top left no-repeat;
	display: none;
	z-index: 100 !important;
}
a.download div, a.print div { height: 28px; padding-top: 10px }
a.edit:hover div, a.collection:hover div, a.download:hover div, a.print:hover div { display: block }

/* ----------------------------------------- /end toolbar classes -------------------------------------- */




/* ----------------------------------------- featured styles -------------------------------------- */

div.featured {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-bottom: 15px;
}
div.featured a.featuredlg {
	width: 474px;
	height: 314px;
	float: left;
	overflow: hidden;
	border: 3px solid #e3cfb7;
}
div.featured a.featuredlg:hover { border: 3px solid #fd6360 }
div.featured div.toolbar {
	width: 454px;
	height: 23px;
	position: absolute;
	bottom: 2px;
	left: 3px;
	padding: 7px 10px 0 10px;
	font-size: 14px;
	color: #FFF;
	background: url(../images/bkg-toolbar.png) top left repeat;
}
* html div.featured div.toolbar { background-color: #666 }
div.featured div.toolbar a.edit, div.toolbarmedia a.edit { background: url(../images/icon-edit-toolbar.gif) }
div.featured div.toolbar a.collection, div.toolbarmedia a.collection{ background: url(../images/icon-collection-toolbar.gif) }
div.featured div.toolbar a.download, div.toolbarmedia a.download { background: url(../images/icon-download-toolbar.gif) }
div.featured a.featuredthumb {
	width: 140px;
	height: 90px;
	float: right;
	margin-bottom: 16px;
	border: 3px solid #e3cfb7;
}
div.featured a.featuredthumb:hover { border: 3px solid #fd6360 }

/* ----------------------------------------- /end featured classes -------------------------------------- */




/* ----------------------------------------- image thumb styles -------------------------------------- */

div.thumb {
	width: 110px;
	height: 78px;
	float: left;
	position: relative;
	margin: 10px 7px 10px 0;
	padding-left: 96px;
}
div.thumb a.title {
	width: 110px;
	position: absolute;
	bottom: 27px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;
	color: #5a8029 !important;
	line-height: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c4dca4 !important;
}
div.thumb a.title:hover { color: #7fa350 !important; text-decoration: none !important }
div.thumb p { margin: 0 0 5px 0 !important }
div.thumb div.toolbar { position: absolute; bottom: 8px }
div.thumb div.toolbar a { float: left }
div.thumb a.img {
	width: 85px;
	height: 72px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	border: 3px solid #e3cfb7;
}
div.thumb a.img:hover {
	width: 139px;
	height: 90px;
	top: -9px;
	left: -27px;
	border: 3px solid #fd6360 !important;
	z-index: 10;
	-moz-box-shadow: 1px 1px 10px #888;
}
/* ----------------------------------------- /end image thumb classes -------------------------------------- */


/* ----------------------------------------- preview thumb styles -------------------------------------- */

div.previewImage
{
	width: 264px;
	height: 260px;
	float: left;
	position: relative;
	margin: 10px 7px 10px 0;
	padding-left: 96px;
}
div.previewImage a.img {
	width: 264px;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	border: 3px solid #e3cfb7;
}
div.previewImage a.img:hover {
	width: 475px;
	height: 350px;
	top: -45px;
	left: -106px;
	border: 3px solid #fd6360 !important;
	z-index: 10;
	-moz-box-shadow: 1px 1px 10px #888;
}
/* ----------------------------------------- /end image preview classes -------------------------------------- */


/* ----------------------------------------- misc and page specific styles -------------------------------------- */

#flairLeft {
	width: 81px;
	height: 124px;
	position: absolute;
	top: 105px;
	left: -50px;
	background: url(../images/flair_left.png) top left no-repeat;
	z-index: 2;
}

#flairRight {
	width: 87px;
	height: 192px;
	position: absolute;
	top: 40px;
	right: -42px;
	background: url(../images/flair_right.png) top left no-repeat;
	z-index: 2;
}
* html #flairLeft, * html #flairRight { background: none }

div.toolbarmedia {
	width: 250px;
	height: 23px;
	float: left;
	clear: left;
	padding: 7px 10px 0 10px;
	background: url(../images/bkg-toolbar.png) top left repeat;
}
* html div.toolbarmedia { background-color: #666 }

a.upactive, a.upinactive,
a.downactive, a.downinactive,
a.rightactive, a.rightinactive,
a.leftactive, a.leftinactive {
	width: 65px;
	height: 22px;
	float: right;
	margin: -4px 15px 0 0;
	text-indent: -999em;
	background: top left no-repeat;
}
a.downactive, a.downinactive { margin: -4px 0 0 0 }
a.rightactive, a.rightinactive { margin: 0 }
a.leftactive, a.leftinactive { margin: 0 15px 0 0 }

a.upactive { background-image: url(../images/button-up-active.gif) }
a.upinactive { background-image: url(../images/button-up-inactive.gif) }
a.downactive { background-image: url(../images/button-down-active.gif) }
a.downinactive { background-image: url(../images/button-down-inactive.gif) }
a.rightactive { background-image: url(../images/button-right-active.gif) }
a.rightinactive { background-image: url(../images/button-right-inactive.gif) }
a.leftactive { background-image: url(../images/button-left-active.gif) }
a.leftinactive { background-image: url(../images/button-left-inactive.gif) }

a.upactive:hover, a.upinactive:hover,
a.downactive:hover, a.downinactive:hover, 
a.rightactive:hover, a.rightinactive:hover,
a.leftactive:hover, a.leftinactive:hover {
	opacity: .80;
	filter: alpha(opacity=80);
}

p.pagenums {
	width: auto;
	float: right;
	clear: right;
	margin-right: 15px !important;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif
}
p.pagenums a { float: left; margin: 0 4px }

/*#homePage div.featured a.featuredlg { height: 350px }*/
#homePage div.thumb, #homePage div.thumb a.title, #homePage div.thumb div.toolbar { width: 198px; margin: 10px 0 }
#homePage div.thumb a.title {  position: relative; top: 0; margin: 0 0 13px 0 }
#homePage div.thumb div.toolbar { position: relative }

/* ------------------------------- rloginstyles ---------------------------- */
#form {
	width: 700px;
	padding-top: 20px;
}
#form dl {
	margin: auto;
	width: 200px;
}
#form dt {
	font-weight: bold;
}
#form dd {
	padding-bottom: 15px;
	margin: 0px;
} 
#form input {
	padding: 3px;
}
#form input.button {
	margin-left: 290px;
}
/* ---------------------------/login classes ----------------------- */

/* ------------------------------- edit ---------------------------- */
#edit {
	padding-top: 20px;
	width: 200px;
}
#edit dl {
	margin: auto;
	width: 200px;
}
#edit dt {
	font-weight: bold;
}
#edit dd {
	padding-bottom: 15px;
	margin: 0px;
} 
#edit input {
	padding: 3px;
}
#edit input.button {
	margin-left: 90px;
}
/* ---------------------------/edit classes ----------------------- */



.modalBackground {
	background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}