/*
Design by Blue Sharks
http://www.bluesharksbs.org/
*/
@font-face {
    font-family: calligrapherregular;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/calligrapherregular.ttf);
}
@font-face {
    font-family: calligrapherregularIE;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/calligrapherregular.eot);
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/page/body_bg.jpeg) repeat-x left top;
	/*background: #003366;  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

h1, h2, h3 {
	margin-top: 0;
	color: #0153B4;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

ul {
	/*list-style-image: url(../images/page/img07.gif); */
}

a {
	text-decoration: none;
	border-bottom: 1px dashed #CCCCCC;
	color: #0153B4;
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/* Header */
#tophead {
	width: 972px;
	height: 28px;
	margin: 0 auto;
	padding-top: 5px;
}

#tophead p {
	float: left;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#tophead img {
	border: none;
}

#tophead a {
	border: none;
}

#logo {
	width: 972px;
	height: 61px;
	margin: 0 auto;
	padding: 0;
}

#logo h1 {
	float: left;
	margin: 0;
	color: #FFFFFF;
}

#logo p {
	float: right;
	margin: 0;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 0px;
	padding-left: 5px;
	text-transform: uppercase;
	font-size: 3.5em;
    font-weight: bold;
   /* font-family: calligrapherregular, copper7, grunge, stylobold, gothirus, cigo, Antonella, CHOPIN, Verdana;*/
    font-family: calligrapherregularIE, calligrapherregular, Verdana;
}



#logo img{
	border: none;
	padding-left: 15px;
	padding-right: 5px;
}

#logo p {
	text-transform: uppercase;
	padding-top: 30px;
	padding-right: 10px;
	font-size: 1em;
	color: #FFFFFF;
	font-family: Verdana;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#gmenu {
	width: 972px;
	/*height: 52px; */
	margin: 0 auto;
	padding-top: 7px;
	/*background: url(../images/page/img02.png) no-repeat left top;   */
}

#menu ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin: 0 3px 0 10px;
	/*background: url(../images/page/img04.jpg) no-repeat left 50%;*/
	padding: 10px 15px 10px 15px;
	border: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #003366;
}

#menu a:hover {
	color: #0000FF;
}

#menu .current_page_item a {
	background: none;
	margin: 0 3px 0 0;
	padding: 10px 15px 10px 0px;
	color: #000000;
}

/* Banner */

#banner {
	margin: 0 auto;
	width: 968px;
	height: 310px;
	text-align: center;
	background: url(../images/page/banner.png) no-repeat center top;
}


#reflection img{
	height: 250px;
}
/* Wrapper */

#wrapper {
}



.page-title {
	text-align: center;
	font-family: calligrapherregularIE, calligrapherregular, Verdana;
	font-size: 2em;
	margin-bottom: 10px;
	/*background: #003366;
	color: #ffffff;    */
}
.page-subtitle {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.divhr{
	height: 7px;
}
/* Page */

#page {
	width: 992px;
	margin: 0 auto;
	padding: 30px 0;
	background: #FFFFFF;

}

#page-bg {
	padding: 11px 24px;
	background: url(../images/page/img03.jpg) no-repeat;
	/*background: #FFFFFF;*/
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px dashed #CCCCCC;
}

/* Content */

#content {
	float: left;
	width: 750px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.small_column{
	float: left;
	width: 530px;
}
.post {
/*	margin-bottom: 20px;
	padding-bottom: 15px;
	line-height: 200%; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 5px;
}

.post h1 {
	font-weight: normal;
	font-size: 30px;
}

.post h2 {
	font-size: 24px;
}

/*.post p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin-top: 5px;
} */

.title {
	margin: 0;
	padding-bottom: 6px;
	font-weight: normal;

}

.title a {
	border-bottom: none;
}

.title a:hover {
	border-bottom: 1px dashed #CCCCCC;
}

.byline {
	border-top: 1px dashed #CCCCCC;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.entry {
}

.links {
	font-size: 11px;
}

.links a {
	display: block;
	border: none;
	color: #333333;
}

.links a:hover {
}

.links .more {
	float: left;
	padding-left: 25px;
	padding-right: 15px;
	text-transform: uppercase;
}

.links .comments {
	float: left;
	padding-left: 20px;
	background: url(../images/page/img04.jpg) no-repeat left top;
}
/* Slidebars */

.slidebar1 {
	float: right;
	width: 200px;
	padding: 0 10px 0 0px;
}

.slidebar2 {
	float: right;
	width: 200px;
	padding: 0 10px 0 0px;
}

.slidebar1 ul, .slidebar2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.slidebar1 li, .slidebar2 li {
	margin-bottom: 10px;
	padding: 0 0 20px 0px;
	background: url(../images/page/img06.jpg) repeat-y left top;
	border-bottom: 1px solid #CCCCCC;
}

.slidebar1 li ul, .slidebar2 li ul {
}

.slidebar1 li li, .slidebar2 li li {
	margin: 0;
	padding: 5px 10px;
	border: none;
}

.slidebar1 li h2, .slidebar2 li h2 {
	height: 30px;
	margin: 0 0 10px 0;
	padding: 14px 0 5px 20px;
	background: url(../images/page/slidebarbg.png) no-repeat left top;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}

.slidebar1 p, .slidebar2 p {
	padding: 0 0px;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#searchform br {
	display: none;
}

#s {
	margin: 0;
	padding: 2px 2px;
	width: 120px;
	height: 18px;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 24px;
	border: none;
	background: #A49D3C;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
/* Calendar */

#calendar_wrap {
	padding: 0;
	text-align: center;
	font-size: 10px;
}

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */

