/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }
/* COLOR OF TEXT AND BACKGROUND IMAGE OF ALL PAGES */

BODY {
background-color:#86a7bc;
background-image:url(images/tile2.jpg);
background-repeat:repeat;
color:#001122; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}


/* STANDARD PAGE ELEMENTS: LINKS, HEADINGS, LISTS, AND SPECIAL TEXT STYLES */

A:link, A:visited {color:#001021; text-decoration:underline; font-weight:500;}
A:hover, A:visited:hover {color:#0082cc;}

h1, .title {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#C0B3AE; font-size:22px; vertical-align:bottom; margin:0px; padding-bottom:6px; text-align:left;}
h2 {font-size:17px; font-weight:bold; margin-top:8px; margin-bottom:5px; color:#7A9AA7}
h3 {margin:0px; font-size:11px; text-transform:uppercase; font-style:italic; letter-spacing:.1em; color:#7A9AA7;}
h4 {margin:3px; font-size:11px; font-variant:small-caps; font-weight:normal;}

LI {margin-bottom:6px; margin-top:4px;}

.quote {color:#7A9AA7; font-size:17px; font-style:italic; letter-spacing:.05em;}
.speaker {text-align:right; color:#7A9AA7; margin-top:0px; margin-bottom:45px;}


/* MIDLLE SECTION POSITIONING, SIZING, BACKGROUNDS, MENU STYLES */

#all, .all{width:800px}
#all {height:600px; border:1px solid #1c3b52;}

#main {width:800px;height:400px; background-color:#e8f7ff; vertical-align:top;}
#menu-main {width:620px;}
#menu {padding-top:20px;text-align:right; vertical-align:top; font-family:Arial, Helvetica, sans-serif; padding-right:5px; padding-left:15px;font-size:17px;}
.menu-item {width:110px; vertical-align:top; margin-bottom:30px;}

#menu A, #menu A:visited {text-transform:lowercase; text-decoration:none; color:#7294A0; font-weight:normal;}
#menu A:hover, #menu A:visited:hover {text-transform:lowercase; text-decoration:none; color:#106DD6; font-weight:normal;}
#menu A.currentpage , #menu A.currentpage:visited, #menu A.currentpage:hover, #menu A.currentpage:visited:hover {text-transform:uppercase; font-weight:normal;color:#001122; font-weight:bold}

#maintext {width:451px; vertical-align:top; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; text-align:left;}


/* TOP ELEMENTS */

#gradient {background-image:url(images/gradient.gif); background-repeat:repeat-x; width:800px; height:17px;}
.top {background-color:#F9FDFE;}
#top_ {position:relative;top:0px;width:800px;height:124px;}
.contentTopHeader, .topP {margin-top:0px;}
#photo-contact {float:right; margin-right:5px; position:relative; top:-112px; font-size:10px; font-weight:bold; color:#3481AD; line-height:150%; text-align:left;}
#photo-contact A, #photo-contact A:visited {color:#0c699e;}
#portrait {border:3px solid #3481AD;}


/* BOTTOM ELEMENTS */

#bottom {width:800px;height:76px; background-image:url(images/beach.gif); background-repeat:repeat-x; text-align:center; font-size:10px; vertical-align:bottom; color:#9e8072; padding-bottom:2px; background-color:#c1b5af;}
#footer-image {float:right; position:relative; top:-135px;}