
/*############################################################*/
/*######################## MAIN PAGE #########################*/
/*############################################################*/

body{
	background: #CBD2C1 url(images/elements/slantback.gif) repeat-y center top;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	margin:0px;
	}

img{border:0px;}
a:link
{
	color:black;
	text-decoration: underline;
	border: none;
}
a:visited
{
	color:black;
	text-decoration: underline;
	border: none;
} 
a:active 
{
	color:black;
	text-decoration: underline;
	border: none;
}
a:hover 
{
	color:black;
	text-decoration: none;
	border: none;
}

A:link IMG {border: none}
A:visited IMG {border: none}
A:active IMG {border: none}
A:hover IMG {border: none}


table{
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	}

#wrapper{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: -11;
	}

.clear{
	clear:both;
	}


h1{
	font-size: 18px;
	color: #333;
	border-bottom: 1px dashed #CCC;
	font-weight: normal;
	}
h2{
	font-size: 14px;
	color: #333;
	font-weight: normal;
	}



#heading{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	}

.noteBlue{
	background-color: #8B8AAB;
	border: 1px solid #4A4975;
	padding: 5px;
	}

.noteRed{
	background: #FFBFBF;
	border: 1px solid #822525;
	padding: 5px;
	color: #822525;
	}

#footer{
	position: relative;
	bottom: 0px;
	width:100%;
	background: #51507B;
	border-top: 1px solid #45446F;
	color: white;
	font-size: 11px;
	padding: 8px;
	text-decoration: none;
	}
	#footer a{
		color: white;
		text-decoration: underline;
		}
	#footer a:hover{
		text-decoration: none;
		}
/*############################################################*/
/*######################## MAIN PAGE #########################*/
/*############################################################*/













/*############################################################*/
/*########################## SLANT ###########################*/
/*############################################################*/


	#slant{
		position: absolute;
		top: 0px;
		width: 1026px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		/*z-index: -3;*/
		}
		#slantWrap{
			position: relative;
			width: 1026px;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			}
		#slantMiddle{
			/*position: relative;*/
			width: 752px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			}
		#slantLeft{
			position: absolute;
			background: #CBD2C1 url(images/elements/slantleft.gif) repeat-y;
			top: 0px;
			left: -140px;
			width: 140px;
			height: 100%;
			}
		#slantRight{
			position: absolute;
			background: #CBD2C1 url(images/elements/slantright.gif) repeat-y;
			top: 0px;
			right: -140px;
			width: 140px;
			height: 100%;
			}


/*############################################################*/
/*########################## SLANT ###########################*/
/*############################################################*/






/*############################################################*/
/*########################## HEADER ##########################*/
/*############################################################*/

#header{
	position: relative;
	background: url(images/elements/headerv2.gif) no-repeat;
	width: 100%;
	height:	91px;
	}

