/* site-template */

body {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: 400;
color: #000000;
background-color: #f4d1ae; 
padding-top: 0px;
}

p {
color: #000000;
width: 80%;
}

#masthead {
background-image: url(xenaeraban.jpg);
height: 150px;
width: 1191px;
position: relative;
margin-top: 0px;
margin-left: 40px;
}

#header {
position: absolute;
top: 38px;
left: 400px;
}

#bin {
position: relative;
}

#gabby {
width: 310px;
float: left;
margin-right: 60px;
background-color: #f4dlae;
border-right: 1px solid black;
text-align: justify;
padding-right: 7px;
}

#gabby p {
width: 305px;
}

#gabby h3 {
text-align: center;
}

#gabby h4 {
color: #996600;
}

#gabby a:link {
font-size: x-small;
}

#nav2 {
float: right;
height: 1200px;
width: 200px;
margin-right: 30px;
margin-left: 20px;
}

#nav {
position: relative;
height: 60px;
padding-left: 60px;
margin-bottom: 0px;
width:100%;
z-index: 300;
}

#nav ul {
margin: 0px;
list-style-type: none;
clear: both;
background-color: #808080;
text-align: center;
}

#nav li {
font-size: 50%;
font-weight: bold;
}

#nav li a:link {
float: left;
width: 180px;
color: #000;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
background-color: #b2c1be;
font-size: 9px;
}

#nav li a:visited {
color: #000;
background-color: #d6a3c2;
float: left;
width: 180px;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
}

#nav li a:hover {
color: #800080;
background-color: #FFF;
font-weight: bold;
border-top: 1px solid #fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #fff;
}

#nav li a:active {
color: #ffffff;
background-color: #808080;
float: left;
width: 180px;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
}

#nav em {
font-size: 13px;
color: #000000;
} 

#wrap {
position: absolute;
top: 0px;
right: 0px;
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 5px 50px;
color: #000000; 
background-color: #f4d1ae /* #E9F4AA; */
}

#wrap ul {
text-align: center;
}

#vamp {
background-color: #ee99ee;
margin-left: -100px; 
padding: 20px 0px 20px 20px;
text-align: justify;
}

#vamp p {
width: 90%;
}

#vamp h2 {
text-align: center;
}

#dress {
background-color: #ccc;
margin-left: -100px;
padding: 20px;
text-align: center;
}

#nav{
height: 80px;
position: relative;
width: 1200px;
margin: 10px 0px; 10px 20px;
z-index: 300;
}



/* Start PureCSSMenu.com STYLE */

#nav ul.pureCssMenu ul{display:none}
#nav ul.pureCssMenu li:hover>ul{display:block}
#nav ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
#nav ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
#nav ul.pureCssMenu,#nav ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#808080;
	background-repeat:repeat;
	border-color:#fff;
	border-width:1px;
	border-style:solid;
}
#nav ul.pureCssMenu table {border-collapse:collapse}#nav ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
	margn-bottom:0px;
}
#nav ul.pureCssMenu ul{
	width:147px;
}
#nav ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
#nav ul.pureCssMenu a:active, #nav ul.pureCssMenu a:focus {
outline-style:none;
}
#nav ul.pureCssMenu a, #nav ul.pureCssMenu li.dis a:hover, #nav ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#b2c1be;
	border-width:1px;
	border-color:#000;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:14px Arial;
	color: #800080;
	text-decoration:none;
	cursor:pointer;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}
