/* The code in this sheet may be used by anyone free of charge 
   but the ideas of its use are the intelectual property of 
   Jerram Consulting ( jerconsult@pnc.com.au ).
   If you steal the ideas in this code at least let me know you used it
   
   The .pullquote class was lifted in total from 
            http://www.sitepoint.com/test/pullquote.htm
   and modified slightly for my use.
*/
body {
background-color: #DDF8FF;
font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

#navleft {
position: absolute;
width: 170px;
top: 50px;
left: 20px;
font-size: 0.9em; 
padding: 0px;
z-index: 1;
}

#navleft img {
border:0px solid black;
}

.header {
position: relative;
width: 550px;
margin: 5px 10px 20px 200px;
color:#C00000;
padding: 0px;
}

.header h1 {
font-size:4em;
color:#08297B;
margin-bottom: 0px;
}

.maincontent {
position: relative;
width: 520px;
margin: 0px 0px 10px 180px;
background-color: transparent;
color:#C00000;
padding: 0px;
top:0px;
font-size: 1.1em;
}

.maincontent a {
color:#08297B;
}

.maincontent img{
border:0px solid black;
}

#heading {
font-size: 2.5em;
}

.content {
position: relative;
width: 500px;
margin: 5px 10px 20px 200px;
border: 1px solid black;
background-color: transparent;
color:#C00000;
padding: 10px;
top:0px;
font-size: 1.1em;
background-image:url(images/jfswebwm.jpg);
background-repeat: no-repeat;
background-position: center;
}

.content a {
color:#08297B;
}

.content img{
border:0px solid black;
}

#navcontainer ul {
float: left;
margin: 35px 0px 0px 0px;
padding: 0px;
text-align: left;
list-style-type: none;
font-size: 1em;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a {
display: block;
padding: 2px 2px 2px 23px;
border: 1px solid;
border-color: #84C2EE #000A8C #000A8C #84C2EE;
width: 120px;
background-color: transparent;
}

#navcontainer a:link {
color: #C00000;
font-weight:bold;
text-decoration: none;
}

#navcontainer a:visited {
color: #000000;
text-decoration: underline;
font-weight:bold;
}

#navcontainer a:hover {
border: 1px solid;
border-color: #84C2EE #000A8C #000A8C #84C2EE;
background-color: #08297B;
color: #FFFFFF;
}


#ActiveLink a:link, #ActiveLink a:visited,
#ActiveLink a:hover, #ActiveLink a:active {
background-color: #08297B;
color: #FFFFFF;
text-decoration: underline;
font-weight:bold;
}

.pullquote {
width: 35%;
float:right;
font-size:125%;
line-height:130%;
margin:10px;
background: url(images/closequote.gif) no-repeat bottom right !important;
background /**/:url(); /* removing quote graphic in IE5+ */
padding:0px 25px 5px 0px;
color:#08297B;
}

.pullquote:first-letter {
background: url(images/openquote.gif) no-repeat left top !important;
padding:5px 2px 10px 35px!important;
padding /**/:0px;   /* resetting padding in IE5+ */
background /**/: url(); /* removing quote graphic in IE5+ */
}

#hilight {
color:#08297B;
}

.content ul {
margin-top:-2px;
margin-bottom:-2px;
list-style-image: url(images/Tick_sml.gif);
}

.newsletter {
padding: 2px 5px 2px 5px;
border: 1px solid;
border-color: #84C2EE #000A8C #000A8C #84C2EE;
width: 60px;
}

.newsletter a{
text-decoration: none;
}

.newsletter a:hover {
background-color: #08297B;
color: #FFFFFF;
}

.newscont {
margin-left:50px;
/*border:1px solid black;*/
}

.newscont ol {
margin-top:-2px;

}
ul.archive li {
display:inline;
padding: 2px 5px 2px 5px;
border: 1px solid;
border-color: #84C2EE #000A8C #000A8C #84C2EE;
width: 60px;
}

ul.archive a {
text-decoration: none;
}

ul.archive a:hover {
background-color: #08297B;
color: #FFFFFF;
}

ul.archive li { margin: 0 15px 0 0; }

#footer {
position: relative;
margin: 0px 0 0 120px;
border-top: 2px solid #CC0000;
width: 600px;
font-size:0.7em;
color:#000000;
}

#juddfs {
display : block;
position : absolute;
z-index : 1;
left : -1000px;
width : 550px;
top : -100px;
}