/* 
1993-2011 Helen Glenn Court, Formandsubstance style sheet
------------------------------------------------------------------------
*/

@media screen, handheld {

/* 
normalize all 
*/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
font-size: 95%;
}
address, caption {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: none;
}

/*
base typeface, leading, and color
*/

body {
background-image: url(/art/background_main.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
font-family:  verdana, arial, helvetica, sans-serif;
font-size: 95%;
line-height: 1.4em;
color: #000;
margin-left: 0;
}

/*
generic structural elements
*/

p {
font-size: .9em;
text-align: justify;
margin: 10px 0 10px 0;
padding: 0 0 0 0;
}
h2, h3, h4, h5, h6 {
margin-top: 1em;
margin-bottom: -10px;
font-weight: bold;
}
h1 {
color: #155eb0;
margin: 0;
padding: 0;
}
h2 {
font-size: 1.2em;
color: #c3c3c3;
font-weight: normal;
margin: 10px 0 20px 0;
text-align: right;
}
h3 {
font-variant: small-caps;
font-size: 1em;
color: #333;
margin: 20px 0 10px 0;
}
h4 {
font-size: .9em;
color: #4672a3;
font-style: italic;
}
h5 {
font-size: .9em;
color: #155eb0;  
margin-bottom: 2px; 
}
h6 {
font-variant: small-caps;
font-size: .9em;
color: #4672a3;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
ul {
list-style-type: square;
font-size: .85em;
text-align: left;
margin: 0 0 0 15px;
}
li {
line-height: 1.4;
}
li.clients {
line-height: 1.8;
}
ul.empty {
list-style-image: url(/art/ticker.gif);
margin: 15px 0 0 0;
padding-left: 1.2em;
font-size: .85em;
}
ul.plain {
list-style-type:none;
margin: 15px 0 0 0;
padding-left: .5em;
font-size: .85em;
}
img.sample {
border: 1px solid #888;
}

/*
generic style items
*/

.center {
text-align: center;
}
.clear {
clear: both;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.wrapleft {
float: left;
margin: 0 0 0 0;
}
.wrapright {
float: right;
margin: 0 0 0 40px;
}

/*
unique FS style items
*/

.aupub {
font-size: .75em;
color: #666;
line-height: 1.3em;
text-align: left;
margin: 0 0 12px 10px;
text-indent: -10px;
}
.comment {
background-color: #ffffcc;
font-size: .9em;
color: #6495ED;
margin-bottom:20px;
padding:0 10px 0 10px;
border:1px solid #5F9EA0;
}
.copyright {
font-size: .75em;
color: #999;
text-align: left;
}
.designcopyright {
font-size: .75em;
line-height: 1.2em;
color: #7b7b7b;
font-weight: normal;
}
.definition {
font-size: .85em;
line-height: 1.1em;
color: #155eb0;
font-weight: normal;
}
.delete {
color: #cc6666;
text-decoration: line-through;
}
.formatchange {
font-weight: bold;
color: #999;
}
.insert {
color: #4b85ae;
text-decoration: underline;
}
.note {
font-size: 80%;
line-height: 125%;
color: #777;
margin: 20px 0 20px 0;
padding: 8px 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.notereference {
font-size: .85em;
color:#999;
} 
.number {
font-size: 2em;
color: #ccc;
margin-top: 1.3em;
margin-bottom: 0;
}
.quote {
padding: 5px 0 5px 0;
border-top: 1px dotted #999;
}
.samples {
margin: 20px 0 20px 0;
}
.section {
margin: 10px 0 10px 0;
border-bottom: 4px double #ccc;
padding: 5px 0 5px 0;
}
.signature {
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-size: 105%;
color: #777;
margin: 15px 0 25px 0;
}
.small {
font-size: .85em;
line-height: 1.2em;
color: #7b7b7b;
font-weight: normal;
}
.slug {
font-variant: small-caps;
font-size: 1.3em;
color: #4672a3;
}
.splash {
text-align: left;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 10px;
margin-top: 15px;
}
.tablefiles {
width: 90%;
border-collapse: collapse;
}
.tablefiles td {
padding: 2px 5px 2px 5px;
}
.tablefiles td.c {
padding: 2px 5px 2px 5px;
text-align: center;
}
.tablefiles tr {
}
.title1 {
font-size: .85em;
text-align: left;
color: #235895;
font-style: italic;
margin-bottom: -2px;
}
.title2 {
font-size: .85em;
text-align: left;
color: #235895;
margin-bottom: -2px;
}
.what {
background-image: url(/art/quotes.png);
background-repeat: no-repeat;
background-position: 0px 2px;
font-size: .85em;
line-height: 1.4em;
text-indent: 25px;
color: #333;
font-weight: bold;
text-align: left;
padding: 5px 0 0 0;
margin: 0 0 0 0;
}
.who {
font-size: .75em;
color: #155eb0; 
text-align: left;
padding: 0 0 10px 25px;
margin: 0 0 0 0;
}

/* 
navigation 
*/

ul#nav_choices {
font-family: verdana, helvetica, sans-serif;
list-style-type: none;
font-size: .85em;
font-weight: normal;
line-height: 1.8em;
margin: -15px 0 0 0;
padding: 0;
}
ul#nav_choices li {
border-left: 7px solid #ccc;
text-align: left;
line-height: 1.8em;
margin: 0;
padding: 0;
}
ul#navghost_choices {
font-family: verdana, helvetica, sans-serif;
list-style-type: none;
font-size: .85em;
font-weight: normal;
line-height: 1.8em;
margin: -15px 0 0 0;
padding: 0;
}
ul#navghost_choices li {
border-left: 7px solid transparent;
color: #ccc;
text-align:left;
line-height: 1.8em;
margin: 0;
padding: 0 10px 0 5px;
}

