﻿
body {
    font-family:"Times", "Helvetica", Serif;
    font-size:98%;
    color:#;
    background-color:#;
    background-image:url(images/bgimage.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;    
    margin:25px;
}

.redbold 
{
    color:#6D030C;
    font-style:italic;
    font-weight:bold;
}

a:link {
    color: #000000;
    font-family:"Times","Arial","Helvetica", Serif;
    font-weight:bold;
    text-decoration: underline;
}
a:visited {
    color: #000000;
    font-family:"Times","Arial","Helvetica", Serif;
    font-weight:bold;
    text-decoration: underline;
}
a:hover {
    color: #1de3eb;
    font-family:"Times","Arial","Helvetica", Serif;
    font-weight:bold;
    text-decoration: underline;
}
a:active {
    color: #000000;
    font-family:"Times","Arial","Helvetica", Serif;
    font-weight:bold;
    text-decoration: underline;
}


p 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:85%;
    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.home
{
  list-style-image:url(images/bullet.gif);  
  margin-left:30px;
  padding-bottom:8px;
  padding-top:2px;
  font-weight:300;
  font-size:90%;
  text-align:left;
}
ul.boldtext 
{
    font-weight:bold;
}

ul ul 
{
  list-style-image:url(images/bullet-small.gif);  
  margin-left:2px;
  font-weight:bold;
}

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;
    }
    
h3.leftalign 
{
    text-align:left;
}    
h4 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:102%;
    font-style:italic;
}
h4.big 
{
    font-size:130%;
    font-style:normal;
    margin:0;    
    padding:0;    
}
h4.bigger 
{
    font-size:160%;
    font-style:normal;
    margin:0;    
    padding:0;    
}

h5 
{
    text-align:left;
    font-size:106%;
}

h6 
{
    font-family:"Arial", "Helvetica", sans-serif;
    font-size:106%;
    color:#5C1411;
    margin-top:5px;
    margin-bottom:3px;
    padding-bottom:0px;
}
h6.smaller 
{
    font-size:90%;
    font-weight:bold;
    text-align:left;
}
.bookborder 
{
    border-width:1px;border-style:solid;border-color:#863832;
    background-image:url(images/book-back.jpg);
    font-weight:bold;
    font-size:94%;
}
.bordertable 
{
    border-color:#E0E3FE;border-style:solid;border-width:1px;
    font-size:84%;
    position:relative;
    float:left;
    text-align:left;
}
.red{
    font-family:"Times","Arial","Helvetica", Serif;
    font-size:90%;
    color:#6D030C;
    text-align:justify;
}  

.blue{
    font-family:"Times","Arial","Helvetica", Serif;
    font-size:90%;
    color:#001B32;
    text-align:justify;
}

.green{
    font-family:"Times","Arial","Helvetica", Serif;
    font-size:90%;
    color:#032919;
    text-align:justify;
}

.hometable
{
    border-style:solid;
    border-width:1px;
    border-color:#000000;
    background-image:url(images/mood-background.jpg);
}

.justifywide 
{
    background-color:White;
	margin-top:7px;
	margin-left:30px;
	text-align:justify;
	width:560px;
}
.justify 
{
    background-color:White;
	margin-top:7px;
	text-align:justify;
	width:480px;
}
.justifynarrow 
{
    background-color:White;
	margin-top:7px;
	text-align:justify;
	width:380px;
}
.justifynarrower 
{
    background-color:White;
	margin-top:7px;
	text-align:justify;
	width:300px;
}
.leftalign 
{
    text-align:left;
}    
.menutext 
{
    font-size:98%;
}
.padleft 
{
    margin-left:30px;
}
.pictureleft 
{
    float:left;
    margin-right:30px;
}
.pictureright
{
    float:right;
    margin-left:30px;
}
.rightalign 
{
    text-align:right;
} 
.romantic 
{
    background-color:white;
    border-style:solid;border-width:1px;border-color:#616587;
    padding-left:8px;padding-right:2px;
    text-align:right;
}
#cardcontent {
	position: relative;
	left:75px;
	width: 550px;
	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*/
}


#container {
	position: relative;
	width: 680px;
	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*/
}



#content {
	position: relative;
	left:50px;
	width: 600px;
	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*/
}

#contentcontainer {
width:100%;
height:800px;
padding-left:5px;
border-width:0px;
}
#contentinnercontainer {
margin-left:70px;
margin-right:10px;
margin-top:0px;
border-width:0px;
padding-left:5px;
padding-top:0px;
text-align:center;
}

#homecontainer 
{
    width:550px;
	margin: 1px 0px 0px 210px; 
    text-align:center;
}


#homecontent {
	position: relative;
	left:68px;
	width: 73%;
	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;
   
}
#menu 
{
    position:absolute;top:45px;left:90px;
    font-size:87%;
    text-align:center;
}

div#moodhead
{
    text-align:center;    
}


div#moodmenu
{
    position:absolute;
    right:18px;
    top:276px;
    text-align:center;
    font-size:85%;
}


div#moodtext
{
	position: absolute;
    left:220px;
    top:280px;
    width:70%;
}

#radiocontainer 
{
	margin: 1px 0px 0px 200px; 
    text-align:center;
    width:520px;
}


div#sidemenu
{
    position:relative;
    left:2px;
    top:2px;
}

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:6px;
    top:100px;
    text-align:center;
    font-size:85%;
}
    
div#upperright
{
    position:absolute;top:40px;right:18px;
}