/* global
----------------------------------------------- */
body {
background: rgb(204,230,246) url(images/bg.gif) top center fixed repeat-x;
/*background: #fff url(images/bgii.gif) top center fixed repeat-x;*/
font-family: verdana, helvetica, arial, sans-serif;
margin: 0 20px 0 20px;
color: #333;
font-size:73%;
padding-top: 2px;
}


/* layout
----------------------------------------------- */
#container {
position: relative;
background: #fff url(images/header.jpg) no-repeat top left;
margin: 0 auto 5px auto;
width: 710px;
border-left: 1px solid #69c; border-bottom: 1px solid #69c; 
}

#background {
padding-top: 0;
}

#textonly {
text-align:right; padding:4px 6px 6px 6px;
}

#pageHeader {
display: none;
}

#maincontent {
font-size:1em;
padding-top:15px;
margin: 5px 0 0 180px;
width: 480px;
min-height:400px;
}

#footer {
border-top: 1px solid #69c;
margin: 16px 0 0 0;
padding: 0;
width: 100%;
text-align: center;
clear: both;
}

#linkList {
position: absolute;
width: 155px;
top: 140px;
left: 4px;
background: #fff
}

#advert {
list-style:none;
padding-left:0; margin:0;
line-height:1.8 em;
}

#advert ul {
padding: 0;
margin:0;
}
#advert ul li {
background:url(images/bullet_double.gif) no-repeat 3px 3px;; list-style:none;  color: rgb(0,112,184); font-size: 1.2em; font-weight: bold; 0; padding:0 0 0 16px; margin:0;
}
.xtra li {font-size: 1em;
color:#000;}

blockquote {
	font-size:1.1em;
	font-style: italic;
	color: #03c;
}

.progbox { border: 1px solid rgb(199,208,217); padding:0; margin-top:3px; }
.paper {margin:0; padding:0; float:left;}

#finfo { border:1px solid rgb(86,180,226); padding:10px; margin:0;}
.finfotxt { font-size: 0.96em; line-height: 1.2em;} 
#finfo h2 { color: #333; font-size: 1.4em; font-weight: bold; padding-bottom:12px; margin:0;}

/* top search strip
----------------------------------------------- */

#searchstrip { width:710px; height: 23px; display:block; background: url(images/strip.gif) repeat-x ;}

.field { font-size: 0.9em; border: 1px solid #069; padding:1px; background: #fff; margin:2px 2px 2px 6px; width:120px; }

.button {
font-size: 0.9em; border: 1px solid #9cf; background: rgb(0,112,184); margin:1px 0 2px 0; color: #fff; font-weight: bold; padding:0 0 0 0;
}
.formbutton {
float:right; border: 1px solid #666; background: rgb(0,112,184); margin:0 5px 5px 5px; color: #fff; font-weight: bold;padding-left:4px;
}
.form {margin:0; padding:0; float:left; font-size: 0.9em;}

/* text
----------------------------------------------- */
p {
font-size: 1em;
color:#000;
}

b {
font-weight: bold;
color: rgb(0,112,184);
}

.b {
font-weight: bold;
}

ul, li { font-weight: bold; }

p.intro { font-weight: bold; font-size: 1.08em; line-height: 1.2em;}

p.slim { margin:5px 0 10px 0; padding:0; line-height: 1em;}

.i { margin:5px 0 5px 0; padding:0; font-style:italic;}

#maincontent {
margin-top: 30px;
line-height: 1.6em;
width: 450px;
}

#textonly {
font-size: 0.8em;
color: #333;
}

#footer {
font-size: 0.89em;
}

.bullet  {
background: url(images/bullet_single.gif) no-repeat 5px 1px;
margin: 5px 0 5px 0;
padding: 0 0 0 20px;
}


/* lists
----------------------------------------------- */
#linkList ul {
font-size: 0.92em;
list-style:none;
margin: 5px 0 0 0;
padding: 0;
line-height:1.2em;
}

#linkList ul li {
list-style:none;
margin: 8px;
padding: 0 0 0 17px;
color: #ccc;
line-height:1.1em;
}

#linkList .double li {
background: url(images/bullet_double.gif) no-repeat 3px 0;
margin: 8px;
}

#linkList .info li {
background: url(images/bullet_double.gif) no-repeat 3px 0;
margin: 8px;
}

#linkList .resource li, .home {
background: url(images/bullet_single.gif) no-repeat 5px 1px;
margin: 8px;
}


.sub li { 
display:block;
background: url(images/sub.gif) no-repeat 5px 3px;
margin: 8px;
padding: 0 0 0 17px;
line-height:1.2em;
}

#linkList #lselect a:link, #linkList #lselect a:visited { display: inline; }
#linkList #lselect a.c:link, #linkList #lselect a.c:visited { display:inline; }
#larchives li, #lresources li { text-transform: lowercase; }


/* links
----------------------------------------------- */



a, a:link {
color: #000; font-weight: bold; text-decoration: underline;
}