#footer {
	background: url(../images/page/footer_bg.jpg) repeat-x left top;
/*	border-top: 1px solid #C8C8C8; */
	height: 100px;
}

#footer p {
	margin: 0;
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #000000;
}

#footer a {
	color: #000000;
}


/* MENU */

#gmenu {
	width: 972px;
	/*height: 52px; */
	margin: 0 auto;
	padding-top: 7px;
	/*background: url(../images/page/img02.png) no-repeat left top;   */
}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../images/menu/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	border: none;
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.active a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menu/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.active a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menu/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

.glossymenu a:active, .glossymenu a:focus {outline: 0;}

/* LOGIN */
#login-form {
	margin: 0;
}

#login-form fieldset{
	border: none;
}

#login-form label{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color: #000000;


}

#login-form .submit input{
	margin-left: 4.5em;
}



/* jQuery */
label, input {
	display:block;
}
input.text {
	margin-bottom:12px;
	width:95%;
	padding: .4em;
}
fieldset {
	padding:0;
	border:0;
	margin-top:25px;
}

h1 {
	font-size: 1.2em;
	margin: .6em 0;
}
div#users-contain {
	width: 350px;
	margin: 0px 0;
}

div#users-contain table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}

div#users-contain table td, div#users-contain table th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}

.ui-button {
	outline: 0;
	margin:0;
	padding: .4em 1em .5em;
	text-decoration:none!important;
	cursor:pointer;
	position: relative;
	text-align: center;
}

.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error {
	padding: .3em;
}

/* Loginform Menu */
#logform-menu {
    padding-bottom: 30px;
}
#logform-menu img {
	padding:0px 4px;
	cursor:pointer;
}
/*
#logform-menu div.jqDock {
	background-color:#cccccc;
	border:1px solid #000000;
} */
#logform-menu div.jqDockLabel {
	border:0px none;
	padding:0px 4px;
	font-weight:bold;
	font-size:9px;
	font-style:italic;
	white-space:nowrap;
	color:#000000;
	background-color:transparent;
}
#logform-menu div.jqDockLabelLink {
	cursor:pointer;
}
#logform-menu div.jqDockLabelImage {
	cursor:pointer;
}
#email-signup, #username-signup, #password-signup,
#email-login, #password-login,
#email-profile-new, #email-profile-confirm, #username-profile-new, #username-profile-confirm,
#realname-profile-new, #realname-profile-confirm, #password-profile-now, #password-profile-new, #password-profile-confirm,
#email-forget{
	color: #0000FF;
	width: 100%;
	margin-bottom: 20px;
}

#validateTips-signup, #validateTips-login, #validateTips-profile, #validateTips-forget{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	font-style:italic;
	padding-left: 1em;
	padding-right: 1em;
	color: #FFFFFF;
	background: #FF0000;
}


.overlay {
    background-color:#fff;
    display:none;
    width: 300px;
    padding:15px;
    text-align:left;
    border:2px solid #333;

    opacity:0.9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}
.overlay img{
	        border: none;
}
.overlay h3 {
    background:url(../images/global/info.png) 0 50% no-repeat;
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:1.2em;
}
.overlay .info-overlay {
    margin:0px;
    padding:10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
}

.overlay div.close {
    background-image:url(../images/overlay/close.png);
    position:absolute; right:-15px; top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}




#signup {
    /*background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);   */
   /* color:#000;*/
}

/* simple css-based tooltip */
div#tooltip, div#tooltipprofile, div#tooltipforget {
	background:transparent url(../images/tools/tooltip/white_arrow.png);
    display:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align: justify;
    height:70px;
    width:160px;
    padding:15px 30px 35px 20px;
    color:#000000;

}

