/*========================== GENERAL ==========================*/

body {
	background-color:#FFFFFF;
	color:#868788;
}

a {
	color:#868788;
	outline:none;
	text-decoration:underline;
}

a:hover {
	color:#333333;
	text-decoration:underline;
}

h1 {
	color:#868788;
	font-size:1.3em;
	font-weight:normal;
	_height:68px;
	line-height:1.3em;
	margin:0px 0px 1.2em 0px;
	min-height:68px;
}

h2,
h3,
h4,
h5,
h6 {
	color:#868788;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.4em;
	margin:0px 0px 15px 0px;
}

p {
	color:#868788;
	margin:0px 0px 15px 0px;
}

p,
li,
label {
	font-size:1.3em;
	line-height:1.4em;
}

p.caption {
	float:left;
	font-size:1.0em;
	line-height:1.1em;
	margin:10px 0 0 0;
}

li li {
	font-size:1.0em;
}

input,
select,
textarea {
	font-size:1.3em;
}

/*========================= FORMS =========================*/

fieldset {
	border:none;
}

form {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
}

input {
	clear:both;
	display:block;
}

label {
	clear:both;
	display:block;
	float:left;
	margin:0px 0px 3px 0px;
}

select {
	margin:0px 0px 10px 0px;
	width:400px;
}

input.fieldText {
	border:1px solid #000000;
	color:#333333;
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 5px;
	width:388px;
}

textarea.fieldArea {
	border:1px solid #000000;
	color:#333333;
	margin:0px 0px 10px 0px;
	padding:5px 5px 5px 5px;
	height:100px;
	width:390px;
}

input.fieldCheckRadio {
	clear:left;
	display:inline;
	float:left;
	height:15px;
	margin:0px 5px 0px 0px;
	width:15px;
}

label.labelCheckRadio {
	clear:none;
	display:inline;
	float:left;
	margin:0px 0px 10px 0px;
	*margin:1px 0px 10px 0px;
}

select.fieldSelect {
}

input.fieldSubmit {
	color:#333333;
	cursor:pointer; 
	cursor:hand;
	font-size:1.6em;
	font-weight:bold;
	margin:0px;
	overflow:visible;
	padding:0px;
	width:auto;
	_width:1px;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	input.fieldSubmit {
		padding:0px 2px 0px 0px;
	}
}

input.fieldImage {
}

/*=========================== GENERIC MENU ==========================*/

.menu {
	display:inline;
	float:left;
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}

.menu li,
.menu a,
.menu span {
	display:inline;
	float:left;
}

.menu li.last {
	border:none ! important;
	padding-right:0px ! important;
	margin-right:0px ! important;
}

.menu a,
.pagination a {
	color:#868788;
	text-decoration:none;
}

.menu a.active,
.menu a:hover,
.pagination a:hover {
	color:#333333;
	text-decoration:none;
}

p.menu,
p.pagination,
ul.menu li {
	font-size:1.1em;
	font-family:Verdana,sans-serif;
	line-height:1.2em;
	text-transform:uppercase;
}

ul.menu li {
	margin:5px 0px 0px 0px;
}

/*========================= BACKGROUNDS =========================*/

