﻿/*
background color: #88a3b7 (pale blue)
navy header/footer and accent: #09183b
borders for all boxes: #abc2d3
*/
body 
{
    background-color:#88a3b7;   /* 9EAFC3 */
    font-family:Verdana;
    font-size:10px;
}
A
{
    color:#000000;
    font-size:1em;
}
A:hover
{
    text-decoration:underline;
}

.table_caption
{
    padding-left:3px;
    padding-right:3px;
    font-weight:bold;
    background-color:#f0f0f0; /*#e0e0e0;*/
    text-align:left;
}
.table_data
{
    padding-left:0px;
    background-color:#efefef;
    text-align:left;
}
.table_classic
{
    border:solid 0px #d0d0d0;   /* formerly 1 */
    background-color:#fefefe;
    width:100%;
}
.table_classic thead
{
    font-size:12px;
    font-weight:bold;
    background-color:#6e6e6e;
    padding-left:3px;
    color:#f0f0f0;
    text-align:left;
}
.tip
{
    font-size:10px;
    color:Maroon;
    background-color:#fefefe;
}
.table_footer
{
    font-weight:bold;
    background-color:#dedede;
    color:#e0e0e0;
    padding:3px;
}
.footer
{
    border:solid 1px #003063;
    background-color:#6e6e6e;
    color:#fefefe;
}

/* site wide */
.sitewrap { display:block; position:relative; }
#emailbar
{

}
#sitebar
{

}
#logobar
{

}
.dottedbar
{
    padding: 0px 0px 0px 0px;
    border-top: dotted 1px #99CCCC;
    border-bottom: solid 0px #000000;
    background-color:#ffffff;
    height:1px;
    text-align:left;
    vertical-align:top;
}
#navbar
{

}
#mainarea
{
    position:relative;
    border:solid 0px #000000;
    width:960px;
    background-color:#ffffff;
    z-index:0;
    /*height:1441px; white-space:inherit*/
    
}
#mainleft
{
    position:absolute;
    padding: 17px 0px 18px 0px;
    border:solid 0pt PURPLE;
    left:0px; top:0px;
    text-align:left;
    z-index:1;
}
#mainright
{
    position:absolute;
    padding: 17px 20px 18px 20px;
    border:solid 0pt red;
    width:300px;
    right:0px; top:0px;
    text-align:right;
    z-index:1;
}
.box
{
    position:relative;
    border:solid 1px #abc2d3;
    border-top: solid 5px #9EAFC3;
    height:203px;
    width:298px;
    /*background-color:#ffffff;*/
    
}
.box_topright { font-family:Arial;font-size:12px;font-weight:normal;color:#0066CC;padding-right:10px;padding-top:4px;text-align:right;}
.box_topright a { color:#0066CC; text-decoration:none;}
.box_topright a:hover { color:#0066CC; text-decoration:underline;}
.box_caption { position:relative;left:0px; font-family:Arial;font-size:20px;font-weight:bold;padding-left:17px;color:#0066CC;text-align:left;}

#footer
{
    padding: 15px 0px 0px 0px;
    border:solid 0px #000000;
    width:960px;
    background-color:#000033;
    height:60px;
    color:#ffffff;
    bottom:0px;
}
#footer td
{
    padding-left:6px;
    padding-right:6px;
}
#footer a
{
    color:#ffffff;
    text-decoration:none;
}
#footer a:hover
{
    color:#99CCCC;
    text-decoration:underline;
}

/* response panel */
.respPanel
{
    font-weight:normal;
    font-size:12px;
    display:block;
    position:relative;
    padding:3px 0px 10px 0px;
    text-align:left;
    vertical-align:middle;
}

/* paragraph styles */
.main_instr
{
    font-weight:normal;
    font-size:12px;
    display:block;
    position:relative;
    padding:16px 0px 10px 0px;
    text-align:left;
    vertical-align:middle;
}

/* from yael */
.headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
	line-height: 18px;
}
.maintextstrong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}
.mainblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007cc2;
	text-decoration: none;
	line-height: 18px;
}
.mainbluestrong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007cc2;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
}

.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	text-decoration: none;
	font-weight: normal;
}
.bylinete 
{
    font-family:Arial;font-size:11px;color:#007cc2;
    text-decoration: none;
}
A:hover .byline { color: #007cc2; text-decoration:underline; }

.bylineblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #007cc2;
	text-decoration: none;
	font-weight: normal;
}

.bylinewhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
.bylinenavy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #09183b;
	text-decoration: none;
	font-weight: normal;
}
.homegraphiclist {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 20px;
}
.homegraphiclink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #6699CC;
	font-weight: normal;
}

.smallblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #007cc2;
	text-decoration: none;
}
.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	text-decoration: none;
}
.mainbutton {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
	border:solid 1px #444444;
	font-weight:bold;
	background-color:lightgrey;
}

.title { color:#88a3b7;font-size:25px;font-family:Arial Narrow,Arial; font-weight:bold;text-transform:uppercase; }
.maintext A { text-decoration:none; }
.maintext A:hover { text-decoration:underline; }
.rowstylecss { border-top:dotted 1px #898989; }
