/* dark blue            #445c80 */
/* Seahunt light blue   #6d94cd */
/* Seahunt red          #a50022 */
/* Seahunt green        #319799 */
/* hover yellow         #dcd04c */


/ ***** Hints and tips autogenerate stuff  ******/
.hint_header_link { font-family:verdana,arial,helvetica;
    font-weight:normal;font-size:32px;
    text-align:left;

    color:#445c80;
    }

#menutitle {    font-family:'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
    color: #999;
    line-height:130%;
    font-size:115%;
    text-align:center;}



#colleft a:link,  #colleft a:visited,  #colleft a:active { color:blue;
        padding: 0 0 0 0;
        /*border: #445c80 dotted 1px;*/
        font-size:12px;
        text-align:center;
        line-height:16px;
}

#colleft a:hover {
        /*border: #445c80 solid 1px;*/
        color:#dcd04c;
}


a.hint_header_link {color:#963;padding:5 5 5 5;}
a.hint_header_link:hover {color:#dcd04c; }

a img { border-style: none;   }

#dotframe { position: relative;
            margin-left:auto;
            margin-right:auto;
            width:765px;
            border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
/************* Main site content *************/

.content img {border:10px solid #fff;padding:5px 5px 5px 5px;}
.content {font-size:16px;width:450px;clear:right;}
.content p, .content td {font-size:16px; font-weight:normal;padding:45px 25px 5px 25px;vertical-align:center;}

a.contentlink {color:#445c80;}
a.contentlink:hover {color:#dcd04c; background-color:#eee;}

/************* Main site content *************/
#titleundertext{
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-weight:bold;

    font-family:arial;
    color:#666;
}

#loggedin{
    padding: 0px 0px 0px 15px;
    font-size: 10px;
    font-weight:normal;
    font-family:arial,helvetica;
    color:#666;
    width:200px;
}

a.loggedin {  color:#445c80;  letter-spacing: 0.1px; }

a.loggedin:hover { color:#dcd04c; background-color:#eee;}

#titleleft { float:left;
    width: 325px;
    padding: 0px 0px 0px 0px;
}

#titleright {margin-top:0px;
    padding: 0px 0px;
    margin-left:0px;
}

#titles { border-bottom: 1px #ccc solid; height:75px; }


#menuwrapper {width:250px;padding:0 0 0 0;margin-left:175px;}
a.menuitem { text-align:right; color:#445c80; font-weight:bold; padding:5px 5px 3px 5px; font-size:12px; line-height:22px; text-align:left; font:arial; letter-spacing: 0.1px; border-left:1px #CCCCCC solid; /*border-bottom:1px #CCCCCC solid;*/}
a.menuitem:hover { color:#dcd04c; background-color:#eee;}

.menutitles {width:285px;padding:0 0 0 0;background-color:#efefef; position:absolute;left:480px;}
a.menutitles_item { text-align:right; color:#445c80; font-weight:bold; padding:0px 5px 0px 5px; font-size:12px;  text-align:center; font:arial; letter-spacing: 0.1px; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
a.menutitles_item:hover { color:yellow; background-color:#ccc;}








#supportedBy {
    font-size: 10px;
    font-weight:normal;
    line-height:10px;
    font-family:arial;
    color:#666;
    text-align:right;
    vertical-align:bottom;
    padding-bottom:5px;
}

#search {
    font-size: 12px;
    font-weight:normal;
    font-family:arial;
    color:#000;
    padding:0px 0px 0px 0px;
    margin-bottom:0px;

}

.linktext {
    font-size: 12px;
    font-weight:normal;
    font-family:arial;
    color:#000;
}

#googleform {
    padding:0px 0px 0px 0px;
    margin-bottom:0px;
}


a.greylink:link, a.greylink:visited, a.greylink:active {color:#666;}

a.greylink:hover {color:#f00;}


.smallsans, p.boldsans, .date, .datearchive {
    font-family:'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
    color: #999;
    line-height:130%;
    font-size:75%;
    text-align:center;

}



.smallsans {padding-bottom:20px; padding-top:15px; border-top:1px #CCCCCC dotted;}
.smallsans a { color:#999;}














body {
    margin:0;
    padding:0;
    font-family:arial,helvetica;
    color:#333;
    line-height:1.4;
    voice-family: "\"}\""; voice-family: inherit;

    }
    html>body {font-size:small;}

p {
    margin-left:5px;
    line-height:120%;
    /*padding-bottom: 0.5em;*/
    text-align:left;
}


h1, h2, h3, h4, h6, .hint_header {
    font-family:verdana,arial,helvetica;
    font-weight:normal;
    text-align:left;
    padding:5 5 5 5;
    color:#445c80;
    margin:0;
}

h1 { font-size: 24px;  }
.tiny { font-size: 10%; }

/* black dotted content heads */
h2
{    margin-bottom: 12px;
    font-size: 16px;
    font-weight:normal;

}

/* brown colored subheads */
h3 {
    font-size:110%;
    font-weight:bold;
    color:#963;
    line-height:80%;
}

/* black, smaller */
h4 { font-size:130%; }

h5 {
    padding:10 0 0 0;
    font: 12px arial,verdana,sans-serif,helvetica;
    line-height:124%;
    color:white;
    text-align:center;
    font-weight:normal;
}
.hint_header {
    font: 110% arial,verdana,sans-serif,helvetica;
    line-height:124%;
    color:#2F9695;
    font-weight:bold;
}



/* just like h2 but without border */
h6 { font-size: 140%; padding-top:4px; padding-bottom:4px; }

/* style for quoted sections */
q
{
    display:block;
    padding: 10px 8px 8px 8px;
    background-color:#F1F1F1;
    border-top: 1px dotted #D5D5D5;
    font: 90% 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif,helvetica;
    line-height:1.4;
    color:#666;
    text-align:left;
}

#custquotes p
{
    display:block;
    padding: 10px 8px 8px 8px;
    background-color:#F1F1F1;
    border-top: 1px dotted #D5D5D5;
    font: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif,helvetica;
    font-size:10px;
    line-height:1.4;
    color:#666;
    text-align:left;
}

ul,ol {
    margin: 0 14 1em 0;
    padding-left:20px;
    font-size:14px;
    list-style-image: url("/images/bullet.gif");
    list-style-position: outside;
    list-style-type: square;
}

li {
    color:#333;
    line-height:1.4;
    margin-left:4px;
    margin-right:4px;
    margin-bottom:0.5em;
    padding-left:0;

}
strike {
    text-decoration: line-through;
}

code, pre {font:12px monospace;white-space:normal;color:#666;}


/* STRUCTURE */
/* -------------------------------------- */



/* wrap inside dotframe */
#globalwrap { position: relative;margin-left: 0%; margin-right: 0%; }

#header {
    text-align: left;
    padding: 0px 0px 0px 20px;
    width:720px;
    height:85px;
    vertical-align:center;

}

#sparesheader  {
    font-family:arial,verdana,sans-serif;
    color: #555;
    padding:0px 0px 0px 0px;
    margin-left:10px;
    font-size:30px;
    text-align:left;
    font-weight:bold;


}

#menubar {
    text-align: left;
    padding: 0px 0px 10px 0px;
    width:765px;
    height:41px;
    background-image: url('/images/title.jpg');
    background-repeat:repeat-x;
    background-color:#6d94cd;
    vertical-align:text-bottom;
    border-bottom:0px dotted white /*#445c80*/;
    font-family:verdana,arial;



}
 #menubar a:link,  #menubar a:visited,  #menubar a:active { color:white;
        padding: 0 0 0 5;
        vertical-align:text-bottom;
        /*border: #445c80 dotted 1px;*/
        font-weight:bold;
        line-height:30px;
        font-size:12px;
}

#menubar a:hover {
        /*border: #445c80 solid 1px;*/
        color:#dcd04c;

}

.bread {
  width: 98%;
  line-height:18px;
  text-align: right;
  font-weight:normal;
  font-size:13px;
  padding:10px 15px 0px 0px;
  margin-right:15px;  
}

a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active  {
  color:#445c80;
  font-weight:bold;
  font-size:13px;
}

a.breadcrumb:hover { color:#dcd04c;}


.linking {
  width: 100%;
  color:#445c80;
  font-weight:bold;
  font-size:13px;

}

#colright a:hover { color:#dcd04c;}



.pretendlink {
    color:#445c80;
    padding: 10 3 0 3;
    vertical-align:text-bottom;
    font-weight:bold;
    font-size:12px;
    line-height:30px;
}

#header img { margin: 0px auto 0px auto; }

/* column wrap */
#wrap {
    position: relative;
    clear: both;
    width:765px;
    margin-top: 0px;
    margin-right: 0;
    /* background: #fff url("../images/stripe.gif") repeat;*/
    vertical-align:top;
}

#maincontentwrapper {margin-top:0px;
    border-style: dotted dotted dotted dotted;
    border-color: #ccc;
    border-width: 0px;
    padding: 2 2 2 2;
    text-align:left;

    }

/* small columns shared */
#colLeft {
    float:left;
    width: 158px;
    /*background-color: #6d94cd;*/
    font: 100% 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif,helvetica;
    line-height:124%;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px dotted #ccc;
    padding: 0px 5px 0px 5px;
}

#colLeft p {padding-right:4px; padding-top:15px;}

/* main columns shared */
#colRight {
    margin-top:0px;
    background-color: #fff;
    padding: 0px 0px;
    margin-left:175px;
    /*border-right: 1px #ccc dotted;
    border-bottom: 1px #ccc dotted;*/
}
#colRight h4 {margin-top: 4px;}

#colRight p {font-size:14px;
    font-weight:normal;
    line-height:16px;
    }

/* bottom copyright bar */
#footer {
    clear:both;
    text-align:center;
    margin: 0px auto 0px auto;
    padding: 0px 0px 10px 0px;
    background-color: #fff;
    voice-family: "\"}\"";
    voice-family: inherit;
}



