
/* ================================================================ 

The original version of the menu portion of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body {
background : #363636;
font : 76% Verdana, Tahoma, Arial, sans-serif;
margin : 30px 0 30px 0;
padding : 0;
}
#wrap_1 {
background : url(img/ocean_3.jpg);
color : #ffffff;
margin : 0 auto;
padding : 0;
width : 780px;
}
#wrap_2 {
background : #121212;
color : #ffffff;
margin : 0 auto;
padding : 0;
width : 780px;
height : 36px;
}
#wrap_2 p {
font-size : 0.8em;
}
#wrap_3 {
background : #121212;
color : #a0a0a0;
margin : 0 auto;
border-left: 1px solid;
border-right: 1px solid;
border-color: #363636;
padding : 0;
width : 780px;
}
#header {
background : url(img/l3_2.png) no-repeat top right;
color : #ffffff;
margin : 0 15px 0 15px;
height : 190px;
}
#header_2 {
background :  url(img/l3_1.png) no-repeat top right;
color : #ececec;
margin : 0 0 0 15px;
height : 245px;
}
#header_2 h2 {
font-family : myriad web pro;
font-size : 2em;
font-weight : 500;
letter-spacing : -1px;
margin : 0 0 4px 5px;
padding : 1px 0 0 0;
}
#header_2 h3 {
font-family : myriad web pro;
font-size : 2em;
font-weight : 500;
letter-spacing : -1px;
margin : 0 0 4px 20px;
padding : 1px 0 0 0;
}
#header_2 h4 {
font-family : myriad web pro;
font-size : 2em;
font-weight : 500;
letter-spacing : -1px;
margin : 0 0 4px 52px;
padding : 1px 0 0 0;
}
#header_2 h5 {
font-family : myriad web pro;
font-size : 2em;
font-weight : 500;
letter-spacing : -1px;
margin : 0 0 4px 127px;
padding : 1px 0 0 0;
}
#header h2 {
font-family : trajan pro;
font-size : 1.6em;
font-weight : 600;
letter-spacing : 0;
margin : 0 0 4px 1px;
padding : 30px 0 0 190px;
}
#header h3 {
font-family : myriad web pro;
font-size : 1.4em;
font-weight : 400;
letter-spacing : 0;
margin : 0 0 4px 1px;
padding : 2px 0 0 190px;
}
#header h1 a, #header h1 a:hover {
font-weight : 400;
padding : 0;
}
#menu {
height : 35px;
width : 780px;
background : url(img/black_0.gif);
position : relative;
font-family : arial, verdana, sans-serif;
font-size : 11px;
z-index : 500;
}
#menu .select {
margin : 0;
padding : 0;
list-style : none;
white-space : nowrap;
}
#menu li {
float : left;
background : url(img/black_1.gif);
}
#menu li.lrt {
float : right;
background : url(img/black_1.gif);
}
#menu .select a {
display : block;
height : 35px;
float : left;
background : url(img/black_0.gif);
padding : 0 0 0 15px;
text-decoration : none;
line-height : 33px;
white-space : nowrap;
color : #fff;
}
#menu .select li.lrt a {
color : #fff;
}
#menu .select a b {
display : block;
padding : 0 30px 0 15px;
background : url(img/black_0.gif) right top;
}
#menu .select li.line a b {
background : url(img/black_0a.gif) right top;
}
#menu .select a:hover, #menu .select li:hover a {
background : url(img/black_1.gif);
padding : 0 0 0 15px;
cursor : pointer;
color : #fff;
}
#menu .select li.lrt a:hover, #menu .select li.lrt:hover a {
background : url(img/black_1.gif);
}
#menu .select a:hover b, #menu .select li:hover a b {
display : block;
padding : 0 30px 0 15px;
background : url(img/black_1.gif) right top;
cursor : pointer;
}
#menu .select li.line a:hover b, #menu .select li.line:hover a b {
background : url(img/black_1a.gif) right top;
}
#menu .select li.lrt a:hover b, .pro_linedrop .select li.lrt:hover a b {
background : url(img/black_1.gif) right top;
}
#menu .select li.lrt a:hover b.arrow, #menu .select li.lrt:hover a b.arrow {
background : url(img/black_1a.gif) right top;
}
#menu .sub {
display : none;
}
#menu ul ul {
display : none;
}
#menu table {
border-collapse : collapse;
margin : -1px;
font-size : 1em;
width : 0;
height : 0;
}
#menu .sub {
margin : 0;
padding : 0;
list-style : none;
}
#menu .sub li {
background : transparent;
}
#menu .select :hover .sub {
height : 25px;
display : block;
position : absolute;
float : left;
width : 779px;
top : 35px;
left : 0;
text-align : center;
background : #fff url(img/fade.gif);
border : 1px solid #4055a1;
}
#menu .select :hover .rt li {
float : right;
}
#menu .select :hover .sub li a {
display : block;
height : 25px;
line-height : 22px;
float : left;
background : transparent url(line/transparent.gif);
padding : 0 16px;
margin : 0;
white-space : nowrap;
color : #333;
font-size : 10px;
}
#menu .select :hover .sub li.subline a {
color : #c00;
}
#menu .select :hover .sub li a:hover, #menu .select :hover .sub li:hover {
color : #4055a1;
line-height : 20px;
position : relative;
background : #fff url(img/fade.gif) left bottom;
}
#leftside {
clear : left;
float : left;
border-right : 1px solid;
border-color : #ff0000;
line-height : 1.3em;
margin : 0 0 0 5px;
padding : 0 0 0 8px;
width : 150px;
}
#rightside {
float : right;
background : #121212;
border-left: 1px solid;
border-color: #363636;
color : #fff;
line-height : 1.4em;
margin : 0 0 0 7px;
padding : 0 8px 0 0;
width : 200px;
}
#rightside_2 {
float : right;
background : #252525;
color : #fff;
line-height : 1.4em;
margin : 0 0 0 7px;
padding : 0 8px 0 0;
width : 200px;
}
#leftside p, #leftside ul {
font-size : 1.1em;
line-height : 1.4em;
margin : 0 5px 0 0;
}
#rightside_2 p, #rightside_2 ul {
font-family : verdana;
font-size : 1.1em;
color : #a0a0a0;
line-height : 1.4em;
margin : 0 0 0 10px;
padding : 0 0 0 5px;
}
#rightside_2 h2 {
color : #c98300;
font-size : 1.3em;
margin : 0 0 8px;
padding : 0;
}
#rightside_2 h3 {
color : #c98300;
font-size : 1.1em;
margin : 0 0 8px;
padding : 0;
}
#rightside ul {
font-family : verdana;
font-size : 1.1em;
color : #a0a0a0;
line-height : 1.4em;
margin : 0 0 0 20px;
padding : 0 0 0 30px;
}
#rightside p, #rightside ul {
font-family : verdana;
font-size : 1.1em;
color : #a0a0a0;
line-height : 1.4em;
margin : 0 0 0 20px;
padding : 0 0 0 5px;
}
#leftside_1 {
clear : left;
float : left;
border-right : 1px solid;
border-color : #ff0000;
line-height : 1.3em;
margin : 0 0 0 5px;
padding : 0 0 0 8px;
width : 150px;
}
#rightside_1 {
float : right;
border-left : 1px solid;
border-color : #ff0000;
line-height : 1.3em;
margin : 0 0 0 0;
padding : 0 8px 0 0;
width : 150px;
}
#leftside_1 p, #leftside_1 ul {
font-size : 1.1em;
line-height : 1.5em;
margin : 0 5px 0 0;
}
#rightside_1 p {
font-size : 1.1em;
line-height : 1.5em;
margin : 0 0 0 5px;
padding : 0 0 0 5px;
}
#rightside_1 ul {
font-size : 1.3em;
margin : 0 0 0 5px;
}
#leftside_1 li {
line-height : 1.2em;
list-style : none;
margin : 0 0 6px;
padding : 0;
}
#rightside_1 li {
float : left;
line-height : 1.2em;
list-style : none;
margin : 0 10px 0 0;
padding : 0;
}
#leftside li {
line-height : 1.2em;
list-style : none;
margin : 0 0 6px;
padding : 0;
}
#rightside ul li {
float : left;
line-height : 1.2em;
list-style : none;
margin : 0 10px 0 0;
padding : 0;
}
#leftside ul ul {
margin : 6px 0 0 10px;
padding : 0;
}
#leftside ul ul li {
margin : 0 0 4px;
}
#leftside ul ul li a, #rightside ul ul li a {
font-weight : 400;
}
#leftside h2, #rightside h2 {
color : #c98300;
font-size : 1.3em;
margin : 0 0 8px;
padding : 0;
}
#leftside h3, #rightside h3 {
color : #4055a1;
font-family : verdana;
font-weight : 200;
font-size : 1.1em;
margin : 0 0 8px;
padding : 0;
}
#rightside a, #leftside a {
background : inherit;
color : #C98300;
text-decoration : underline;
font-weight : 400;
}
#rightside a:hover {
color : #4055a1;
text-decoration : underline;
}
#content {
line-height : 1.5em;
margin : 0 10px 0 10px;
padding : 20px 0 10px 0;
text-align : left;
}
#content p {
font-size : 0.8em;
}
#contentwide {
line-height : 1.5em;
margin : 0 10px 5px 5px;
padding : 0 10px 0 5px;
text-align : left;
}
#contentwide p {
font-family : verdana, arial;
font-size : 1.1em;
padding : 0 0 0 7px;
}
#content h1, #contentwide h1 {
font-family : trajan pro;
font-size : 2.5em;
font-weight : 550;
color : #000000;
}
#content h2 {
font-family : trajan pro;
letter-spacing : 1px;
color : #000000;
font-size : 1.5em;
padding : 0;
}
#content h3 {
font-family : trajan pro;
letter-spacing : 1px;
color : #000000;
font-size : 1.2em;
padding : 0;
}
#contentwide h2 {
font-family: verdana;
font-size : 1.8em;
font-weight : 400;
color : #c98300;
letter-spacing : -1px;
margin : 8px 0 0 6px;
padding : 0;
}
#contentwide h3 {
font-size : 1.5em;
font-weight : 400;
color : #c98300;
letter-spacing : -1px;
margin : 8px 0 0 6px;
padding : 0;
}
#content h4, #contentwide h4 {
font-size : 1.3em;
font-weight : 400;
color : #c98300;
letter-spacing : -1px;
margin : 8px 0 0 6px;
padding : 0;
}
#content h5, #contentwide h5 {

font-size : 1.2em;
font-weight : 600;
color : #4055A1;
margin : 6px 0;
padding : 0;
}
#content img, #contentwide img {
background : #ccc;
border : 0 solid #f0f0f0;
color : #303030;
display : inline;
padding : 0;
margin : 0 10px 10px 0;
}
#content ul, #content ol {
margin : 0 0 16px 1px;
padding : 0;
}
#contentwide ul, #contentwide ol {
margin : 0 0 0 12px;
}
#content ul ul, #content ol ol, #contentwide ul ul, #contentwide ol ol {
margin : 2px 0 2px 5px;
}
#content li, #contentwide li {
margin : 0 0 2px 5px;
padding : 0;
}
#contentwide a {
background : inherit;
color : #4055a1;
font-size : 1em;
text-decoration : underline;
font-weight : 400;
}
#footer {
clear : both;
color : #a0a0a0;
font-size : 0.9em;
margin : 0 auto;
text-align : center;
width : 500px;
}
#footer p {
margin : 0;
padding : 0;
}
#footer a {
background : inherit;
font-family : verdana;
font-size : 1.3em;
color : #c98300;
font-weight : 400;
text-decoration : underline;
}
#footer a:hover {
text-decoration : underline;
}
a {
background : inherit;
color : #fff;
text-decoration : none;
font-weight : 400;
}
a:hover {
background : inherit;
color : #286ea0;
text-decoration : underline;
}
a img {
border : 0;
}
p {
margin : 0 0 16px;
}
.special {
font-size : 0.8em;
line-height : 1.2em;
margin : 0 5px 0 0;
}
.left {
float : left;
}
.left_logo {
float : left;
height : 225px;
width : 202px;
border : none;
}
.right_logo {
float : right;
border : none;
padding : 30px 0 0 0;
}
.left_dwg {
float : left;
border-right : 0;
padding : 0 0 20px 10px;
}
.right {
float : right;
border : none;
}
.center {
display : block;
text-align : center;
margin : 0 auto;
}
.textright {
margin : -10px 0 4px;
text-align : right;
}
.center {
text-align : center;
}
.small {
font-size : 0.8em;
}
.large {
font-size : 1.3em;
}
.left {
float : left;
margin : 10px 10px 5px 0;
}
.bio {
list-style : none;
font-family : verdana;
font-size : 1.1em;
}
.profile {
list-style : none;
float : left;
font-family : verdana;
}