#headerMenuWrap{
	position: relative;
	width: 100%;
	z-index: 5;
	border-top: 1px solid black;
	}
	
	#headerMenuTopContainer{width:100%;background: #51507B;border-top: 1px solid #45446F;}
	#headerMenuTopWrap{width:80%;margin-left:auto;margin-right:auto;border-left: 1px solid #636290;}
	#headerMenuTop{
		position: relative;
		float: left;
		vertical-align: bottom;
		background: #51507B;
		border-right: 1px solid #636290;
		border-left: 1px solid #45446F;
		border-bottom: 1px solid #45446F;
		}
		#headerMenuTop a{
			display: block;
			color: white;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			padding-top: 8px;
			padding-bottom: 8px;
			padding-left: 15px;
			padding-right: 15px;
			}
		#headerMenuTop a:hover{
			color: #DBA551;
			background: #45446F;
			text-decoration: underline;
			}

			#headerMenuTopOn{
				position: relative;
				float: left;
				vertical-align: bottom;
				background: #DBA551;
				border-right: 1px solid #C7913D;
				border-bottom: 1px solid #DBA551;
				}
				#headerMenuTopOn a{
					display: block;
					color: black;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
					padding-top: 8px;
					padding-bottom: 8px;
					padding-left: 15px;
					padding-right: 15px;
					}
				#headerMenuTopOn a:hover{
					color: black;
					background: #C7913D;
					text-decoration: underline;
					}


	#headerMenuBotContainer{width:100%;background: #DBA551;border-bottom: 1px solid black;}
	#headerMenuBotWrap{width:80%;margin-left:auto;margin-right:auto;}
	#headerMenuBotEmpty{position:relative;float:left;border-right: 1px solid #C7913D; height: 23px;}
	#headerMenuBot{
		position: relative;
		float: left;
		vertical-align: bottom;
		background: #DBA551;
		border-right: 1px solid #C7913D;
		border-left: 1px solid #DCB06D;
		}
		#headerMenuBot a{
			display: block;
			color: black;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 15px;
			padding-right: 15px;
			}
		#headerMenuBot a:hover{
			color: black;
			background: #C7913D;
			text-decoration: underline;
			}

			#headerMenuBotOn{
				position: relative;
				float: left;
				vertical-align: bottom;
				background: #C7913D;
				border-right: 1px solid #C7913D;
				border-left: 1px solid #DCB06D;
				}
				#headerMenuBotOn a{
					display: block;
					color: black;
					font-size: 11px;
					font-weight: normal;
					text-decoration: none;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 15px;
					padding-right: 15px;
					}
				#headerMenuBotOn a:hover{
					color: black;
					background: #C7913D;
					text-decoration: underline;
					}


	#buttonWrap{width: 100%;text-align: center;}
	#buttonGreen{
		float: left;
		background: #6C896B;
		border: 1px solid #547153;
		}
		#buttonGreen a{
			display: block;
			color: yellow;
			font-size: 13px;
			font-weight: bold;
			text-decoration: underline;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 15px;
			padding-right: 15px;
			}
		#buttonGreen a:hover{
			color: yellow;
			background: #5E7B5D;
			text-decoration: none;
			}

	
/*############################################################*/
/*########################## HEADER ##########################*/
/*############################################################*/








/*############################################################*/
/*######################## SECTIONS ##########################*/
/*############################################################*/


#section{
	/*position: relative;*/
	background: #E0E0E0 /*url(http://www.arylia.com/images/elements/pattern.gif) repeat*/;
	width: 752px;
	height: 100%;
	
	margin-left: auto;
	margin-right: auto;
	}
	
	#sectionWrapper{
		position: relative;
		width: 95%;
		height: 100%;
		}

	#sectionBack{
		position:relative;
		width: 95%;
		padding-top: 0px;
		background: #8B8AAB /*url(http://www.arylia.com/images/elements/midbacktop.jpg) repeat-x*/;
		border-top: 1px solid #636290;
		border-left: 1px solid #636290;
		border-right: 1px solid #636290;
		border-bottom: 1px solid #45446F;
		text-align:left;
		padding-top: 4px;
		padding-bottom: 2px;
		/*z-index: -1;*/
		}

	#sectionContent{
		position: relative;
		margin-top: 15px;
		margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
		padding: 0px;
		font-size: 11px;
		color: black;
		font-weight: normal;
		background: #F5F5F5;
		border-left: 1px solid #636290;
		border-right: 1px solid #636290;
		border-bottom: 1px solid #636290;
		/*z-index: 0;*/
		}

		#sectionHeaderWrapper{
			position: relative;
			background: #51507B /*url(http://www.arylia.com/images/elements/midbacktop.jpg) repeat-x*/;
			top: 0px;
			height: 24px;
			margin-bottom: 0px;
			margin-left: 3px;
			margin-right: 3px;
			}

			#sectionHeaderTitle{
				position: absolute;
				background: #51507B /*#8B8AAB;url(http://www.arylia.com/images/elements/midbacktop.jpg) repeat-x*/;
				top: 0px;
				left: 0px;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 10px;
				padding-right: 10px;
				font-size: 14px;
				font-weight: bold;
				color: white;
				z-index: 2;
				border-bottom: 1px solid black;
				}
				#sectionHeaderTitleWrap{
					position: absolute;
					right: -1px;
					bottom: -1px;
					height: 15px;
					width: 100%;
					border-right: 1px solid black;
					z-index: 4;
					}
			#sectionHeaderWhite{
				position: absolute;
				top: 13px;
				left: 0px;
				height: 100%;
				width: 100%;
				margin-left: 0px;
				margin-right: 2px;
				background: #6C896B;
				border-right: 1px solid #636290;
				border-top: 1px solid black;
				border-left: 1px solid #636290;
				border-bottom: 1px solid #636290;
				z-index: 1;
				}

/*############################################################*/
/*######################## SECTIONS ##########################*/
/*############################################################*/




/*############################################################*/
/*#################### GALLERY HOME PAGE #####################*/
/*############################################################*/
.hidden {display:none;} 
.explain {text-decoration: underline}

#zip{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 480px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}

#url{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 480px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	text-align: left;
	}

#folder{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 480px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}

#thumbs{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 420px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}

#full{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 400px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}

#adrows{
	display:none;
	position:relative;
	margin-top: 10px;
	width: 400px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}

#folderOptions {
	display:none;
	position:relative;
	margin-top: 10px;
	width: 400px;
	background: #CBD2C1 /*url(images/elements/insideback.gif) repeat*/;
	border: 1px solid #51507B;
	padding: 10px;
	}


#fullLinks{
	display:visible;
	position:relative;
	padding-left: 10px;
	}

#zoomcroppos{
	width: 400px;
	padding: 10px;
	text-align: left;
	background: #C7CFC7 url(images/elements/back.gif) repeat;
	border-left: 1px solid #648C67;
	border-right: 1px solid #648C67;
	border-bottom: 1px solid #648C67;
	}

#permresize{
	width: 480px;
	padding: 10px;
	text-align: left;
	background: #C7CFC7 url(images/elements/back.gif) repeat;
	border-left: 1px solid #648C67;
	border-right: 1px solid #648C67;
	border-bottom: 1px solid #648C67;
	}


#heading{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	}

.optionHeading{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}
/*############################################################*/
/*#################### GALLERY HOME PAGE #####################*/
/*############################################################*/




/*############################################################*/
/*#################### SPONSOR LIST ##########################*/
/*############################################################*/

.tableMain1{
	background: #8B8AAB;
	border:1px solid #51507B;
	}
.tableHeader1{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	background: #51507B;
	color: white;
	}
.tableCell1{
	background: #CBD2C1;
	color: black;
	}
.tableCell2{
	background: #DBE1D2;
	color: black;
	}
/*############################################################*/
/*#################### SPONSOR LIST ##########################*/
/*############################################################*/





/*############################################################*/
/*#################### FORM ELEMENTS #########################*/
/*############################################################*/
.submitBox{
	font-size:10px;
	font-family:verdana,arial,sans-serif;
	color:navy;
	background: #E0E0E0;
	border: 1px solid #51507B;
	}
	.submitBoxFocus{font-size:10px;font-family:verdana,arial,sans-serif;color:black;background:#E0E0E0;}
.submitButton{
	font-size:10px;
	font-family:verdana,arial,sans-serif;
	}
/*############################################################*/
/*#################### FORM ELEMENTS #########################*/
/*############################################################*/





/*############################################################*/
/*#################### THUMB MAKER ###########################*/
/*############################################################*/

#selection
{
    visibility: hidden;
    border:     1px solid white;
    position:   absolute;
    z-index:    2;
	cursor:		move;
	background-color: #000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;

}

#img_cover
{
	position: absolute;
	z-index: 1;
}

/*############################################################*/
/*#################### THUMB MAKER ###########################*/
/*############################################################*/




/*************************** PROBABLY TEMPORARY *******************************/
.sectionHeading
{
	background-color: #F7F7FF;
	color: #333366;
	border: 1px solid #777F77;
	padding: 3px;
}
/*************************** PROBABLY TEMPORARY *******************************/