/*
links for images ::  ungarnished
*/

a:link, a:visited {
color: #777;
text-decoration: none;
}
a:hover, a:active {
color: #333;
text-decoration: none;
}

/*
links for menu choices :: borders and rollover
*/

a.nav:link, a.nav:visited {
color: #333;
font-weight: normal;
text-decoration: none;
padding: 0 10px 0 5px;
}
a.nav:hover {
color: #155eb0;
font-weight: normal;
text-decoration: none;
background-color: transparent;
margin-left: -20px;
margin-right: -50px;
padding: 0 25px 0 120px;
border-bottom: 1px solid #c8d5e2;
border-right: 1px solid #c8d5e2;
}
a.nav:active {
color: #155eb0;
font-weight: normal;
text-decoration: none;
background-color: transparent;
margin-left: -20px;
margin-right: -50px;
padding: 0 25px 0 120px;
border-bottom: 1px solid #c8d5e2;
border-right: 1px solid #c8d5e2;
}

/*
links for within running text :: dotted underscore
*/

a.text:link, a.text:visited {
color: #222;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #155eb0;
}
a.text:hover, a.text:active {
color: #789ac1;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #176ba0;
}

/*
links for heds 
*/

a.hed:link, a.hed:visited {
color: #7fa4cf;
text-decoration: none;
}
a.hed:hover, a.hed:active {
color: #155eb0;
text-decoration: none;
}


/*
links for file transfer :: dotted underscore
*/

a.ft:link, a.ft:visited {
color: #cb0000;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dotted #155eb0;
}
a.ft:hover, a.ft:active {
color: #155eb0;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #cb0000;
}

/*
positioning elements
*/

#identity {
background-image: url(/art/background_main.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
position: fixed;
top: 0;
left: 0;
height: 70px;
width: 100%;
z-index: 5;
}
#navigate {
position: fixed;
width: 150px;
top: 0px;
left: 0px;
margin-top: 125px;
background: transparent;
z-index: 25;
}
#navghost {
position: fixed;
width: 150px;
top: 0px;
left: 0px;
margin-top: 125px;
background: transparent;
}
#base {
position: absolute;
top: 70px;
left: 0px;
width: 100%;
}
#content {
margin: 25px 20% 0 15%;
}
#foot {
margin-top: 50px;
text-align: left;
}

#locate {
color: #014da6;
font-weight: normal;
letter-spacing: 4px;
border-bottom: 1px dotted #ccc;
padding: 0 40px 5px 40px;
position: fixed;
top: 20px;
left: 550px;
z-index: 10;
}
#photo {
position: absolute;
top: 300px;
left: 0;
width: 125px;
}
}