html { margin:0; padding:0; }
body { margin:0; padding:0; color:#000000; background-color:#FFFFFF; font-size:0.83em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; }
form { margin:0; padding:0; }
blockquote { margin:15px; padding:0 10px; border-left:2px dotted #000000; border-right:2px dotted #000000; }
hr { border:none 0; margin:20px 0; border-top:2px solid #000000; height:2px; }
p { padding:0; margin:0 0 16px; }
p.extraspace { padding:0; margin:0 0 26px; }

h1 { color:#000000; font-size:1.3em; margin-top:0; }
h2 { color:#000000; font-size:1.2em; margin-top:0; }
h3 { color:#000000; font-size:1.1em; margin-top:0; }
h4 { color:#000000; font-size:1.0em; }
h5 { color:#000000; font-size:0.9em; }
h6 { color:#000000; font-size:0.8em; }

a,
a:visited { color:#5279A9; text-decoration:underline; }
a:hover { color:#313E5B; text-decoration:underline; }

.clear { clear:both; height:0; overflow:hidden; }
.spacer { clear:both; height:13px; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; }
.photoLeft { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.article-left { width:290px; float:left; }
.article-right { width:290px; float:right; }
.article-rightalt { width:290px; float:right; text-align:right; }


/* Interface CSS */

#container { width:778px; margin:0 auto; }

#header { width:778px; height:136px; background:url("header.gif") left top no-repeat; overflow:hidden; display:block; }
#header h1 { margin:0; padding:0; }
#header h1 a { margin:50px 0 0 20px; width:374px; height:61px; display:block; }
#header h1 a span { display:none; }

#flash { width:571px; height:207px; float:left; border-bottom:10px solid #313E5B; background-color:#E5E5E5; overflow:hidden; }
#photo { width:207px; height:207px; background:url("photo.jpg") left top no-repeat; float:right; border-bottom:10px solid #5279A9; }

#nav { width:172px; float:left; border-top:10px solid #FFF; }

#nav p { padding:10px 10px 10px 30px; color:#FFF; }
#nav a,
#nav a:visited { color:#FFF; display:block; text-decoration:underline; }
#nav a:hover { color:#5279A9; text-decoration:underline; }

#nav ul { list-style:none; margin:12px 0 0 0; padding:0; font-size:1.17em; color:#FFF; }
#nav ul li { width:132px; background:url("menuspacer.gif") right bottom no-repeat; padding:0 10px 15px 30px; }
#nav ul li a,
#nav ul li a:visited { color:#FFF; display:block; text-decoration:none; }
#nav ul li a:hover { color:#5279A9; text-decoration:none; }
/*#nav ul li a span { display:none; }*/

#background { width:778px; background:url("background.gif") left top repeat-y; }
#content { width:606px; float:right; }

#article { width:399px; float:left; }
#article_padding { padding:20px; }

#sidebar { width:207px; float:right; }
#sidebar_header { width:207px; height:71px; background:url("bookonline.gif") left top no-repeat; overflow:hidden; display:block; }
#sidebar_header span { display:none; }

#sidebar ul { list-style:none; width:167px; margin:0; padding:13px 20px 20px 20px; }
#sidebar ul li { padding:7px 0 7px 0; border-bottom:2px solid #D4DEEA; line-height:1em; clear:both; }
#sidebar ul li.end { margin-bottom:7px; padding:7px 0; border-bottom:none; clear:both; }
#sidebar ul li a,
#sidebar ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; }
#sidebar ul li a:hover { color:#313E5B; text-decoration:underline; }
#sidebar ul li a.arrow,
#sidebar ul li a.arrow:visited { width:24px; height:24px; background:url("arrow.gif") left top no-repeat; overflow:hidden; display:block; float:right; margin-top:2px; }
#sidebar ul li a.arrow:hover {  }
#sidebar ul li a.arrow span { display:none; }

#footer { }
#footer_left { width:571px; height:60px; background:url("footer_left.gif") left top no-repeat; overflow:hidden; border-bottom:10px solid #313E5B; float:left; }
#footer_left .padding { display:none; }
#footer_right { width:207px; height:60px; background:url("footer_right.gif") left top no-repeat; overflow:hidden; border-bottom:10px solid #5279A9; float:right; }
#footer_right a { width:207px; height:60px; display:block; }
#footer_right a span { display:none; }

#base { width:778px; height:60px; background:url("base.gif") left top no-repeat; overflow:hidden; }