@charset "utf-8";
/* CSS Document */

<STYLE type=3Dtext/css>* {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: =0px;
	PADDING-TOP: 10px
    }

P {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 1em;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px
    }

.style1 { 
    font-family : Arial, Helvetica, sans-serif;
    font-size : small;
    font-style : italic;
    font-weight : bold;
    color : #000000;
    text-align : center;
    } 

.style2 { 
    font-family : Arial, Helvetica, sans-serif;
    font-size : small;
    color : #ffffff;
    } 

.style3 { 
    font-family : Arial, Helvetica, sans-serif;
    color : #000000;
    text-align : center;
    } 

.styletitles {
    font-family: "Merced", "Formal436 BT", "Matura MT     Script Capitals", "Lydian BT";
    color: #330000;
    text-align: center;
    }

H1 { 
    font-family : "Merced", "Formal436 BT", "Matura MT    Script Capitals", "Lydian BT";
    color : #000000;
    } 
	
H2 { 
    font-family : "Merced", "Formal436 BT", "Matura MT    Script Capitals", "Lydian BT";
    color : #000000;
    } 


.zodiactext {
    text-align: center;
	}

	
a:link { 
    color : #330000;
    text-decoration : none;
    } 

a:visited { 
    color: #333333;
    text-decoration : none;
    } 

a:hover { 
    color : #996600;
    text-decoration : underline;
    } 

a:active { 
    color : #999999;
    text-decoration : none;
    } 
	
table  {
    background-color: #d2c5b5;
    background-image :url(images/stucco02.jpg);
	}
	
table cell {
    background-color: #d2c5b5;
    padding: 1em;
	}
	
BODY {
    TEXT-ALIGN: center;
	background-color: #d2c5b5;
	}
	
#container {
	BACKGROUND-image: url('images/stucco02.jpg');
	background-color: #d2c5b5;
	MARGIN: 10px auto 10px auto;
	padding: 20px
	WIDTH: 75%;
	TEXT-ALIGN: center
    }
	
#header {
	CLEAR: both;
	background-image : url('images/banner.jpg');
	background-repeat : no-repeat;
	WIDTH: 98%;
	height: 101px;
	}
	
#navigation { 
    width : 75%;
    background-color : #666666;
    font-size : small;
    padding : 1em;
    } 
	
#footer {
	width : 98%;
	background-color : #666666;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : small;
	padding : 1em;
	clear: both;
    }
	
 
	
#middle {
	MARGIN-LEFT: 33%;
	POSITION: =relative
    }
	
#content2 {
	background-color: #d2c5b5;
	FLOAT: left;
	WIDTH: auto;
	POSITION: =relative;
	padding: 1em;
	}
	
#left {
	FLOAT: left;
	MARGIN-LEFT: -49%;
	WIDTH: 175px;
	POSITION: =relative
	background-color : #666666;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : small;
	padding : 1em;
    }
	
#right {
	LEFT: 1%;
	FLOAT: right;
	WIDTH: 50%;
	MARGIN-RIGHT: -49%;
	POSITION: =relative
	background-color : #666666;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : small;
	padding : 1em;
    }
	
#left {
	MARGIN-RIGHT: -3px
    }
	
#right {
	MARGIN-LEFT: -3px
    }
	
.clearfix:unknown {
	CLEAR: both;
	DISPLAY: block;
	VISIBILITY: hidden;
	HEIGHT: 0px; content: ="."
    }
	
.clearfix {
	DISPLAY: inline-block
    }
	
.clearfix {
	DISPLAY: block
    }
	
P.expand A {
	CLEAR: both;
	DISPLAY: block;
	COLOR: #fff;
	TEXT-DECORATION: underline
    }
	
P.expand A:hover {
	HEIGHT: 200px
    }
	
#content2 P IMG {
	FLOAT: left;
	padding: 1em
	}
	
</STYLE>

[if IE ]>
<STYLE type=3Dtext/css>* HTML #content {
	FLOAT: left;
	WIDTH: 75%;
	POSITION: relative
    }
	
* HTML #content2 {
	FLOAT: left;
	WIDTH: 75%;
	POSITION: relative
    }
	
#left {
	FLOAT: left;
	WIDTH: 175px;
    POSITION: =relative
	background-color : #666666;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : small;
	padding : 1em;
	background-color: #666666;
    }
	
#right {
	LEFT: 0.01%;
	FLOAT: right;
	WIDTH: 50%;
	MARGIN-RIGHT: -49.9%;
	POSITION: =relative
	background-color : #666666;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-size : small;
	padding : 1em;
    }
	
* HTML .clearfix {
	HEIGHT: 1%
    }
	
* HTML #inner {
	HEIGHT: 1%
    }
	
* HTML #middle {
	HEIGHT: 1%
    }
	
#inner {
	MIN-HEIGHT: 1%
    }
	
#middle {
	MIN-HEIGHT: 1%
    }
	
</STYLE>
<![endif]