/* CSS Document */
body {
background-color:#16234f;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

a:link {color:#003399; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a:visited {color:#16234f; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a:active {color:#16234f; font-weight:bold; text-transform:uppercase; text-decoration:none;}
a:hover {color:#FFFFFF; font-weight:bold; text-decoration:none;}

.container {
margin:auto;
left:-70px;
margin-top:-10px;
width:800px;
position:relative;
text-align:left;
margin-bottom:10px;
}
.header {
background-image:url(components/header.gif);
background-repeat:no-repeat;
width:670px;
height:80px;
margin-left:200px;
}
.footer {
position:relative;
bottom:0px;
background-color:#889999;
font-size:smaller;
text-align:center;
clear:both;
}
.footer a:link, .footer a:visited, .footer a:active {color:#009999}
.mainframe {
position:absolute;
top:50px;
left:200px;
background-image:url(components/crestbg.gif);
background-repeat:no-repeat;
background-color:#c4e9e6;
background-position:left top;
border:10px solid #009999;
width:650px;
min-height:495px;
}
.outlier {
position:absolute;
top:60px;
left:47px;
background-image:url(components/crestleft.gif);
height:495px;
width:164px;
}
/*--------------------------------------------------BODY----------------------------------------------*/
.roundbox {
width:370px;
float:right;
margin:10px 10px 7px 5px;
}
.textbox {
width:400px;
float:right;
margin-right:5px;
}
.turqbox {
background-color:#89d1cf;
border-right:6px solid #009999;
border-left:6px solid #009999;
color:#000000;
padding:8px;
text-align:justify;
}


/*-----------------------------------------------NAVIGATION-------------------------------------------*/
#nav {
position:absolute;
left:60px;
top:5px;
width:634px;
margin-top:10px;
color:#ffffff;
background-color:#009999;
padding:0px;
}
#home a, #home a:hover, #about a, #about a:hover, #sister a, #sister a:hover, #phil a,
#phil a:hover, #social a, #social a:hover, #recruit a, #recruit a:hover, #album a, #album a:hover,
#forsis a, #forsis a:hover {
background-image:url(buttons/home.gif);
background-repeat:no-repeat;
background-position:center;
width:61px;
height:23px;
display:block;
border-right:1px solid #006688;
float:left;
}
#home a {border-left:0px;}
#home a:hover { background-image:url(buttons/home_d.gif);border-left:0px; }
#about a { background-image:url(buttons/about.gif); }
#about a:hover { background-image:url(buttons/about_d.gif); }
#sister a { background-image:url(buttons/sister.gif);width:80px; }
#sister a:hover { background-image:url(buttons/sister_d.gif);width:80px; }
#phil a { background-image:url(buttons/phil.gif);width:92px; }
#phil a:hover { background-image:url(buttons/phil_d.gif);width:92px; }
#social a { background-image:url(buttons/social.gif); }
#social a:hover { background-image:url(buttons/social_d.gif); }
#recruit a { background-image:url(buttons/recruit.gif);width:92px; }
#recruit a:hover { background-image:url(buttons/recruit_d.gif);width:92px; }
#album a { background-image:url(buttons/photo.gif);width:90px; }
#album a:hover { background-image:url(buttons/photo_d.gif);width:90px; }
#forsis a { background-image:url(buttons/forsisters.gif);width:90px;border-right:0px; }
#forsis a:hover { background-image:url(buttons/forsisters_d.gif);width:90px;border-right:0px; }


/*-----------------------------------------------SCRAPBOOK---------------------------------------------*/
img {
vertical-align:bottom;
border:0px;
}
.album {
width:80px;
height:80px;
margin:3px;
float:left;
border:5px solid #009999;
overflow:hidden;
}
.albums {
background-color:#009999;
position:absolute;
margin:3px;
margin-left:340px;
width:305px;
}
.albums a, .albums a:visited {
color:#ffffff;
}
.albums_divide {
border-bottom:1px dotted #c4e9e6;
text-align:center;
float:left;
width:100px;
}

#polaroid {
position:absolute;
left:326px;
top:152px;
width:358px;
height:371px;
background-image:url(images/polaroid.gif);
background-color:none;
}
#underpol {
position:absolute;
left:352px;
top:174px;
width:328px;
height:280px;
overflow:hidden;
background-color:#0066CC;
color:#99FFFF;xs
}

.photo_frame {
position:absolute;
width:350px;
height:240px;
background-image:url(components/picture-frame.gif);
}
.photo_under {
position:absolute;
width:350px;
height:284px;
overflow:hidden;
}
.left_photos {
position:absolute;
top:40px;
width:300px;
margin:5px;
float:left;
}
.left_photo_margin {
margin:5px;
}
.left_photo_frame {
position:relative;
width:210px;
height:140px;
background-image:url(components/left-picture-frame.gif);
}
.square_photo_frame {
position:relative;
width:210px;
height:210px;
background-image:url(components/square-picture-frame.gif);
}
.left_photo_under {
position:absolute;
width:210px;
height:140px;
overflow:hidden;
}

#housepic {
background-image:url(images/hous.gif);
position:absolute;
width:362px;
height:312px;
left:369px;
margin-top:215px;
}
#crown {
background-image:url(images/crown.gif);
position:absolute;
width:442px;
height:232px;
left:269px;
margin-top:251px;
}
/*------------------------------------------------FORMS---------------------------------------------*/
.formelement {
padding:2px 0 2px 0;
}
label {
width:100px;
font-size:10px;
text-transform:uppercase;
margin-top:4px;
display:block;
float:left;
}
input, textarea {
border:1px solid #16234f;
background-color:#077a85;
color:#ffffff;
font-size:11px;
width:150px;
}
textarea {
width:338px;
height:200px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-bottom:3px;
}
select {
border:1px solid #16234f;
background-color:#077a85;
color:#ffffff;
font-size:11px;
width:150px;
}