/* override the arrow image of the tooltip */
div#tooltip.bottom, div#tooltipprofile.bottom, div#tooltipforget.bottom {
    background:url(../images/tools/tooltip/white_arrow_bottom.png);
    display:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    height:70px;
    width:160px;
    padding:35px 30px 15px 20px;
    color:#000000;
}

.clearfix {
	clear:left;
	padding-top:10px;
}

.right {
	float:right;
}

.error {
	border:1px solid red;
}


/* Ditto */

.ditto_paging {
     border-top: 1px solid #ccc;
     padding: 10px;
     font-size: 100%;
     color: black;
}

#ditto_pages{
     margin-bottom: 10px;
     font-family: Verdana, sans-serif;
     font-size: 100%;
     color: #000;

}

#ditto_pages .ditto_currentpage {
     border: 1px solid black;
     padding: 1px 5px 2px;
     margin-right: 1px;
     background-color: #000066;
     font-family: Verdana, sans-serif;
     font-size: 100%;
     color: #fff;
}

#ditto_pages .ditto_off {
     border: 1px solid #ccc;
     padding: 1px 5px 2px;
     margin-right: 1px;
     color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
     border: 1px solid #000066;
     padding: 1px 5px 2px;
     margin-right: 1px;
     text-decoration: none !important;
     color: black;
     font-family: Verdana, sans-serif;
     font-size: 100%;
}

#ditto_pages a:hover {
	background-color: #fff;
	color: blue;
	margin-bottom: 0px;
}



.home-news .title {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.home-news .date {
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.home-news .intro {
	font-family: Arial, sans-serif;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
/*
.columns li {
	float: left;
	height: auto;
	width: 21% !important;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid black;
	padding: 5px;
}

.columns li h4 {
	text-decoration: none;
	background: #000066;
	margin: -5px -5px 0 -5px;
	color: white;
	padding: 5px !important;
	font-size: 90%;
}

.columns li img {
	border: none;
}
*/

.user-info{
	text-align: left;
	color: #003366;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style:italic;

}
.user-name{
	text-align: center;
	color: #003366;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 15px;
}


.nojsh1{
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
}

.nojsp{
	text-align: center;
	margin-top: 40px;
}

.nojsp span{
	font-weight: bold;
}

.nojsli span{
	font-weight: bold;
}


/************************************************/
/************************************************/
/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:10px;
	border-bottom:1px solid #336699;
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	display:block;
	padding:3px 3px;
	text-decoration:none;
	border:1px solid #336699;
	border-bottom:0px;
	background-color:#fff;
	color:#336699;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#FFFFCC;
	color:#336699;
}

/* selected tab */
ul.css-tabs a.current {
	background-color:#FFFFCC;
	border-bottom:2px solid #000;
	color:#336699;
	font-weight: bold;
	cursor:default;
}


/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:1px 1px 1px 1px;
	/*min-height:2000px;*/
	/*padding:15px 20px;*/
	background-color:#eee;
}

#hoverNav a:link, #hoverNav a:active, #hoverNav a:hover, #hoverNav a:visited{
	border-bottom: none;



}

.tabsnews{
	width: 520 px;
    height: 270 px;
}

.tabsnews-right{
	margin-top: 7px;
}

.tabsnews-item{
	/*background-color: #FFFFFF url(../images/tabsnews/mask.png) repeat-x repeat-y left top;*/
	/*background-color:#eee;*/
	background-image:url('/images/tabsnews/003399.png');
	background-repeat:repeat-y repeat-x;
	margin-top: 150px;
	margin-left: 150px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.tabsnews-title{
	font-weight: bold;
	color: #ff9;
}

.tabsnews-intro{
	color: #fff;
}


/************************************************/
/************************************************/
/* root element for tabs  WC2010*/
ul.wc2010-tabs {
	margin:0 !important;
	padding:0;
	height:10px;
	border-bottom:1px solid #336699;
}

/* single tab */
ul.wc2010-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.wc2010-tabs a {
	float:left;
	display:block;
	padding:3px 3px;
	text-decoration:none;
	border:1px solid #336699;
	border-bottom:0px;
	background-color:#fff;
	color:#336699;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
}

ul.wc2010-tabs a:hover {
	background-color:#FFFFCC;
	color:#336699;
}

/* selected tab */
ul.wc2010-tabs a.current {
	background-color:#FFFFCC;
	border-bottom:2px solid #000;
	color:#336699;
	font-weight: bold;
	cursor:default;
}


/* tab pane */
div.wc2010-panes div {
	display:none;
	border:1px solid #666;
	border-width:1px 1px 1px 1px;
	/*min-height:2000px;*/
	/*padding:15px 20px;*/
	background-color:#eee;
}