﻿
body {
	margin: 0;
	padding: 0;
	background-color:  #FFFFFF; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	
}

h1 {
	font-size: 230%;
	color: #3170B9;
}

h2 {
	font-size: 207%;
	color: #3170B9;
	
}

h3 {
	font-size: 140%;
	font-weight: bold;
	color: #FF6441;
}

h4 {
	font-size: 180%;
	color: #FFFFFF;
	margin: 2px 6px;
	font-weight: normal;
}

h5 {
	font-size: 100%;
	color: #FFFFFF;
	margin: 2px 6px;
	font-weight: bold;
	text-align: center;
}

strong
{
	color: #4B4B4B;
}

p, ol, ul {
	line-height: 180%;
}

p {
}

ol {
}

ul {
}

a {
	color: #0099ff;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}


/* Top menu (links above main part */

.topmenu 
{
	width: 800px; 
	height: 15px;
	
	margin: 5px auto;
}

.topmenu ul {
	
	margin: 0px; /* line must be here for firefox compatibility */
	list-style: none;
	line-height: normal;
	float: right;
}

.topmenu li {
	display: inline;
}

.topmenu a 
{
	color: #494994;
	padding: 0px 5px;
	border-left: 1px solid #494994;
	text-decoration: none;
	font-size: 76%;
}

.topmenu a:hover {
	text-decoration: underline;
}

.topmenu .first a {
	border: none;
}

/* Header */
/* Contains Logo and Main Menu */

#header 
{
	width: 800px; 
	height: 33px;
	margin: 0px auto;
	background:#E6E6E6 url(images/navbar/dolphin_bg.gif) repeat-x bottom left;
	border-bottom: solid 8px #143D55;
}

/* Logo */
#logo 
{
	height: 33px;
	float: left;
}

#logo h1
{
	font-size: 190%;
	font-weight: bold;
	color:#fff;
	padding:2px 0 0 10px;
	
}

#logo a {
	text-decoration: none;
}

/* Navbar */
/* ---------------------- Dolphin nav ---------------------- */
#navbar{float:right;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#E6E6E6 url(images/navbar/dolphin_bg.gif) repeat-x bottom left;}
#navbar ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#navbar ul li{display:block;float:left;margin:0 1px;}
#navbar ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#navbar ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#navbar ul li a:hover{color:#fff;background:transparent url(images/navbar/dolphin_bg-OVER.gif) repeat-x bottom left;}
#navbar ul li a:hover span{display:block;width:auto;cursor:pointer;}
#navbar ul li a.current,#navbar ul li a.current:hover{color:#fff;background:#1D6893 url(images/navbar/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#navbar ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/navbar/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */


/* submenu*/

#submenu
{
	width: 800px;
	height : 22px;
	margin: 0px auto;
	background-color : #143D55;
	float: center;
	clear: both;
}

#submenu table
{
	width: 800px;
	
}

#submenu h4
{
	float: left;
	color: #fff;
	font-size: 95%;
	height: 28px;
	margin: 0px;
	vertical-align : middle ;
}

#submenu h4 a
{
	color: #fff;
	text-decoration: none;
}

.submenu 
{
	height: 28px;
	float: right;
	clear: both;
}

.submenu ul {
	
	margin: 0px; /* line must be here for firefox compatibility */
	list-style: none;
	line-height: normal;
}

.submenu li {
	display: inline;
}

.submenu a 
{
	color: #fff;
	padding: 0px 5px;
	border-left: 1px solid #fff;
	text-decoration: none;
	font-size: 80%;
}

.submenu a.current 
{
	font-size: 95%;
	text-decoration: underline;
}

.submenu a:hover {
	text-decoration: underline;
}

.submenu .first a {
	border: none;
}

/* Main Page DIV */
#bodymain {
	width: 780px;
	
	}
	
/* Page */
#page {
	width: 780px;
	margin: 0 auto;
	padding: 5px 10px;
	background-color: White;
	border-bottom: solid 22px #143D55;
	float:center;
	clear:both;
	overflow:hidden;
	
	}