#nav a:active { background: #fff; }
#menu a:hover, #menu a:hover img { background: #eee; }

#menu .textwidgets {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    width: 130px;
}

/* LINKS */
/* -------------------------------------- */

a, a:visited, a:link, a:active, a:hover {

    text-decoration: none;
}

/*a:visited {color:#999;}*/

/* SPECIAL COPY ------------------------------------- */




p.boldsans {
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
}

.date, .datearchive {
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size:10px;
    margin-right:25px;
}

.datearchive {
    font-size:80%;
    text-align: left;
    padding-bottom:4px;
}

/* for tighter lists of items */
p.tight {margin-bottom:0px;}

/* for right aligned items */
p.right {text-align:right;}



#serviceCol {float:left;
    border-color: #d5d5d5;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    padding: 0px 0px 10px 0px;
    width:285px;
    background-color:#ffffff;
    text-align:left;
    margin-left:0px;
    line-height:22px;

}
#benefitsCol {
    border-color: #d5d5d5;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    padding: 0px 0px 10px 0px;
    width:285px;
    background-color:#ffffff;
    text-align:left;
    margin-left:295px;
    line-height:22px;

}

#serviceCol a, #benefitsCol a  {
    font-size:13px;
    font-weight:bold;
    padding: 0px 10px 0px 10px;
    line-height:24px;
    color:#445c80;
}
#serviceCol a:hover, #benefitsCol a:hover  {

     color:#dcd04c;
}

