body {
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:92%;
    color:#5C1411;
    background-color:#FFFFFF;
    background-image:url(images/romantic-woman12.gif);
    background-repeat:no-repeat;
    background-attachment:fixed;
}

.redbold 
{
    color:#6D030C;
    font-style:italic;
    font-weight:bold;
}

a:link {
    color: #8993E2;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
    font-weight:bold;
    text-decoration: underline;
}
a:visited {
    color: #8993E2;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
    font-weight:bold;
    text-decoration: underline;
}
a:hover {
    color: #BC3E3B;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
    font-weight:bold;
    text-decoration: underline;
}
a:active {
    color: #BC3E3B;
    font-family:"Verdana","Arial","Helvetica", sans-serif;
    font-weight:bold;
    text-decoration: underline;
}

a.menu:link {
    font-size:80%;
    font-weight:bold;
    text-decoration: underline;
}
a.menu:visited {
    font-size:80%;
    font-weight:bold;
    text-decoration: underline;
}
a.menu:hover {
    font-size:80%;
    font-weight:bold;
    text-decoration: underline;
}
a.menu:active {
    font-size:80%;
    font-weight:bold;
    text-decoration: underline;
}

p 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:85%;
    text-align:justify;
}  

.red{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:90%;
    color:#6D030C;
    text-align:justify;
}  

.blue{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:90%;
    color:#001B32;
    text-align:justify;
}

.green{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:90%;
    color:#032919;
    text-align:justify;
}


ul
{
  list-style-image:url(images/bullet.gif);  
  padding-left:40px;
  padding-bottom:16px;
  padding-top:2px;
  font-weight:400;
  font-size:90%;
  text-align:left;
}

ul ul 
{
  list-style-image:url(images/bullet-small.gif);  
  padding-left:6px;
  font-weight:normal;
}

h1
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:130%;
    font-style:italic;
    color:#5C1411;
    padding-top:1px;
    padding-bottom:1px;
}

h2 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:120%;
    font-weight:bold;
    color:#6D030C;
}

h3 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:118%;
    color:#5C1411;
    padding-top:0px;
    padding-bottom:1px;
    text-align:center;
    }
h4 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:102%;
    font-style:italic;
}

h6 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:106%;
    color:#5C1411;
    margin-top:5px;
    margin-bottom:3px;
}


#container {
	position: relative;
	width: 690px;
	bottom:0px;
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
}

#cardcontainer {
	position: relative;
	width: 720px;
	bottom:0px;
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
}


#cardcontent {
	position: relative;
	left:140px;
	width: 680px;
	top:180px;
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
}


#content {
	position: relative;
	left:12px;
	width: 520px;
	top:1px;
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
}

#homecontainer {
	padding: 0px 5px 0px 10px;  
	margin: 0px; 
	position: absolute;
	top: 120px;
	left: 0px;
}


#homecontent {
	position: relative;
	left:0px;
	width: 60%;
	top:1px;
	border-top: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: auto;
	margin-bottom: 0px;
	overflow: hidden; /*needed to avoid horizontal scrollbars that appear in mozilla with margin: auto at 800x600*/
}


div#head
{
width:100%;
text-align:center;
position:absolute;top:0px;
   
}


div#moodhead
{
    text-align:center;    
}


div#moodmenu
{
    position:absolute;
    right:0px;
    top:120px;
    text-align:center;
    font-size:85%;
}
    



div#moodtext
{
	position: absolute;
    left:220px;
    top:280px;
    width:70%;
}


div#text  
{
	position: absolute;
    left:220px;
    top:340px;
    width:50%;
}

div#widetext  
{
	position: absolute;
    left:220px;
    top:320px;
    width:70%;
}
div#rightimages
{
    position:absolute;
    right:12px;
    top:100px;
    text-align:center;
    font-size:85%;
}
    
div#upperright
{
    position:absolute;top:0px;right:0px;
}