#nav ul.pureCssMenu span{
	overflow:hidden;
}
#nav ul.pureCssMenu li {
	float:left;
}
#nav ul.pureCssMenu ul li {
	float:none;
}
#nav ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
#nav ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
#nav ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
#nav ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
#nav ul.pureCssMenu li:hover{
	position:relative;
}
#nav ul.pureCssMenu li:hover>a{
	background-color:#ffffff;
	border-color:#000;
	border-style:solid;
	font:10px Arial;
	color: #000000;
	text-decoration:none;
}
#nav ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#ffffff;
	border-color:#000;
	border-style:solid;
	font:10px Arial;
	color: #000000;
	text-decoration:none;
}
#nav ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
#nav ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
#nav ul.pureCssMenu ul img {width:16px;
height:16px;
}
#nav ul.pureCssMenu img.over{display:none}
#nav ul.pureCssMenu li.dis a:hover img.over{display:none !important}
#nav ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
#nav ul.pureCssMenu li:hover > a img.def  {display:none}
#nav ul.pureCssMenu li:hover > a img.over {display:inline}
#nav ul.pureCssMenu a:hover img.over,#nav ul.pureCssMenu a:hover ul img.def,#nav ul.pureCssMenu a:hover a:hover img.over{display:inline}
#nav ul.pureCssMenu a:hover img.def,#nav ul.pureCssMenu a:hover ul img.over,#nav ul.pureCssMenu a:hover a:hover img.def{display:none}
#nav ul.pureCssMenu a:hover ul{display:block}
#nav ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
#nav ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white_2.gif);
}
#nav ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
#nav ul.pureCssMenu ul span,#nav ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)}
#nav ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
#nav ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white_2.gif)}
#nav ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
#nav ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
} 

/* End PureCSSMenu.com STYLE */

h1 {
text-align: center;
font-family:Verdana, Arial, sans-serif;
font-weight:500;
margin-top:0px;
}


h2 {  
color: #000000;
font-size: x-large;
}

h3 {
color: #4B0082;
font-size: large;
}


h4 {
font-family: 'Book Antiqua', Arial, sans-serif;
color: #000;
font-size: small;
text-align: center;
margin-top:0px;
}

h5 {
color: #FF0000;
font-size: medium;
}

#gabby h5 {
text-align: center;
color: #000;
font-size: small;
}


#footer {
position: relative;
height: 100px;
margin-left: 0px;
}


#footer ul {
margin-left:0px;
list-style-type: none;

background-color: transparent;
text-align: center;
font-weight: bold;
font-size: 80%;
width: 60em;
}

#footer li {
display: inline;
}

#footer li a:link {
float: left;
width: 15em;
color: #800080;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
background-color: #99cccc;
}

#footer li a:visited {
float: left;
width: 15em;
color: #800080;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
background-color: #99cccc;
}

#footer li a:hover {
color: #000000;
background-color: #FFF;
}

#footer li a:active {
float: left;
width: 15em;
color: #800880;
padding: 3px;
text-decoration: none;
border-top: 1px solid black;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid black;
background-color: #99cccc;
}


img {
margin: 10px 10px 10px 0px;
}

em {
font-style: italic;
font-size: small;
color: #190870;
}


.underline {
text-decoration: underline;
}

.caption {
font-style: oblique;
color: #008000;
font-size: xx-small;
width: 65%;
}

.quote {
width: 60%;
background-color: #99ff99;
padding: 10px;
text-align: justify;
}

.center {
text-align: center;
}

.small {
font-size: x-small;
}

.smallA {
font-size: small;
}



a:link {
color: #008000; 
font-size: small;
}
a:visited {
color: #008000;
font-size: small;
}
a:hover {
color: #b30000; 
font-size: small;
}
a:active {
color: #808808;
font-size: small;
}


table { 
width: 700px;
background-color: #fafafa;
border: 2px #000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top:20px;
margin-bottom: 20px;
margin-left: 50px;
}

thead {
font-size:large; 
font-weight:700;
}


td { 
background-color: #99CCCC;
border: 2px #000000 solid;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: x-small;
color: #000;
width: 370px; 
padding: 2px 5px 2px 5px;
}



.red {
color: #b30000;
width: 65%;
padding: 0px 20px 0px 20px;
text-align: justify;
}

.red1 {
color: #000000;
}

.minus {
margin-left: -50px;
}

.wide {
width: 100%;
}

object {
margin: 10px 0px 10px 10px;
}


.w3c {
text-decoration: none;
}