body.BG1 {
	background-image:url('../../images/bg_01.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
}

body.BG2 {
	background-image:url('../../images/bg_02.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
}

body.BG3 {
	background-image:url('../../images/bg_03.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
}

/*========================= CONTAINER PAGE =========================*/

.containerPage {
	_height:550px;
	min-height:550px;
	padding:25px 20px 25px 20px;
	width:780px;
}

/*========================= CONTAINER MENU =========================*/

.containerMenu {
	background-color:#FFFFFF;
	border-top:1px dashed #CCCCCC;
	_height:49px;
	min-height:49px;
}

.containerMenu ul.menu {
	width:585px;
}

.containerMenu p.menu {
	margin:10px 15px 0px 0px;
}

.containerMenu ul.menu li {
	margin:5px 15px 0px 0px;
}

.containerMenu p.menu,
.containerMenu ul.menu li {
	width:180px;
}

/*========================= CONTAINER HEADER =========================*/

.containerHeader {
	border-top:1px dashed #CCCCCC;
	_height:170px;
	min-height:170px;
	position:relative;
	width:780px;
}

.headerLeft {
	width:360px;
}

.headerLeft ul.menu {
	width:360px;
}

.headerLeft ul.menu li {
	width:360px;
}

.headerRight {
	padding:15px 15px 15px 15px;
	position:absolute;
	right:0px;
	width:375px;
}

.headerRight p {
	bottom:15px;
	font-size:1.0em;
	left:15px;
	line-height:1.0em;
	margin:0px;
	position:absolute;
	width:375px;
}

/*========================= FOREGROUNDS =========================*/

.FG {
	border-left:15px solid #FFFFFF;
	bottom:-1px;
}

div.FG h1,
div.FG p {
	color:#FFFFFF;
}

div.FG00 {
	height:1px;
	left:-9999em;
	overflow:hidden;
	top:-9999em;
	width:1px;
}

div.FG01 {
	background-color:#cc3333;
}

.menu a.activeFG01,
.menu a.activeFG01:hover,
.menu a.FG01:hover {
	color:#cc3333;
}

div.FG02 {
	background-color:#000000;
}

.menu a.activeFG02,
.menu a.activeFG02:hover,
.menu a.FG02:hover {
	color:#000000;
}

div.FG03 {
	background-color:#eb7ea4;
}

.menu a.activeFG03,
.menu a.activeFG03:hover,
.menu a.FG03:hover {
	color:#eb7ea4;
}

div.FG04 {
	background-color:#d5a4a0;
}

.menu a.activeFG04,
.menu a.activeFG04:hover,
.menu a.FG04:hover {
	color:#d5a4a0;
}

div.FG05 {
	background-color:#ad9962;
}

.menu a.activeFG05,
.menu a.activeFG05:hover,
.menu a.FG05:hover {
	color:#ad9962;
}

div.FG06 {
	background-color:#7d81a8;
}

.menu a.activeFG06,
.menu a.activeFG06:hover,
.menu a.FG06:hover {
	color:#7d81a8;
}

div.FG07 {
	background-color:#e1001a;
}

.menu a.activeFG07,
.menu a.activeFG07:hover,
.menu a.FG07:hover {
	color:#e1001a;
}

div.FG08 {
	background-color:#ff3399;
}

.menu a.activeFG08,
.menu a.activeFG08:hover,
.menu a.FG08:hover {
	color:#ff3399;
}

div.FG09 {
	background-color:#91acbc;
}

.menu a.activeFG09,
.menu a.activeFG09:hover,
.menu a.FG09:hover {
	color:#91acbc;
}

div.FG10 {
	background-color:#bba17f;
}

.menu a.activeFG10,
.menu a.activeFG10:hover,
.menu a.FG10:hover {
	color:#bba17f;
}

div.FG11 {
	background-color:#c66c2c;
}

.menu a.activeFG11,
.menu a.activeFG11:hover,
.menu a.FG11:hover {
	color:#c66c2c;
}

div.FG12 {
	background-color:#9d401c;
}

.menu a.activeFG12,
.menu a.activeFG12:hover,
.menu a.FG12:hover {
	color:#9d401c;
}

div.FG13 {
	background-color:#726e1c;
}

.menu a.activeFG13,
.menu a.activeFG13:hover,
.menu a.FG13:hover {
	color:#726e1c;
}

div.FG14 {
	background-color:#005e1d;
}

.menu a.activeFG14,
.menu a.activeFG14:hover,
.menu a.FG14:hover {
	color:#005e1d;
}

div.FG15 {
	background-color:#b0a495;
}

.menu a.activeFG15,
.menu a.activeFG15:hover,
.menu a.FG15:hover {
	color:#b0a495;
}

div.FG16 {
	background-color:#1f5264;
}

.menu a.activeFG16,
.menu a.activeFG16:hover,
.menu a.FG16:hover {
	color:#1f5264;
}

div.FG17 {
	background-color:#735440;
}

.menu a.activeFG17,
.menu a.activeFG17:hover,
.menu a.FG17:hover {
	color:#735440;
}

div.FG18 {
	background-color:#830628;
}

.menu a.activeFG18,
.menu a.activeFG18:hover,
.menu a.FG18:hover {
	color:#830628;
}

div.FG19 {
	background-color:#54584C;
}

.menu a.activeFG19,
.menu a.activeFG19:hover,
.menu a.FG19:hover {
	color:#54584C;
}

div.FG20 {
	background-color:#afb1b8;
}

.menu a.activeFG20,
.menu a.activeFG20:hover,
.menu a.FG20:hover {
	color:#afb1b8;
}

/*========================= CONTAINER CONTENT =========================*/

.containerContent {
	border-top:1px dashed #CCCCCC;
	width:780px;
}

.contentFull {
	margin:35px 0px 0px 0px;
	width:780px;
}

.contentLeft {
	margin:0px 15px 0px 0px;
	width:180px;
}

.contentLeft ul.menu {
	width:180px;
}

.contentLeft ul.menu li {
	width:180px;
}

.contentCenter {
	margin:7px 15px 0px 0px;
	overflow:hidden;
	width:313px;
}

.contentCenter .viewer,
.contentCenter .viewerItem {
	width:313px;
}

.contentRight {
	margin:10px 0px 0px 0px;
	width:257px;
}

.contentRightWide {
	margin:35px 0px 0px 0px;
	width:585px;
}

.contentRight .viewer,
.contentRight .viewerItem {
	width:257px;
}

.alignRight {
	display:block;
	text-align:right;
}

/*========================= PAGINATION =========================*/

p.pagination {
	display:none;
	margin:3px 0px 25px 0px;
}

/*========================= TEMPLATE HOME =========================*/

.templateHome .containerMenu {
	background-color:#FFFFFF;
	border-top:none;
	margin:0px -20px 0px -20px;
	padding:1px 20px 0px 20px;
	position:relative;
}

.templateHome .containerContent {
	border-top:none;
}

/*========================= TEMPLATE LISTING =========================*/

.templateListing .contentLeft {
	margin:35px 15px 0px 0px;
}

.templateListing .contentLeftFirst {
	clear:left;
}

.templateListing .contentRight {
	margin:35px 0px 0px 0px;
	width:585px;
}

.listingItem {
	margin:0px 35px 20px 0px;
	width:160px;
}

.listingItem a {
	float:left;
	text-decoration:none;
}

.listingItem a:hover {
	color:#333333;
	text-decoration:none;
}

.listingItem span {
	display:block;
	float:left;
	font-size:1.1em;
	font-family:Verdana,sans-serif;
	line-height:1.2em;
	margin:10px 0px 0px 0px;
	text-transform:uppercase;
}

.listingItem a span {
	cursor:pointer;
}

/*========================= TEMPLATE WIDE =========================*/

.templateWide .contentRight {
	margin:10px 0px 0px 0px;
	width:585px;
}
