/* EnglishSpice CSS Stylesheet */

* { margin:0; padding:0; }

a {
    color:#882222;
    text-decoration:none;
    font-weight:bold;
}

a:hover {
    text-decoration:underline;
}

a.link {
	text-decoration:none;
}
	
.nostyle {
    display:none;
}

/* background colors:   #03283b		87b0c4*/

body {
    background-color:#03283b;
    /*background:#03283B url('bg.png') repeat-x top center;*/
   
    font-family:georgia,garamond,serif;
}

#container {
    position:relative;
    width:700px;
    margin:20px auto;
    background-color:white;
}

#header {
    position:relative;
    width:700px;
    height:143px;
    background:#444 url('header.png') no-repeat;
    
    padding: 15px 0 0 0;
    text-align:center;
    
    color:white;
    
    font-size:8pt;
    
}

#header a {
	color:white;
}


#header a:hover {
	color:red;
}

#header a:link {
	color:white;
}

#weather {
    position:absolute;
    bottom:27px;
    right:10px;
    width:150px;
    height:90px;
    border:solid #f16b6b;
    border-width:4px 0 0 4px;
    border-top-left-radius:8px;
    -moz-border-radius:8px 0 0 0;
    -webkit-border-top-left-radius:8px;
}

#navbar {
    position:relative;
    top: 103px;
    bottom:0px;
    height:28px;
    width:680px;
    background:#882222 url('navbar.png') repeat-x;
    border:10px solid white;
    border-width:0 10px;
}

#navbar ul {
    list-style:none;
    padding-left:10px;
}

#navbar li {
    position:relative;
    float:left;
    margin-right:5px;
    padding:0; 
    height:28px;
}

#navbar li#current {
	
    background:white url('navhover.png') repeat-x;
}

#navbar li#current a {
    color:#882222;
}

#navbar a {
    font-weight:normal;
    position:relative;
    padding:0px 10px 13px 10px;
    top:6px;
    text-transform:lowercase;
    font-size:9pt;
    text-decoration:none;
    color:white;
    height:28px;
}

#navbar a:hover {
	padding-top:6px;
    background:url('navhover.png') repeat-x;
    color:black;
}

img#photobanner {
    width:680px;
    left:10px;
    position:relative;
    margin:0;
    padding:0;
    display:block;
}

#content {
    width:470px;
    float:left;    
}

#content h1 {
    font-size:18pt;
    font-weight:normal;
    margin:5px 0 0 10px;
    color:#882222;
    line-height:1em;
}

#content p {
    margin:0 0 0 10px;
    background:white url('ptopbg.png')  repeat-x top center;
    font-size:8pt;
    color:#222222;
    padding:10px;
    line-height:1.5em;
}

#sidebar {
    width:180px;
    float:right;
    position:relative;
    right:10px;
    background:white url('sidebar.png') repeat-x top center;
    margin:0;
    padding:10px;
    font-size:9pt;
}

#sidebar img {
    margin-bottom:5px;
}

#sidebar blockquote {
    padding:10px;
    font-size:8pt;
}

#footer {
    clear:both;
    width:700px;
    height:55px;
    background:#882222 url('footer.png') no-repeat bottom center;
    text-align:center;
    color:white;
    font-size:8pt;
    padding-top:15px;
    position:relative;
}

#student {
    
    margin: 0 10px 0 10px;
       
}

#student h1 {
    font-size:18pt;
    font-weight:normal;
    margin:5px 0 0 0px;
    color:#882222;
    line-height:1em;
}

#student p {
    height:160px;
    margin:0 20px 10px 0px;
    background:white url('ptopbg.png')  repeat-x top center;
    font-size:8pt;
    color:#222222;
    padding:10px;
    line-height:1.5em;
    overflow:auto;
}

#student td {
	height:160px;
	vertical-align:top;	
}

.studentpicture {
       
    background:white url('sidebar.png') repeat-x top center;
    padding:10px;
}