/* For Left Right Template */

		/* Content (left based) */

		.titleLeft { 
			padding-top: 3px;
			width:780px;
			float: left;
			margin: 0 auto;
		}

		#contentLeft
		{
			width: 780px;
			margin: 0px auto;
		}

		.textLeft {
			padding: 20px;
			background: url(images/img10.gif) no-repeat;
			float  : left;
			width: 450px;
			padding-left: 15px;
			margin: 0 auto;
			
		}


		.textLeft ul {
			margin-left: 0;
			padding-left: 0;
			list-style: none;
		}

		.textLeft ul li {
			padding-left: 5px;
			list-style-type : circle ;
			
			/*background: url(images/img08.gif) no-repeat 0 8px;*/
		}

		.textLeft ol {
			margin-left: 0;
			padding-left: 0;
			list-style: inside;
		}

		#contentLeft img
		{
			margin-top: 80px;
			float: left;
			width: 280px;
			margin: 0 auto;
		}

		#contentLeftBlockquote
		{
			margin-top: 15px;
			margin-left : -10px;
			float: right;
			width: 280px;
			
		}

		#contentLeftBlockquote blockquote 
		{
			width: 230px;
			padding-left: 5px;
			border-left: 5px solid  #494994;
			/*border-left: 10px solid #E6E6E6;*/
			font-style: italic;
			color: #4b4b4b;
		}
		#contentLeftBlockquote strong
		{
			padding-left: 30px; 
			text-align :center ;
		}

		#contentLeftBlockquote h3 
		{
			padding-left: 30px;
			margin-top: -15px;
			text-align : center;
			float: right;
		}

		#contentLeftBlockquote blockquote * {
			line-height: normal;
		}


		/* Content (right based) */

		.titleRight { 
			padding-top: 3px;
			width: 780px;
			float: right;
			margin: 0px auto;
		}

		#contentRight
		{
			width: 780px;
			margin: 0px auto;
		}

		.textRight {
			padding: 20px;
			background: url(images/img10.gif) no-repeat;
			float  : right;
			width: 450px;
			padding-left: 15px;
		}


		.textRight ul {
			margin-left: 0;
			padding-left: 0;
			list-style: none;
		}

		.textRight ul li {
			padding-left: 5px;
			list-style-type : circle ;
			
			/*background: url(images/img08.gif) no-repeat 0 8px;*/
		}

		.textRight ol {
			margin-left: 0;
			padding-left: 0;
			list-style: inside;
		}

		#contentRight img
		{
			margin-top: 80px;
			float: left;
			width: 280px;
			
			
		}

		#contentRightBlockquote
		{
			margin-top: 40px;
			margin-left : -10px;
			float: left;
			width: 280px;
			
		}

		#contentRightBlockquote blockquote 
		{
			width: 230px;
			padding-left: 5px;
			border-left: 5px solid  #494994;
			/*border-left: 10px solid #E6E6E6;*/
			font-style: italic;
			color: #4b4b4b;
		}
		#contentRightBlockquote strong
		{
			padding-left: 30px; 
			text-align :center ;
		}

		#contentRightBlockquote h3 
		{
			padding-left: 30px;
			margin-top: -15px;
			text-align : center;
			float: right;
		}

		#contentRightBlockquote blockquote * {
			line-height: normal;
		}

/* end of Left Right Template */

/* full page templates */
	    .title { 
			padding-top: 3px;
			width:780px;
			float: left;
			margin: 0 auto;
		}

		.text {
			padding: 20px;
			background: url(images/img10.gif) no-repeat;
			float  : left;
			width: 780px;
			padding-left: 15px;
			margin: 0 auto;
			
		}

/* end of full page templates */

/* ASK GET DO Template */

		.titleASD {
			
			
			float  : left;
			width: 600px;
			padding-left: 15px;
			color: #4B4B4B;
		}
			
	
		.askGetDo
		{
			margin-top: 0px;
			width: 800px;
		}
		
		.ask { text-align: center ; }
		
		.ask h1	{font-size:300%;}
		
		.ask p	{}
		
		.get {text-align: center ; }
		
		.get h1	{ color: #FF6441; font-size:300%; }
		.get p	{ }
		
		.do	{text-align: center ;	 vertical-align :top ; }
		
		.do img	{vertical-align :middle ;  margin-top: 20px;}
		.do h1	{  margin-top: 10px; font-size:300%;}
		.do p	{  margin-top: 10px; }

/* end of ASK GET DO TEMPLATER */

/* Footer */

#footerSiteMap
{
	width: 800px;
	background:#b4b4be;
	margin: 0px auto;
	float:center;
	clear:both;
	overflow:hidden;
	
}

#logos
{
	padding: 5px 0px;
	width: 151px;
	background:#b4b4be;
	margin: 0px auto;
	float: left;
}

#sitemaps
{
	width: 100%;
	background:#ffffff;
	margin: 0px auto;
	float: center;
}

#footer {
	width: 800px;
	height: 29px;
	background:#E6E6E6 url(images/navbar/dolphin_bg.gif) repeat-x bottom left;
	margin: 0px auto;
	float: center;
	clear: both;
}

#footer p 
{
	padding-top : 0px;
	font-size: 80%;
	margin: 0;
	line-height: normal;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer h1 
{
	color: #fff;
	text-align :center;
	font-size : 150%;
}

#legal 
{
	text-align: center ;
}

#links {
	float: right;
	padding: 10px 0 0 0; 
}

#footer2 {
	width: 800px;
	height: 29px;
	background:#E6E6E6 url(images/navbar/dolphin_bg.gif) repeat-x bottom left;
	margin: 0px auto;
}

#footer2 p 
{
	padding-top : 0px;
	font-size: 80%;
	margin: 0;
	line-height: normal;
	color: #fff;
}

#footer2 a {
	color: #fff;
}

#footer2 h1 
{
	color: #fff;
	text-align :center;
	font-size : 150%;
}

#legal2 
{
	text-align: center ;
}

#links2 {
	float: right;
	padding: 10px 0 0 0; 
}



/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
