*{padding: 0; margin: 0;}

/* PNG render - must be added to all png files set with src*/
#rightcontainer, #leftcontainer, .png { 
	behavior: url(./css/iepngfix.htc);
}

body {	
	background-image: url(../images/elements/background/bgtile.jpg);
}

p, .subhead {
	color: #661438;
	text-align: left;

	text-decoration: none;
	font: normal normal .8em/1.1em Georgia, "Times New Roman", Times, serif;
}

.center {
	text-align: center;
}

.subhead {
	font-size: 1.3em;
	line-height: 1.5em;
}


a:link {
	color: #EC138E;
	text-decoration: underline;
}

a:hover {
	color: #EC138E;
	text-decoration: none;
}

a:active {
	color: #767E95;
	text-decoration: none;
}

a:visited {
	color: #C40E76;
	text-decoration: underline;
}

img.heroflowpenleft {
	float: right;
	clear: right;
}

img.heroflowpenright {
	float: left;
	clear: left;		
}

#parchment {
	width: 900px;
	/*height: 500px;*/
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding:  0px;
}

#imagecontainer {
	width: 869px;
	height: 100%;
	min-height: 426px;
	background-image: url(../images/elements/parchslices/center.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	top: 0px;
	bottom: 0px;
}

#imagecontainer[id] {
	min-height: 466px;
}


#rightcontainer, #leftcontainer {
	height: 100%;
	min-height:426px;
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
	bottom: -10px;
}

#rightcontainer[id], #leftcontain[id] {
	bottom: -5px;
	margin-bottom: 0;
	vertical-align: bottom;
}

#leftcontainer{
	background-image:url(../images/elements/parchslices/left.png);
	width: 18px;
	bottom: -15px;
}

#rightcontainer{
	background-image:url(../images/elements/parchslices/right.png);
	width: 13px;
}

#subpole{
	height: 440px;
	width:1px;
	float: left;
	clear: both;
}
#tentpole {
	width:1px;
	height: 466px;
	float:left; 
	clear: both;
}


#title {
	float: right;
	margin-top: -2px;
	margin-right: -5px;
}

#content {
	width:  860px;
	min-height: 425px;
	margin-top: -65px;
}

#content[id] {
	margin-top:  5px;	
}

.heroone {
	background: url(../images/elements/heroes/heroone.gif) no-repeat scroll 207px 24px;
	height: height: 466px;

}

.heroone[class] {
	background: url(../images/elements/heroes/heroone.gif) no-repeat scroll 207px 73px;
}

.herotwo {
	background: url(../images/elements/heroes/herotwo.gif) no-repeat scroll 235px 56px;
	height: height: 466px;

}

.herotwo[class] {
	background: url(../images/elements/heroes/herotwo.gif) no-repeat scroll 235px 105px;
}

.herothree {
	background: url(../images/elements/heroes/herothree.gif) no-repeat scroll 207px 34px;
	height: height: 466px;

}

.herothree[class] {
	background: url(../images/elements/heroes/herothree.gif) no-repeat scroll 207px 83px;
}

.herofour {
	background: url(../images/elements/heroes/herofour.gif) no-repeat scroll 257px 14px;
	height: height: 466px;

}

.herofour[class] {
	background: url(../images/elements/heroes/herofour.gif) no-repeat scroll 273px 63px;
}
#penleft, #penright {
	width: 320px;
	min-height: 360px;
	float: left;
	clear: none;
	/*overflow: hidden;*/
	margin-top: 41px;
}

#penleft {
	margin-left: 18px;

}

#penright {
	margin-left: 46px;
	margin-right: 20px;
}

#penleft[id] {
	margin-top: 83px;
	margin-left: 38px;
}

#penright[id] {
	margin-left: 44px;
	margin-top: 11px;
	margin-right: 0px;
}

#singlepen {
	width: 684px;
	float: left;
	clear: none;
	/*overflow: hidden;*/	
	margin-top: 56px;
	margin-left: 18px;
	margin-right: 20px;

}

#singlepen[id] {

	margin-left: 38px;
	margin-top: -8px;
	margin-right: 0px;
}

#singlepen p {
	font-size: .8em;
	font-variant: normal;
}

#penleft p{

}

#penright p{
	text-align: right;
}


#menu {
	_position: absolute;
	float: right;
	width: 135px;
	overflow: hidden;
	margin-right: 10px;
	margin-top: 50px;
	z-index: 2;
}

#menu[id] {
	float: right;
	width: 135px;
	overflow: hidden;
	margin-right: -10px;
	margin-top: 0px;
}


#crumbs {
	margin-right: 150px;
	padding-left: 6px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 1px;
	color: #EC138E;
	clear: both;
	position: relative;
	left: 4px;
	bottom: -8px;
	background-color: rgba(207,203,200,0.76);
	_background-color: #DAD5D0;
}

#purvey {
	clear: both;
	position: relative;
	left: 8px;
	bottom: -6px;

}

#logo {
	height: 80px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	z-index: 1;
	position: absolute;
}

#logo[id] {
	position: fixed;	
}

.highlight, .lowlight {
	font-size: .8em;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.highlight {
	color: #2E2D2C;
}

.highlight a:link {
	color: #2E2D2C;
	text-decoration: underline;
}

.highlight a:visited {
	color: #1E1D1C;
	text-decoration: underline;
}

.lowlight {
	background-color: #2E2D2C;
	color: #B5A897;
}

.lowlight a:link {
	color: #B5A897;
	text-decoration: underline;
}

.lowlight a:visited {
	color: #A59887;
	text-decoration: underline;
}

.op50 {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.flrt {
	float:  right;
	clear:  both;
	font-size: .7em;
}

.advert {
	clear: none;
	border: 3px outset #B5A897;
	float: none;
	text-align: center;
	display: block;
	margin: 10px auto;
}

.pictureTL, .pictureBL, .pictureTR, .pictureBR {
	width:  150px;
	height:  150px;
}

.pictureTL, .pictureTR {
	top: 0px;

}

.pictureTL, .pictureBL {
	float:left;
	clear: left;
	margin-left: 3px;
}

.pictureTR, .pictureBR {
	float: right;
	clear: right;
	right:  0px;

}

.pictureBL, .pictureBR {
	margin-top: 95px;
}



/*-------------- thick box --------------*/

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	min-height:1000px;
	height: 100%;
	background: #850603 url(../images/elements/background/bgtile.jpg) repeat;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	
}

#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #FFFFFF;
	z-index: 102;
	color:#661438;
	display:none;
	border: 3px solid #ccc;
/* --- THINK ABOUT A FANCY FRAME in PNG FORMAT 100% H & W W/ BIGGER PADDING --- */
}

#TB_window img {
	display: block;
	margin: 15px 0 0 15px;
	border: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
}

#TB_caption{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #661438;
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

/*---------------- end thickbox ------------------------------*/