/*
CSS for Anne Rutherford site
*/

body {
background-color: #930;
color: #000;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif; 
font-size: 14px;
width: 800px;
margin: 0 auto;
}

table {
padding: 1%;
}

td {
padding: 2%;
}

/*navigation bar*/


#navsite ul li {
display: inline;
font-size: 10px;
list-style: none;
margin: 0;
margin-top: 100px;
text-decoration: none;
background-color: #F63;
}

#navsite ul li a {
color: #9F3;
font-size: 10px;
margin: .5%;
border: 0px solid #0FF;
background-color: #F63;
text-decoration: none;
}

#navsite a:hover {
color: #339;
background-color: #F90; 
}

#navsite a:active {
color: #F90;
}

/*a:link format*/

a {
text-decoration: none;
}

a:link {
color: #339;
text-decoration: underline;
}

a:visited {
color: #66F;
}

a:hover  {
color: #339;
background-color: #9F3; 
}

a:active {
color: #F90;
background-color: #9F3; 
}

a img {
border: none;
}

/*end a:link format*/

blockquote {
background-color: #F63;
color: #339;
font-size: 110%;
font-style: italic;
padding: 2%;
margin: 3%;
}

/*<p> in blockquote; inherited*/
blockquote p {
background-color: #F63;
color: #9F3;
font-size: 10px;
font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
color: #930;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
}

h1 {
font-size: 220%;
text-aligh: left;
}

p {
font-size: 14px;
text-align: justify;
line-indent: 1.4;
}

/*positioning div*/


#imgcol {
float: left;
width: 100px;
background-color: #FFC; 
}

#colsingle {
background-color: #FFC;
padding: 1%;
text-align: left;
overflow: auto;
}

#colright {
background-color: #FFFFCC;
padding: 1%;
text-align: left;
overflow: auto;
width: 40%;
}

#colleft {
background-color: #FFFFCC;
float: left;
margin-top: 0;
overflow: auto;
padding: 1%;
width: 40%;
}

#pagehead {
height: 100px;
background-image: url(../images/cloud1.jpg);
background-repeat: no-repeat;
padding-top: 1%;
padding-left: 2%;
padding-bottom: 1%;
padding-right: 5%;
}


#footer {
color: #9F3;
font-size: 10px;
font-weight: bold;
clear: both;
}

/*image alignment*/

.ctr{
text-align: center;
}

.caption {
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 100%;
margin-top: 0;
margin-bottom:0;
}

.capdet {
font-size: 9px;
text-align: center;
line-height: 100%;
margin-top: 0;
}

.px12 {
font-size: 12px;
text-align: left;
margin: 0;
}

.px12topsp {
font-size: 12px;
text-align: left;
margin-bottom: 0;
}

.px12botsp {
font-size: 12px;
text-align: left;
margin-top: 0;
}

.px10 {
font-size: 10px;
text-align: left;
margin: 0;
}

.floatleft {
float: left;
margin: 1%;
}

.floatright {
float: right;
margin: 1%;
}

.linkhd {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: bold;
color: #00F;
margin-top: 0;
margin-right: 3%;
text-align: right;
}

.title {
font-size: 14px;
font-weight: bold;
text-align: left;
}

.titlebotsp {
font-size: 14px;
font-weight: bold;
text-align: left;
margin-top: 0;
}

.titleit {
font-size: 14px;
font-weight: bold;
text-align: left;
font-style: italic;
}

.titlenosp {
font-size: 14px;
font-weight: bold;
text-align: left;
margin: 0;
}

.titletopsp {
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 0;
}

.sub {
font-size: 12px;
font-style: italic;
text-align: left;
margin: 0;
}