#serviceCol h3, #benefitscol h3 {
    background-color:#d6e2f3;
    line-height:30px;
    font-family:arial;
    padding: 0 0 0 0;
    text-align:center;
    font-size:16px;
}

.mainpage  {
    font-size:14px;
    font-weight:normal;
     line-height:16px;

}


.email { padding-top:10px; margin-top:10px; font-weight:bold; font-size:16px; }

td {font-weight:bold; font-size:14px; }

.errormessages {font-weight:bold; font-size:12px; color:#ff0000; text-align:center;}
.regerrormessages {font-weight:bold; font-size:12px; color:#ff0000; text-align:left;}

a.intext {
  color:#445c80;
  font-weight:bold;
  font-size:13px;
}

a.intext:hover { color:#dcd04c;}

.linking {
  width: 100%;
  color:#445c80;
  font-weight:bold;
  font-size:13px;
}


.randompictext
{
    display:block;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    /*background-color:#F1F1F1;*/
    font: 10px 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif,helvetica;
    /*font-style:italic;*/
    line-height:1.4;
    color:#444;
    text-align:left;
}


a.submenu {
  color:#dcd04c;
  font-weight:normal;
  font-size:12px;
  line-height:22px;
  text-align:left;
  font:arial;
  padding-left:5px;
  letter-spacing: 0.1px;
}

a.submenu:hover { color:#445c80; }


.header_home_link { font-weight:bold; }

.imgcaption {text-align:center; font:10px arial, 'Lucida Grande','Lucida Sans Unicode',,verdana,sans-serif,helvetica; text-transform:capitalize; color:#666}

#glossary img {border: 1px solid #ccc;
	display: block;
    	margin-left: auto;
    	margin-right: auto }