@charset "utf-8";
/* CSS Document */

/*********************** GLOBAL STYLES ******************************/
*{
	margin:0;
	padding:0;
}
body{
	background:url(../images/bg.jpg) repeat-x #ebf4f9;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#wrapper{
	width:1000px;
	height:auto;
	margin:0 auto;
}
/*********************** end of GLOBAL STYLES ***********************/



/*********************** HOME STYLES ********************************/
.header-date-login-container{
	width:1000px;
	height:32px;
	float:left;
}
.header-date{
	width:auto;
	height:32px;
	float:left;
	line-height:32px;
	color:#FBFBFB;
}
.header-login{
	width:auto;
	height:32px;
	float:right;
}
.header-login-ends{
	width:13px;
	height:32px;
	float:left;
}
.header-login-tile{
	width:auto;
	height:27px;
	float:left;
	background:#3596d7;
	padding-top:5px;
}
.textfield-login {
	width:140px;
	height:15px;
	overflow:hidden;
	background:url(../images/textbox_login.jpg) top no-repeat;
	border:none;
	outline:none;
	padding:2px 8px 0px 8px;
	font-size:11px;
	letter-spacing:1px;
	color:#687583;
}
.button-login {
	width:46px;
	height:17px;
	background:url(../images/button_login.jpg) no-repeat;
	border:none;
	outline:none;
	cursor:pointer;
	font-size:11px;
	text-align:center;
	color:#49a9ea;
	line-height:17px;
	padding-bottom:2px;
}
.header{
	width:1000px;
	height:260px;
	float:left;
	overflow:hidden;
}
.header-left{
	width:730px;
	height:260px;
	float:left;
}
.logo{
	width:730px;
	height:171px;
	float:left;
	padding:39px 0 0 0;
}
.nav{
	width:730px;
	height:50px;
	float:left;
}
.nav-left{
	width:20px;
	height:50px;
	float:left;
	background:url(../images/nav_left.jpg) no-repeat;
}
.navigation{
	width:710px;
	height:50px;
	float:left;
	background:url(../images/nav_bg.jpg) repeat-x;
}
.navigation ul{
	
}
.navigation ul li{
	list-style:none;
	width:auto;
	height:50px;
	float:left;
	line-height:50px;
	font-size:14px;
	margin-right:1px;
}
/** following code adapted 02.02.2010 by Pons **/
.navigation ul li a{
width:auto;
height:50px;
float:left;
color:#2f86c0;
text-decoration:none;
padding:0 21px;
}
/** above code adapted 02.02.2010 by Pons **/
.navigation-selected{
	width:auto;
	height:50px;
	float:left;
	color:#0e5889 !important;
	text-decoration:none;
	padding:0 22px;
	background:url(../images/nav_hover.jpg) repeat-x;
}
.navigation ul li a:hover{
	background:url(../images/nav_hover.jpg) repeat-x;
	color:#0e5889;
}
.header-right{
	width:270px;
	height:260px;
	float:left;
	background:url(../images/red_sailboat.jpg) no-repeat;
}
.content-wrapper{
	width:986px;
	height:auto;
	float:left;
	padding:7px;
	margin-top:1px;
	background:url(../images/content_bg.jpg) repeat-x #f8fcfe;
	overflow:hidden;
}
.banner{
	width:926px;
	height:269px;
	float:left;
	background:url(../images/banner_bg.jpg) repeat-x;
	padding:0 30px;
	overflow:hidden;
}
.banner-left{
	width:270px;
	height:269px;
	float:left;
}
.banner-mid{
	width:250px;
	height:259px;
	float:left;
	padding-top:10px;
}
.banner-right{
	width:370px;
	height:269px;
	float:left;
	padding-left:30px;
}
.banner-right a{
	color:#ee1c25;
	padding:0 0 0 23px;
}
.banner-right a:hover{
	color:#3A8FDE;
}
.welcomemessage{
	color:#777777;
	line-height:18px;
	padding:10px 0 0 23px;
}
h1{
	font-size:16px;
	color:#3a8fde;
	text-transform:uppercase;
	width:auto;
	height:34px;
	background:url(../images/banner_sail_icon.jpg) no-repeat;
	padding:12px 0 0 35px;
	margin-top:45px;
}
.list01{
	padding:10px 0 0 23px;
	float:left;
}
.list01 li{
	list-style:none;
	font-size:15px;
	color:#0e5889;
	padding-bottom:10px;
	font-weight:bold;
	
}
.list01 li a{
	color:#0e5889;
	text-decoration:none;
	padding-left:24px;
	background:url(../images/banner_arrow_icon.jpg) no-repeat 0 5px;
}
.list01 li a:hover{
	color:#1375b6;
	background:url(../images/banner_arrow_icon_hover.jpg) no-repeat 0 5px;
}
.content-plane{
	width:986px;
	height:auto;
	float:left;
}
.left-col{
	width:288px;
	height:auto;
	float:left;
}
.wide-col{
	width:674px;
	height:auto;
	float:left;
	padding:20px 0 0 24px;
}
.forum{
	width:265px;
	height:106px;
	float:left;
	padding:36px 0 0 23px;
}
.news-wrapper{
	width:288px;
	height:auto;
	float:left;
}
.news-header{
	width:288px;
	height:27px;
	float:left;
}
.news-header-left{
	width:5px;
	height:27px;
	float:left;
	background:url(../images/news_left.jpg) no-repeat;
}
.news-header-tile{
	width:276px;
	height:27px;
	float:left;
	background:url(../images/news_tile.jpg) repeat-x;
	line-height:27px;
	color:#1575ce;
	text-transform:uppercase;
	font-size:14px;
	padding-left:7px;
	font-weight:bold;
}
.news{
	width:278px;
	height:auto;
	float:left;
	margin-top:15px;
	color:#787979;
	padding-left:10px;
}
.news li{
	list-style:none;
	line-height:18px;
	background:url(../images/bullet_news.jpg) no-repeat 0 6px;
	padding:0 0 15px 13px;
}
.add-left{
	width:315px;
	height:120px;
	background:#fff;
	border:1px solid #c5d6e8;
	float:left;
	margin:0 23px 23px 0;
	padding:4px;
}
.add-right{
	width:315px;
	height:120px;
	background:#fff;
	border:1px solid #c5d6e8;
	float:left;
	padding:4px;
	margin:0 0 23px 0;
}
.add-image{
	width:131px;
	height:120px;
	float:left;
}
.add-desc{
	width:164px;
	height:120px;
	float:left;
	overflow:hidden;
	padding:0 8px 0 12px;
}
.add-head{
	width:164px;
	height:20px;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#346a8e;
	background:url(../images/add_head_border.jpg) bottom repeat-x;
}
.add-rate{
	font-weight:bold;
	color:#346a8e;
	padding-top:8px;
	width:100%;
	float:left;
	height:20px;
}
.add-note{
	width:100%;
	height:45px;
	float:left;
	color:#2f86c0;
}
.add-button{
	width:100px;
	height:23px;
	float:left;
}
.add-button a{
	width:100px;
	height:23px;
	float:left;
	line-height:23px;
	text-align:center;
	background:url(../images/add_button.jpg) no-repeat;
	color:#FBFBFB;;
	text-decoration:none;
}
.add-button a:hover{
	background:url(../images/add_button_hover.jpg) no-repeat;
}
.add-button-inactive{
	width:100px;
	height:23px;
	float:left;
	line-height:25px;
	text-align:center;
	background:url(../images/add_button_inactive.jpg) no-repeat;
	color:#8c8b8b;
	text-decoration:none;
	text-transform:uppercase;
	cursor:default;
}
.album-add{
	width:325px;
	height:131px;
	float:left;
	margin:0 0 23px 0;
	
}