a:visited {
color: #666; text-decoration: underline;
}

a:hover {
color: #f30; text-decoration: none;
}

#textonly a, #textonly a:link, #textonly a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#textonly a:hover {
text-decoration: underline;
}

#linkList a, #linkList a:link, #linkList a:visited {
color: #f30;font-weight: bold;
text-decoration: none;
}

#linkList a:hover {
text-decoration: underline;font-weight: bold;
color: #000;
}

#advert a, #advert a:link, #advert a:visited {
color: #f30;font-weight: bold;
text-decoration: none;
}

#advert a:hover {
text-decoration: underline;font-weight: bold;
color: #000;
}

#linkList #lselect a {
font-size: 1em;
text-transform: lowercase;
}

#footer a, #footer a:link, #footer a:visited, #footer ul, #footer li {
color: #f30;
font-weight: bold;
text-decoration: none;
line-height: 2.5em;
list-style:none;
}
#footer ul, #footer li {
color: #000;
}

#footer a:visited {color: #f30;}

#footer a:hover {
text-decoration: underline;color: #000;
}


/* headings
----------------------------------------------- */

.tag { color: #06c; font-size: 2em; font-weight: bold; padding: 0; line-height:1.2em;margin:0;}

h1 { color: #03c; font-size: 1.64em; font-weight: bold; padding: 0.3em 0 0.3em 0;}

h2 { color: #03c; font-size: 1.3em; font-weight: bold; padding: 0.1em 0 0.1em 0; }

h3 { margin-bottom: 0; }

h3 span { display:none; }

h4 { color: #03c; font-weight: bold; font-size: 1em; text-transform: uppercase; margin:1px 0 5px 0;padding:0;}

#linkList h3 {
width: 150px;
height: 20px;
margin-top: 7px;
}

.info h3 {
background: transparent url(images/info.gif) no-repeat top left;
margin-top: 10px;margin-left:3px;
}

.resource h3 {
background: transparent url(images/resources.gif) no-repeat top left;margin-left:3px;
}

.search h3 {
background: transparent url(images/search.gif) no-repeat top left;margin:3px 0 0 3px;
}

/* feedback forms 
-------------------------------- */

fieldset { border: 1px solid rgb(199,208,217); padding:10px;margin:0;}
legend { color: rgb(0,112,184); font-size: 1.2em; font-weight: bold;}
form.myform { padding: 0.2em; width: 100%; background: #fff; margin: 0 auto; }
form.myform div { clear: both; padding: 0.6em 0 0 0; }
label { float: left; width: 35%; text-align: right;}
input.myform,textarea.myform { float: right; width: 62%; text-align: left; border:1px solid rgb(127,157,185); padding:2px;}
textarea#myform { height: 5em;padding: 0.2em }
#mySubmit { float: right; margin: 0 0 0 50%; width: 20%; text-align: center; }

/* tables
--------------------------------- */

.wstable { width:100%;line-height:1.1em; }
.wstable td { vertical-align:top; text-align:left;}
.m  { width:50%;}


/* misc
--------------------------------- */
acronym { border-width: 0; }
#hide { display: none;}
img { border:0;}
.random { border:0;text-align:center; }
.judith { margin: 0;padding:0;float:right; }
.genimage { margin: 5px;padding:1px;border: 1px solid #69c;float:right;background:#fff; }
.logo { padding:12px 20px 0 0; margin:0; }
.wsbullet { width:8px;height:12px; padding-right:5px; vertical-align:top;}
.dload { border-top: 1px solid rgb(199,208,217); margin:16px 0 16px 0;padding-top:5px;}
.arrow { margin:0 0 0 10px; padding:0; width:307px; height:36;}
.divide { padding:10px 0 10px 0; width:100%; }

#rightad1 {
line-height:1.1em;
height: 122px;
width: 81px;
float: right;
margin: 5px;
padding: 5px 20px 5px 10px;
background: url("images/jgbg_pf.jpg") no-repeat;
font-size: 0.9em;
font-weight: bold;
}

#rightad1 a{
text-decoration: none;
}

#rightad1 p{
font-size: 0.9em;
}

#rightad2 {
line-height:1.1em;
height: 122px;
width: 96px;
/*float: right;*/
margin: 5px;
padding: 5px;
text-align: center;
background: url("images/jgbg_cd.jpg") no-repeat;
font-size: 0.9em;
font-weight: bold;
}

#rightad3 {
line-height:1.1em;
height: 122px;
width: 96px;
/*float: right;*/
margin: 5px;
padding: 5px;
text-align: center;
background: url("images/jgbg_cd.jpg") no-repeat;
font-size: 0.9em;
font-weight: bold;
}

#rightadwrapper {
width: 116px;
height: 250px;
text-align: center;
float: right;
}

#rightad2 a, #rightad3 a{
text-decoration: none;
}

#frontpage a {
text-decoration: none;
color: #f30;
}