/* CSS Design by Sue Johnson www.suesdesign.co.uk for Oblong Design Collective www.oblongdesigncollective.org.uk */

/* default values for all html elements */
* { 
margin: 0; 
padding: 0;
}

/*------------------------------------------------------
background
------------------------------------------------------*/

html {
background-color: #DEDEFC; 
}

body {
background:url(images/gradient.gif) repeat-x; 
}

#container, #outercontainer {
background-color:#FFFFFF;
}

#outercontainer {
border:#583E84 solid 2px;
}

/*------------------------------------------------------
Layout
------------------------------------------------------*/

#outercontainer {
width: 960px;
margin: auto;
}

.maincontent {
width: 580px;
float:right;
margin-right:60px;
}

.menu {
width:180px;
float:left;
margin-left:70px;
}

#footer {
clear:both;
padding-top: 100px;
}

/*------------------------------------------------------
Banner
------------------------------------------------------*/

#banner {
height: 130px;
background: #FFFFFF url(images/banner.gif) no-repeat top;
padding-top:40px;
}

#banner img {
border:0px;
float:left;
margin-left:85px;
}

/*------------------------------------------------------
Main navigation style
------------------------------------------------------*/

.menu {
background:url(images/menutop.gif) no-repeat;
}

.menu ul {
background:url(images/menubottom.gif) no-repeat bottom;
margin-top:15px;
padding-bottom:20px;
width:180px;
text-align:center;
list-style:none;
}

.menu li {
line-height:30px;
font-weight:bold;
}

.menu li a {
color:#583E84;
text-decoration: none;
font-size:1.3em;
}

.menu li a:visited {
color: #374F6C;
}

.menu li a:hover, #mainnav ul li a:active {
text-decoration: underline;
}

.menu ul ul {
background-image:none;
padding-bottom:10px;
margin-top:3px;
}

.menu ul ul li {
line-height:20px;
}

.menu ul ul li a {
font-size:1em;
}

.menu_current a {
border-bottom: 1px solid;
}

span.menu_current a {
font-size:1.5em;
}

span.menu_current a:hover {
text-decoration:none;
}

/*------------------------------------------------------
Typography
------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
line-height: 150%;
}

h1, h2, h3 {
color: #425E35;
margin-bottom:20px;
}

h1 {
font-size:2em;
font-family: Georgia, "Times New Roman", Times, serif ;
margin-bottom:20px;
}

h2 {
font-size:1.3em;
font-family:Arial, Helvetica, sans-serif;
}

h3 {
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}

p, h2, h3 {
margin-bottom:10px;
}

#banner h1 {
font-size:40px;
color: #374F6C;
margin:30px 0px 0px 280px;
}

#footer p {
font-size:12px;
}

blockquote {
margin:20px;
}

.caption {
font-style:italic;
}

.notices {
margin-top:60px;
}

.notices p, .notices a {
color:#CCCCCC;
margin:0px;
}

a {
color:#000099;
}

a:visited {
color:#663399;
}

/*------------------------------------------------------
Other style including footer
------------------------------------------------------*/

#footer {
background:url(images/footer.gif) bottom no-repeat;
text-align:center;
height: 125px;
}

.clear {
clear:both;
}

img {
border:0px;
margin-bottom: 5px;
}

.imageleft {
float:left;
margin-right: 20px;
}

.imageright {
float:right;
margin-left: 20px;
}

.pdf {
margin: 10px 0px 0px 20px;
}

.links {
margin:0px 0px 30px 0px;
}

.links img {
margin:0px 0px 0px 8px;
}