.footer{
	width:1000px;
	height:60px;
	float:left;
	background:url(../images/footer_bg.jpg) no-repeat;
}
.footer-left{
	width:auto;
	height:60px;
	float:left;
	padding-left:20px;
	font-size:11px;
}
.footer-left ul{
	
}
.footer-left ul li{
	list-style:none;
	display:inline;
	color:#1875b7;
	padding:0 5px;
	line-height:40px;
	
}
.footer-left ul li a{
	color:#1875b7;
	text-decoration:none;
}
.footer-left ul li a:hover{
	color:#0a558a;
	text-decoration:underline;
}
.footer-right{
	width:auto;
	height:60px;
	float:right;
	font-size:11px;
	color:#1875b7;
	padding-right:25px;
	line-height:40px;
}

/*********************** end of HOME STYLES *************************/

/*********************** CONTENT STYLES *****************************/
.leftmenu{
	float:left;
	width:288px;
	height:auto;
}
.leftmenu li{
	width:288px;
	min-height:40px;
	height:auto;
	float:left;
	list-style:none;
	background:url(../images/leftmenu_head_bg.jpg) no-repeat;
	line-height:40px;
	color:#1375b6;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1px;
	cursor:default;
}
.leftmenu li a{
	padding-left:50px;
	text-decoration:none;
	color:#1375b6;
}
.leftmenu li:hover{
	background:url(../images/leftmenu_head_bg_hover.jpg) no-repeat;
}
.leftmenu li ul{
	float:left;
	width:288px;
	height:auto;
	padding:0;
	margin:0;
	/*display:none;*/
}
/*.leftmenu li:hover ul{
	display:block;
}*/
.leftmenu li ul li{
	width:288px;
	height:35px;
	min-height:35px;
	float:left;
}
.leftmenu li ul li a{
	width:228px;
	height:35px;
	float:left;
	line-height:35px;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	background:url(../images/left_submenu_bg.jpg) no-repeat 40px 13px #72abd0;
	padding-left:60px;
}
.leftmenu li ul li a:hover{
	background:url(../images/left_submenu_bg_hover.jpg) no-repeat 40px 13px #416c8c;
}
.mid-col{
	width:487px;
	height:auto;
	float:left;
	padding:0 12px 0 12px;
}
.breadcrump{
	height:40px;
	width:487px;
	line-height:35px;
	color:#1375b6;
}
.breadcrump a{
	color:#ee1c25;
	text-decoration:none;
}
.mid-col-head{
	width:477px;
	height:36px;
	float:left;
	background:url(../images/midcol_head_left.jpg) no-repeat #d2e2f2;
	color:#1375b6;
	line-height:36px;
	font-size:18px;
	padding-left:10px;
	cursor:default;
}
.mid-col-content{
	width:473px;
	height:auto;
	float:left;
	color:#777777;
	line-height:18px;
	padding:17px 0 0 10px;
}
.mid-col-content ul{
	width:480px;
	height:auto;
	margin:0px;
	overflow:hidden;
	padding-left:20px;
	list-style:none;
}
.mid-col-content ul li{
    width:465px;
	height:auto;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
	padding-bottom:5px;
	padding-left:16px;
	text-align:left;
	background:url(../images/arrow1.png) 0px 7px no-repeat;
}

.right-col{
	width:186px;
	height:auto;
	float:left;
	padding:40px 0 0 0;
}
.right-col-head{
	width:176px;
	height:36px;
	float:left;
	background:url(../images/rightcol_head_left.jpg) no-repeat #a4cbf1;
	color:#FFF;
	font-size:16px;
	line-height:36px;
	padding-left:10px;
	font-weight:bold;
	cursor:default;
}
.right-col-content{
	width:176px;
	height:auto;
	float:left;
	padding:17px 0 0 10px;
	line-height:18px;
	color:#1375b6;
}
.right-col-content a{
	color:#ee1c25;
}



/*    TABLE- DESIGN 01           */
.table01{
	border:solid 1px #c1cfde;
}
.table01 .bold td{
	background:#dfe9f5;
	color:#0a4587;
	font-weight:bold;
}
.table01 td{
	background:#e6f0fb;
	padding:8px 15px;
	color:#3a72b0;
}
.table01 .desc{
	font-weight:bold;
	text-transform:capitalize;
	background:#dfe9f5;
	color:#0a4587;
}
/*   end of TABLE- DESIGN 01     */





/*    TABLE- DESIGN 02           */
.table02{
	border:solid 1px #d6e6f8;
}
.table02 .bold td{
	background:#e8f2fe;
	color:#4788d3;
	font-weight:bold;
}
.table02 td{
	background:#e7ecf3;
	padding:8px 15px;
	color:#6f8196;
}
.table02 .desc{
	font-weight:bold;
	text-transform:capitalize;
	background:#e8f2fe;
	color:#4788d3;
}
/*   end of TABLE- DESIGN 02     */




/*    TABLE- DESIGN 02           */
.table03{
	border:solid 1px #a3b7ce;
}
.table03 .bold td{
	background:#d2e6fe;
	color:#07121d;
	font-weight:bold;
}
.table03 td{
	background:#e6f1ff;
	padding:8px 15px;
	color:#094282;
}
.table03 .desc{
	font-weight:bold;
	text-transform:capitalize;
	background:#d2e6fe;
	color:#07121d;
}
/*   end of TABLE- DESIGN 02     */
/*********************** end of CONTENT STYLES **********************/

/* ###################################################### 
--- For CMS Styles --- 
#################################################*/
.contentnavigationitem{
color:#07131F;
}
.contentnavigationitem a{
color:#094282;
text-decoration:none;
}
.contentnavigationitem a:hover{
color:#094282;
text-decoration:underline;
}
/* Line added so that contact form fields are alined properly*/
.contactcell
{
	width: 100px;
	padding-top: 4px;
}