@import "/common/include/css/global.css";

/* *************************************************************************
	Styles for showing Microsites
   ************************************************************************* */

#msContent {
	padding: 10px;
}

#msContent h1 { padding: 0 0 15px 0; }

#msContent p { padding: 0 0 10px 0; }

#msContent ul {
	margin: 2px 0 10px 0;
}
#msContent li {
	list-style-type: disc;
	padding: 0 0 0 0;
	margin: 3px 0 3px 30px;	
}

/* *************************************************************************
	Header classes
   ************************************************************************* */

#header {
	height: 125px;
	height: 145px;
/*	background: transparent url('../../images/hdrBg.png') repeat-x top left;	*/
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header #header_left {
	width: 250px;
	height: 98px;
	float: left;
/*	background: transparent url('../../images/hdrLeft.png') no-repeat top left;	*/
}

#header #header_mid {
	padding: 12px 0 0 20px;
	float: left;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
}

#header #header_right {
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #b36d10;
	width: 425px;
	height: 98px;
	float: right;
/*	background: transparent url('../../images/hdrRight.png') no-repeat top left;	*/
	text-align: right;
}

#header #mainmenu {
	height: 27px;
}

#header #menupath {
	padding: 5px 0 0 5px;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #555;
	float:left;
}
#header #menupath a {
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #15428b;
	text-decoration: none;
}
#header #menupath a:hover { text-decoration: underline; }

#header #loginStatus {
	padding: 5px 0 0 5px;
	font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #555;
	float:right;
}

#header #loginStatus a {
	color: #15428b;
	text-decoration: none;
}
#header #loginStatus a:hover { text-decoration: underline; }

/* *************************************************************************
	Filearchive classes
   ************************************************************************* */

.archiveInfo, .itemInfo {
	font: normal 11px tahoma,arial,sans-serif;
	color: #555;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px dashed #dadada;
}

.archiveInfo h1, .itemInfo h1 {
	font: normal 14px verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	color: #15428b;
	padding: 3px 0 5px 0;
}

.archiveInfo a, .itemInfo a {
	float: left;
}

.archiveInfo .archiveDesc, .itemInfo .itemDesc {
	width: 150px;
	float: right;
}
  
/* *************************************************************************
	Bulletin classes                  
   ************************************************************************* */

#newsList { padding: 0; }

.newsToolbar {
	float: left;
	display: none;
	overflow: hidden;
}

	.newsToolbar div {
		float: left;
		color:#15428B;
		text-decoration:none;
		margin: 10px 10px 0 0;
	}

		.newsToolbar div a {
			color:#15428B;
			text-decoration:none;
		}
		
		.newsToolbar div a:hover {
			text-decoration:underline;
		}

.newsItem.draft {
	background-color: #eee;
	border-bottom: 1px dashed #15428b;
}

.newsItem {
	font: normal 12px tahoma,arial,sans-serif;
	color: #555;
	line-height: 1.5em;
	border-bottom: 1px dashed #dadada;
	padding: 0 10px;
}

.newsItem .LocationName 
{
    width: 100px;
    margin: 2px 0 0 0;
    background: url('/common/images/silk/map.png') no-repeat 0% 50%;
    padding: 2px 0 0 21px;
    clear: both;
    float: left;
}

.newsItem .wCharge 
{
    background: url('/common/images/silk/user.png') no-repeat 0% 50%;
    padding: 2px 0 0 21px;
    float: right;
    clear: both;
}

.newsItem h1 {
	color: #15428b;
	font-size:16px;
	font-weight: normal;
	padding: 10px 0 5px 0;
}

.newsInfo {
	font-size:11px;
	padding: 0 0 10px 0;
	color: #555;
}
.newsInfo .newsDate {
	background: transparent url('../../common/images/silk/calendar_view_day.png') no-repeat 0 2px;
	float: left;
	padding-left: 20px;
}
.newsInfo .newsWriter {
	background: transparent url('../../common/images/silk/user_edit.png') no-repeat 0 2px;
	float: right;
	padding-left: 20px;
}
.newsCont p {
	padding-bottom: 10px;
}

.newsMoreInfo {
	padding: 10px;
	float: right;
}
.newsMoreInfo a {
	text-decoration: none;
	color: #15428b;
}
.newsMoreInfo a:hover { text-decoration: underline; }

/* *************************************************************************
	Boat classes
   ************************************************************************* */

.boatTripItem {
	font: normal 12px tahoma,arial,sans-serif;
	color: #555;
	line-height: 1.5em;
	border-bottom: 1px dashed #dadada;
	padding: 10px 10px;
}
.boatTripItem .alert { color: red; }

.boatTripItem h1 {
	color: #15428b;
	font-size:14px;
	font-weight: normal;
}

.boatTripItem .date {
	font-size: 11px;
	color: #555;
	padding: 0 0 0 0;
}

.boatTripItem .details {
	padding: 5px 0 0 0;
}


/* *************************************************************************
	Misc. classes
   ************************************************************************* */

.contentBox {
   	font: normal 12px tahoma,arial,sans-serif;
	color: #555;
	line-height: 1.5em;
}

.contentBox h1 {
	color: #15428b;
	font-size:18px;
	font-weight: normal;
	padding: 5px 0 10px 0;
}

.contentBox .contentWrapper {
	padding: 10px;
	border-bottom: 1px dashed #dadada;
}

.contentBox a {
	color: #15428b;
}

/* *************************************************************************
	people classes
   ************************************************************************* */

.contentBox li {
	list-style-type: disc;
	list-style-position: inside;
	margin: 3px 0 3px 20px;	
	padding-left: 1em;
	text-indent: -1em;
}

.contentBox .basic h1 {
	font-size: 20px;
}
.contentBox .basic h2 {
	color: #15428b;
	font-size:14px;
	font-weight: normal;
	padding: 0 0 10px 0;
}

.contentBox .basic img {
	float: right;
}

.contentBox .contact .item {
	padding: 0 0 5px 0;
}

   
/* *************************************************************************
	SubMenu styling                   
   ************************************************************************* */

.submenuItem {
	font: normal 11px tahoma,arial,sans-serif;
	color: #555;
	border-bottom: 1px dashed #dadada;
}
.submenuItem:hover { 
	background-color: #bbb; 
	color: #fff; 
}
.submenuName {
	padding: 3px 10px;
	float: left;
	width: 155px;
}
.submenuHasSub {
	float: right;
	background-color: red;
	width: 30px;
	padding: 3px 0;
	background: transparent url(../../common/include/lib/ExtJS3/resources/images/default/menu/menu-parent.gif) no-repeat right 5px;

}
.submenuName:hover, .submenuHasSub:hover {
	cursor: pointer;
}

/* *************************************************************************
	Misc. custom Ext JS classes
   ************************************************************************* */

.id_peopleFavListGrid .x-grid3-hd-row { display:none; }

.x-border-layout-ct { background-color: #fff; }   							// Main screen background color

.ext-strict .x-grid3-cell-inner a { color: #15428b; }
.ext-strict .x-grid3-cell-inner a:hover { color: #000; }

.x-grid3-grey-row  .x-grid3-cell-inner { color: #aaa; }
.x-grid3-grey-row  .x-grid3-cell-inner a { color: #aaa; }

.x-grid3-row-body a {
	text-decoration: none;
	color: #15428b;
}
.x-grid3-row-body a:hover { text-decoration: underline; }

/* *************************************************************************
	Misc. classes
   ************************************************************************* */
.clear { clear: both; font-size: 0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }