/* colors

screened magenta:    #915C5F
dark magenta:        #872D36
gray (slightpink):   #CCBCB8
pink:                #FCB8A3
screen:              #FEEEE9
*/
body
{
    font-family:			Arial, sans-serif;
	margin:					20px auto;
	text-align:				center;
	background:				#872D36;
}

#site
{
	background:			    #FEEEE9;
	width:                  651px;
    min-height:             600px;
	margin:                 0 auto;
	border:			        2px solid #872D36;
    overflow:               hidden;
}

#site:before { /* Safari 1.0 min-height */
    display: block;
    margin: -99px 0 0;
    content: \" \";
}
#indexmain
{
    position: relative;
    width: 200px;
    height: 600px;
    margin-left: 33%;
    margin-right: 33%;
    padding-top: 40px;
/*    border: 2px solid black;*/
}
h1#indexmain
{
    position:              relative;
    top: -8px;
    left: -33%;
    height: 40px;
    font-size:             110%;
    text-align:            center;
    color:                 #872D36;
}

h2#indexmain
{
    position:              relative;
    top: -8px;
    left: -33%;
    height: 40px;
    font-size:             100%;
    text-align:            center;
    color:                 #872D36;
	margin-bottom:			-4.75em;
}

#indeximage
{
 
     border: 2px solid #872D36;
     margin-top: -20px;
}
#indextext
{
    text-align:             left;
    margin-top:             10px;
    line-height:            1.25em;

    color:                  #872D36;
    font-weight:            bolder;
    font-size:              80%;
    z-index:                2;
}
#indexbtn a
{
    color:                  #872D36;
    text-decoration:        none;
    font-weight:            bold;
    font-size:              70%;
}
#indexbtn a:hover
{
    color:                      #CCBCB8;/*#915C5F*/
}

#headerLeft
{
    float:                    right;
    position:                 relative;
    height:                   60px;
    width:					  459px;
    background-color:         #872D36;
    background-image:         url(HeadBackground.jpg);
    background-repeat:        no-repeat;
	background-position:      0px 0px;
    border-left:              1px solid #872D36;
    overflow:                 hidden;
    
}

#headerRight
{
    position:                 relative;
    width:                    191px;
    height:                   60px;
    float:                    left;
    background-color:         #915C5F; 
}
h1#headerh1
{
    /*top right bottom left*/
    position:              relative;
    font-size:             110%;
    text-align:            left;
    color:                 #FEEEE9;
    left:                  10px;
    margin-top:            40px;
}
h2#headerh2
{
    position:              relative;
    font-size:             70%;
    text-align:            right;
    color:                 #FCB8A3;
    top:                   -68px;
    right:                 10px;
}
h2#headerh2 a:link, h2#headerh2 a:visited
{
	text-decoration:        none;
	color:                  #FCB8A3;
}
h2#headerh2 a:hover
{
    color:                 #9A8B87;
}

#textCol
{
    position:               relative;
    padding-bottom:          40px;
    width:					458px;
    min-height:                 542px;
	text-align:				right;
	float:                  right;
	color:                  #9A8B87;
	border-left:             2px solid #872D36;
	background-image:        url(BigBackground.jpg);
	background-repeat:       no-repeat;
	background-position:    0px 26px;
}
#textHeader
{
    position:              relative;
    float:                 right;
    width:                 100%;
    height:                24px;
    background:            #FCB8A3;
    border-bottom:         2px solid #872D36;;   
}
h1#textHeaderh1
{
    font-size:             90%;
    text-align:            left;
    margin:                2px 0px 0px 10px;
    color:                 #872D36;

}
#textGroup
{
	margin-top:            0px;
	float:                 right;

}
#main
{
    text-align:             justify;
    margin-left:            40px;
    margin-right:           40px;
    margin-top:             60px;
/*    text-indent:            34px;*/
    line-height:            1.25em;

    color:                  #872D36;
    font-weight:            bolder;
    font-size:              80%;
    z-index:                2;
}
#main a:link,#main a:visited,#mainnav a:link,#mainnav a:visited
{
/*	text-decoration:        none;*/
	color:                  #872D36;
}
#main a:hover, #mainnav a:hover
{
    color:                  #CCBCB8;
}

#mainnav
{
    /*position: absolute;
    left: 312px;
    top: 580px;*/
    margin: 50px auto;
    width: 100%;
    border-top: 1px solid #872D36;
    text-indent: 0px;
}
#previous
{
    float: left;
}
#next
{
    float: right;
}
#navcol
{
    position:             relative;
    float:                left;
    width:                191px;
    height:               540px;
    background-color:     #CCBCB8;
    margin-bottom:        -5000px;
}

#navigation
{
    background:            #CCBCB8;
    height:                100%;
    margin-top:            26px;
    padding-bottom:        5000px;
}
#sandyimage
{
    margin:            0px 0px 0px 0px;
    border:	           1px solid #872D36;
}

#links
{
    text-align:             left;
    line-height:           150%;
    margin:                 0px 0 0 -20px;
}
#links ul 
{ 
    list-style-type:         none;
    margin-left:             10px;
    padding:                 0;
}
#links li
{
}
#links a
{
    display:                block
    
}
.navbtn
{
    
    float                   center;
    margin-left:            20px;
    color:                  #872D36;
    text-decoration:        none;
    font-weight:            bold;
    font-size:              70%;
}
#active
{
    color:                  #872D36;
    /*border-left:	           10px solid #872D36;*/
    border-right:	           10px solid #872D36;
}
#active img
{
    filter:            alpha(opacity=25);
    -moz-opacity:      0.25;
    opacity:           0.25;
}
#links a:hover
{
    color:                      #FEEEE9;
}
#copyright
{
    font-size:             70%;
    color:                 #FEEEE9;
}