/* BASICS */
BODY { 
  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666666; 
	background-image:url(images/background.gif);
	text-align:center;
}

p {
	font-size: 11px;
	text-align: left;
	color: #010E22;
	margin-top: 5px;
	margin-bottom: 10px;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000;
}

a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666666;
}

a:hover, a:active { 
	color: #666666;
}

/* HEADLINES */
h1{ 
	font-size:18px;
	text-align: left;
	margin-bottom: 10px; 
}

/* LAYOUT */
#container {
	text-align: left;
	position: relative;
	background: transparent url(images/loverephoto-logo_01.jpg) no-repeat left top;
	background-color:#FFFFFF;
	margin: 0 auto;
	height: 700px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top:12px;
	width:1000px;
}

#Header {
	/* background-image:url(images/roundbar_03.gif); */
	background-repeat:no-repeat;
	margin-left: 0px;
	position:absolute;
	width: 1000px;
	height: 12px;
	left: 0px;
	top:0px;
}

#pageHeader {
 display:none;
}

#separator {
 background-image:url(images/dot-dash.gif);
 background-repeat:repeat-y;
 position: absolute;
 left: 160px;
 top: 40px;
 width:2px;
 height:595px;
}

/* FOOTER */
#footer {
	background-image:url(images/dash-dot.gif);
	background-repeat:repeat-x;
	padding-top: 30px;
	text-align: center;
	position: absolute;
	bottom: 30px;
	width: 1000px;
	left:0px;
	top: 635px;
	height: 25px;
	font-size: 9px;
}
#bottom {
 /* background-image:url(images/roundbar_06.gif); */ 
 background-repeat:no-repeat;
 position:absolute;
 left:0px;
 width: 1000px;
 height: 12px;
 top: 700px;
 }

/* CONTENT */
#hometext {
	position: absolute;
	left: 200px;
	width:500px;
	top: 10px;
}

#maintext {
	position: absolute;
	left: 200px;
	width:205px;
	top: 60px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#heropic {
	width: 440px;
	height: 360px;
	position: absolute;
	left: 200px;
	top: 170px;
} 

#photodisplay {
	width: 600px;
	height: 440px;
	position: absolute;
	left: 167px;
	top: 20px;
}

/* FORMS */
#form {
	width: 440px;
	position: absolute;
	left: 155px;
	top: 150px;
	text-align: right;
	padding-right: 10px;
	line-height: 18px;
}
	
#signup table {
 width: 440px;
}

#signup td {
 padding-left: 4px;
}

.labelcell {
 color: #000000;
 background-color: transparent;
 width: 220px;
 vertical-align: text-top;
}

.reqlabelcell {
 color: #990000;
 background-color: transparent;
 width: 220px;
 vertical-align: text-top;
}

.fieldcell {
	color: #666666;
	text-align: right;
	margin-right: 0px;
	padding-right: 5px;
}

.fieldcell input {
 width: 200px;
 background-color: #CCCCCC;
 color: #666666;
 border: 1px solid #666666;
 margin-right: 0px;
}

textarea {
 background-color:#CCCCCC;
 border: 1px solid #666666;
 width: 200px;
 height: 100px;
}

.button {
 background-color: #CCCCCC;
 color: #666666;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}

/* Sideboxes */
#nav {
	position: absolute;
	width: 155px;
	top: 190px;
	left: 5px;
	z-index:0;
}

#socialmedia {
	position: absolute;
	padding-top:10px;
	width: 155px;
	top: 450px;
	left: 27px;
	z-index:0;
}
	
.sideBoxTop {
  background-image:url(images/sidebox_top.gif);
	height:43px;
}

.sideBoxBottom {
  background:url(images/sidebox_bottom.gif);
	height:44px;
}

.sidebox {
 background-image:url(images/sidebox_fill.gif);
}

/* Navigation Menus */

#vertnav{
	list-style: none;
	width:100px;
	margin:0;
	padding-left:20px;
}

#vertnav ul { 
	padding:0;
	list-style: none;
  z-index:99;
  overflow:visible;
  position:relative; 
  
}

#vertnav li { 
	position: relative;
  height:25px;
  margin:0;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-variant: small-caps;
 font-size:12px;
 text-transform: capitalize;
 background-color:#780000;
 padding-left:0.3em;
}


#vertnav a {
    text-decoration:none; 
    display:block;
    /* padding: 0.1em;  */
    margin:0 0.1em 0 0; /*helps Opera with hover */
    width:100px; /*helps IE with hover */
		color:#CC9900;
		padding-top:0.3em;
		border-bottom: 1px dotted;
		
}
#vertnav li:hover, #vertnav a:hover{
 color:#FFFFFF;
  
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:0; 
    left:6em;
		border: 1px solid #CC9900;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none;
		
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */