@charset "utf-8";
/* CSS Document */
html { height: 100%; } 
body {
	text-align: center;
	/* background-attachment: fixed; */
	background-image: url(/images/bg.jpg);
	background-repeat: repeat;
	
	margin: 0;
    padding: 0;
    height: 100%;
	/*	scrollbar-face-color : #9A404F; 
	scrollbar-highlight-color : #FFEAB5; 
	scrollbar-3dlight-color : #9A404F; 
	scrollbar-shadow-color : #FFEAB5; 
	scrollbar-darkshadow-color : #9A404F;
	scrollbar-track-color : #9A404F; 
	scrollbar-arrow-color : #FFEAB5; */
}

p 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #c36877; }
em 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; font-weight: normal; color: #c36877; }
a:link 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #c36877; text-decoration: underline; }
a:hover 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #9a404f; text-decoration: underline; }
a:active 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #c36877; text-decoration: underline; }
a:visited 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #c36877; text-decoration: underline; }
a:visited:hover	{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; color: #9a404f; text-decoration: underline; }
h1 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; color: #c36877; }
h2 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #c36877; }
h3 			{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; color: #c36877; }
td, th, tr, li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #c36877; }
hr {  
	width: 400px;
	color: #c36877;
	background-color: #c36877;
	text-align: center;
	height: 2px;
	
}
.littletext { 
	text-align: center;
	margin: 0 0 15px 0;
	clear: both;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 7pt; 
	color: #c36877;
} 
.littletext p {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 7pt; 
	color: #c36877;
} 
.signature {
	text-align: center;
	margin: 0 0 15px 0;
	clear: both;
	padding: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-size: 10pt; 
	color: #c36877;
}
#pagewrapper {
	width: 1000px;
	height: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: transparent;
	border: 0px;
}
#text {
	width: 800px;
	margin: auto;
}
#leftofpage {
width: 100%;
height:100%;
margin: 0;
padding: 0;
background:transparent url(/images/border_lh.png) no-repeat left top;
/* padding-left:20px; */
}

#rightofpage {
height:100%;
margin: 0;
padding: 0;
background:transparent url(/images/border_rh.png) no-repeat right top;
/*padding:1em 1em 1em 0;*/
}


/* mac hide \*/
* html #rightofpage {height:1%}
/* force "layout" in IE */
#leftofpage p{padding:0 10px;margin:0 0 1em 0}




#banner {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: transparent;	
}

#wrapper {
	min-height: 430px; 
	clear: both;
	padding: 0px;
	margin: 0;
	text-align: left;
	/* background-color: #9A404F;*/

}
* html #wrapper {
	height: 430px; 
}

#menu {
	padding: 0px;
	margin: 0;
}
#content {
	min-height: 400px;
	margin: 0px;
	padding: 0px 20px 10px 20px;
	text-align: justify;
}
* html #content {
	height: 400px;
}
#pagetitle {
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#copyright {
	padding: 30px 0px 0px 0px;
	text-align: center;
}

#description {
	padding: 0 10px 0 0;
}
#misc {
	text-align:center;
	padding: 0 10px 0 0;
	clear: both;
}
#singlepic {
	width: 375px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#twopics {
	width: 750px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}	
#admin table td {
	text-align: left;
}

img {
	border: 0;
}

#justified {
	text-align: justify;
}


#centered {
	text-align: center;
}
/*this is what we want the div to look like when it is not showing*/
div.loading-invisible{
	/*make invisible*/
   	display:none;
}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible{
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position:absolute;
    top:300px;
    left:0;
    width:100%;
    text-align:center;

    /*in supporting browsers, make it
      a little transparent*/
    background:#fff;
    opacity:.75;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}