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

body {font:75% LucidaGrande, 'Lucida Sans Unicode', Verdana, Arial, sans-serif; background:url(title.jpg) center top no-repeat; margin:0;}


#homecontainer {position:relative; width:840px; padding:20px; border:1px solid #ccc; margin-top:395px; margin-left: auto; margin-right:auto; background-color:#fff;}
#homecontainer a:link, #homecontainer a:visited {color:#0099FF;}
#homecontent {width:580px;}
#homecontainer h1 {font:1.8em Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#FF6600; line-height:1.6em;}
#homecontainer h2 {font-size:1.2em; line-height:1.6em;}
#homecontainer p {line-height:1.8em; font-size:1.1em;}
#sidebar {position:absolute; top:20px; left:640px; width:220px; font-size:.9em; color:#666;}

.byline {font-size:.9em; color:#666;}

#students {width:184px; padding:8px; background-color:#382218; color:#FFF;}

#container {width:860px; margin:0 auto;}
#container .students {width:820px; padding:10px; margin:0; background-color:#382218; color:#FFF; font-weight:bold;}
#profile {width:860px; height:500px; border-bottom:1px solid #CCC; background-position: bottom right; background-repeat: no-repeat;}
#profile h1 {font-size:1.6em; font-weight:normal; color:#FF6600;}
#profile h1.name {font-weight:bold;}
#profile h2 {font-size:1.2em; color:#555;}
#profile p {line-height:1.8em; font-size:1.1em; width:480px;}
#profile img {float:right;}
.ramirez {background-image:url(Ramirez2.jpg);}
.kanoholani {background-image:url(Kanoholani2.jpg);}
.parker {background-image:url(Parker2.jpg);}
.schlaufman {background-image:url(Schlaufman2.jpg);}
.cruz {background-image:url(Cruz2.jpg);}
.hseih {background-image:url(Hseih2.jpg);}
.garneau {background-image:url(Garneau.jpg);}
.anum {background-image:url(Anum2.jpg);}

#footer {width:840px; border-top:1px solid #CCC; font-size:.8em; color:#999999; padding-top:15px;}
#footer img {float:left;}
#footer p {margin-left:220px; line-height:1.1em;}