@charset "utf-8";

/* -- generic styles ------------------------*/

div,h1,h2,h3,h4,h5,h6,p,address,ul,ol,li {

	margin: 0px;

	padding: 0px;

}

body  {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #bbb url(../_images/page_background.jpg);

	margin: 0;

	padding: 0;

	text-align: center;

}



#wrapper {

	width: 800px;

	background: #fff;

	margin: 0 auto;

	text-align: left;

	padding-bottom: 10px

} 

#wrapper #mainContent #image {

	text-align: center;

}



#wrapper a:link,

#wrapper a:visited {

	text-decoration: none;

	color: #B36B00;

}

#wrapper a:hover {

	color: #566440;

	border-bottom-width: 1px;

	border-bottom-style: groove;

	border-bottom-color: #566440;

}

/* ------- HEADER STYLES ----------*/

#header {

	padding: 0;

	height: 110px;

	margin: 0;

	position: relative;

}

#header #contactButton {

	position: absolute;

	left: 650px;

	top: 0px;

	background-image: url(../images/contact_icon.gif);

	z-index: 10;

}

#header #logouttButton {

	position: absolute;

	left: 650px;

	top: 0px;

	background-image: url(../images/Logoutbuttonblk.gif);

	z-index: 10;

}



#header #contactButton a:link, #header #contactButton a:visited{

	text-indent: -1000em;

	display: block;

	height: 29px;

	width: 86px;

	background-image: url(../images/contact_icon_dual.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#header #logouttButton a:link, #header #logoutButton a:visited {

	text-indent: -1000em;

	display: block;

	height: 29px;

	width: 86px;

	background-image: url(../images/Logoutbutton.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#header #contactButton a:hover, #header #contactButton a:active{

	background-position: left bottom;

	border: none;

}

#header #logouttButton a:hover, #header #logoutButton a:active {

	background-position: left bottom;

	border: none;

}







#header #mainNav {

	position: absolute;

	left: 254px;

	bottom: -2px;

	width: 502px;

}

#header #mainNav ul {

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

}

#header #mainNav li {

	float: left;

	margin: 0;

	padding:0;

	display: block;

}

#header #mainNav li a:link, #header #mainNav li a:visited {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #fff;

	text-decoration: none;

	padding: 0 15px 0 15px;

	margin-right: 10px;

	display: block;

	line-height: 25px;

	background: url(../images/nav_rollover.jpg) no-repeat left bottom;

}



#header #mainNav li a:hover {

	color: #FFF;

	border: none;

	background-image: url(../images/nav_rollover.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#header #mainNav ul li a.current {

	margin-top: -5px;

	height: 30px;

	color: #FFF;

	line-height: 25px;

	background-image: url(../images/nav_current.jpg);

	background-repeat: no-repeat;

}

#header #mainNav ul li a.current:hover {

	color: #FFF;

	cursor: default;

}

#wrapper #newsletter_sidebar a .current {

	background-image: url(../images/circle_select.jpg);

	background-repeat: repeat;

	background-position: center center;

	height: 80px;

	width: 125px;

	display: block;

	position: absolute;

	text-align: center;

	text-decoration: none;

}

#newsletter_sidebar a {

	height: 35px;

	width: 90px;

	display: block;

	position: relative;

	text-align: center;

	text-decoration: none;

	padding-top: 5px;

	padding-right: 10px;

}

#newsletter_sidebar a .current {

	background-repeat: no-repeat;

	display: inline-block;

	text-align: center;

	text-decoration: none;

	background-position: left top;

	background-image: url(../images/circle_select.jpg);

	height: 35px;

	width: 90px;

	position: relative;

	margin: 0px;

	padding-top: 5px;

	padding-right: 10px;

}









	

#header #banner {

	position: absolute;

	bottom: 0;

	left: 0;

}



#header h1 {

	text-indent: -3000em;

	margin: 0;

}

#header #flashAd {

	position: absolute;

	z-index: 15;

	height: 110px;

	width: 320px;

	left: 0px;

	top: 0px;

}



/* --------- MAIN CONTENT STYLES -------------*/

#mainContent {

	margin: 0;

	padding: 0;

	width: 480px;

	float: left;

} 

#mainContentSecure {

	margin: 0px;

	width: 750px;

	position: relative;

	padding-left: 20px;

	padding-right: 0px;

	



}

#contactaddress {

	float: left;

	width: 320px;

	clear: right;

}







#mainContent h1 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.3em;

	font-weight: bold;

	color: 00538D;

	margin: .6em 0 .4em 0;

	padding-left: 20px;

	text-align: center;

}

#addressmap {

	float: right;

	width: 350px;

	padding-right: 10px;

}



#mainContent p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.9em;

	line-height: 1.4em;

	color: #000;

	margin-bottom: 1.4em;

	margin-left: 20px;

}

#wrapper #mainContent table tr td img {

}

#mainContent p img{

	clear: both;

	position: relative;

}

#wrapper #mainContent table tr td {

	font-size: 0.9em;

	line-height: 1.4em;

	color: #000;

	font-family: Georgia, "Times New Roman", Times, serif;

}





#mainContent h4 {

	font-size: 1.1em;

	font-weight: bold;

	color: #666;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	margin-left: 20px;

	margin-bottom: -.2em;

}

#mainContent h4 special {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	color: #666;

	text-align: center;

}





#mainContent h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #3F66B1;

	margin-bottom: 0.4em;

	margin-left: 20px;

}

#mainContent h2.special {

	margin-bottom: 1em;

}



#mainContent h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #B36B00;

	margin-bottom: 0.4em;

	margin-left: 20px;

	text-align: center;

}

#mainContent ul {

	font-family: Georgia, "Times New Roman", Times, serif;

	margin-left: 40px;

	font-size: 0.9em;

	margin-bottom: 1.4em;

}

#mainContent li {

	margin-left: 15px;

	margin-bottom: .6em;

}

#mainContent dl {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.85em;

	margin-left: 30px;

	margin-top: 0px;

}

#mainContent dt {

	font-weight: bold;

	color: #666;

	padding-bottom: 3px;

	border-bottom: 1px dashed #666;

}

#mainContent dd {

	font-style: italic;

	margin-left: 0px;

	padding-left: 20px;

	margin-bottom: 1em;

	font-weight: normal;

	background: #F3F8A5;

	line-height: 1;

	padding-top: 2px;

	padding-bottom: 2px;

}



#mainContent p.video {

	text-align: center;

}





#mainContent img.special {

	display: block;

	float: left;

	margin-right: 10px;

}

#mainContent #journalEntry h1 {

	background: url(../_images/journal_icon.gif) no-repeat;

	line-height: 40px;

	margin-left: 15px;

	padding-left: 45px;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #BBA979;

	font-size: 1.4em;

	margin-bottom: 1em;

	margin-top: 1.4em;

}

#mainContent #journalEntry h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1em;

	font-weight: bold;

	color: #777;

	padding-bottom: 5px;

	border-bottom: 1px solid #aaa;

	margin-bottom: 0.5em;

}

#mainContent #journalEntry p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: .85em;

	text-align: left;

	line-height: 1.6em;

}

#mainContent #photoGroup {

	position: relative;

}



#mainContent #photoSet img {

	display: block;

	margin-left: 20px;

}

#mainContent #photoSet p.caption {

	font-size: 0.9em;

	font-style: italic;

	text-align: right;

	margin-right: 0.8em;

	padding-right: 10px;

}

#mainContent #photoSet #caption1, #mainContent #photoSet #caption2, #mainContent #photoSet #caption3, #mainContent #photoSet #caption4 {

	position: absolute;

	top: 355px;

!important

	top: 365px;

	right: 0;

	visibility: hidden;

	width: 400px;

	overflow: hidden;

}

#mainContent #photoSet #caption1 {

	visibility: visible;

}



/* - GEAR SUBNAV -*/

#mainContent ul#gearSubNav {

	width: 340px;

	float: left;

	margin: 10px 0 10px;

	list-style: none;

	padding-left: 60px;

}



#mainContent ul#gearSubNav li {

	float: left;

	margin: 0;

	padding: 0;

}



#mainContent ul#gearSubNav a {

		width: 70px;

		height: 20px;

		font-family: "Orator Std", Orator, Arial, Helvetica, sans-serif;

		font-size: .9em;

		text-align: center;

		padding-top: 100px;

		margin-right: 20px;

		border: none;

		display: block;	

}

#mainContent ul#gearSubNav a.last {

		margin-right: 0;

		

}

/*- GEAR SUBNAV ICONS -*/

#mainContent ul#gearSubNav a.boards {

	background: url(../_images/board_icon_up.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.swimwear {

	background: url(../_images/swim_icon_up.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.wetsuits {

	background: url(../_images/wetsuit_icon_up.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.etc {

	background: url(../_images/sandals_icon_up.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.boards:hover {

	background: url(../_images/board_icon_over.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.swimwear:hover {

	background: url(../_images/swim_icon_over.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.wetsuits:hover {

	background: url(../_images/wetsuit_icon_over.jpg) no-repeat center top;

}

#mainContent ul#gearSubNav a.etc:hover {

	background: url(../_images/sandals_icon_over.jpg) no-repeat center top;

}

/* -GEAR SUBNAV CURRENT STYLES -*/

#mainContent ul#gearSubNav li.current a.boards {

	background: url(../_images/board_icon_over.jpg) no-repeat center top;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.swimwear {

	background: url(../_images/swim_icon_over.jpg) no-repeat center top;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.wetsuits {

	background: url(../_images/wetsuit_icon_over.jpg) no-repeat center top;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.etc {

	background: url(../_images/sandals_icon_over.jpg) no-repeat center top;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.boards:hover {

	cursor: default;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.swimwear:hover {

	cursor: default;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.wetsuits:hover {

	cursor: default;

	color: #666;

}

#mainContent ul#gearSubNav li.current a.etc:hover {

	cursor: default;

	color: #666;

}



#mainContent #gearItem {

	float: left;

	width: 35%;

	margin: 30px 0;

}

#mainContent #gearItem img {

	display: block;

	margin: 0 auto 10px auto;

}

#mainContent #gearItem p {

	text-align: right;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	margin-bottom: .6em;

}

#mainContent #gearItem p a {

	font-size: 1.2em;

}







#mainContent #gearDesc {

	float: right;

	width: 65%;

	margin: 30px 0;

}

#mainContent #gearDesc h1 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.4em;

	color: #426F26;

	font-style: italic;

	line-height: .7;

}



#mainContent #gearDesc h3 {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	color: #C47500;

	border-bottom: 1px solid #354F42;

	padding-bottom: 0.2em;

}

#mainContent #gearDesc p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	line-height: 1.4;

	margin-bottom: .8em;

}

#mainContent #gearDesc span.price {

	font-weight: bold;

	color: #365043;

	text-align: right;

	display: block;

	font-size: 1.2em;

}

/* -LIFESTYLE SUBNAV STYLES -*/

#mainContent ul#lifestyleSubNav {

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	margin-bottom: 20px;

	width: 450px;

}

#mainContent ul#lifestyleSubNav li {

	margin: 0;

	padding: 0;

	float: left;

}

#mainContent ul#lifestyleSubNav a {

		color: #666;

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

		font-size: 1em;

		padding: 0 20px;

		border-bottom: none;

		border-right: 1px solid #666;

}

#mainContent ul#lifestyleSubNav a.last {

	border: none;

}

#mainContent ul#lifestyleSubNav a.current {

	color: #B36B00;

}

#mainContent ul#lifestyleSubNav a.current:hover {

	color: #B36B00;

	cursor: default;

}

#mainContent ul#lifestyleSubNav a:hover {

		color: #B36B00;

}

#mainContent form {

	margin-left: 20px;

}

#mainContent #frmRegister fieldset {

	margin-bottom: 20px;

	background: #B9C5C5;

	border-right: 1px solid #729E91;

	border-bottom: 1px solid #729E91;

	border-top-style: none;

	border-left-style: none;

	padding: 20px 0;

}

#mainContent #frmRegister legend {

	background: #B9C5C5;

	margin-top: -5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	padding: 5px 10px;

	text-transform: uppercase;

	letter-spacing: 0.1em;

}

#mainContent #frmRegister input.text {

	width: 200px;

}

#mainContent #frmRegister input.text:focus , #mainContent #frmRegister textarea:focus{

	background: #EDDAB1;

	border: 1px solid #9D6124;

}





#mainContent #frmRegister p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	color: #444;

}

/* ---------- SINGLE COLUMN LAYOUT ---------*/

#mainContentSingle {

	margin: 0;

	padding: 0;

	clear: both;

} 

#mainContentSingle h1 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.6em;

	font-weight: bold;

	color: #1B9D95;

	margin: .6em 0 .4em 0;

	padding-left: 20px;

}

#mainContentSingle p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 0.9em;

	line-height: 1.4em;

	color: #000;

	margin-bottom: 1.4em;

	margin-left: 20px;

}

#mainContentSingle span.subhead {

	font-size: 1.2em;

	font-weight: bold;

	color: #666;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}



#mainContentSingle h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #3C3809;

	margin-bottom: 0.4em;

	margin-left: 20px;

}

#mainContentSingle h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #324E40;

	margin-bottom: 0.4em;

	margin-left: 20px;

}

table#boardCompare {

	width: 85%;

	margin: 0 auto 30px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	border-collapse: collapse;

}

table#boardCompare td {

	line-height: 20px;

	border: 1px solid #fff;

	padding-left: 10px;

}

table#boardCompare th {

	color: #FFF;

	font-size: 1em;

	font-weight: normal;

	text-align: left;

	padding-left: 10px;

	line-height: 30px;

	background: #41637b;

	border-bottom: 1px solid #fff;

}

table#boardCompare thead {

	background: url(../_images/header_background.jpg) no-repeat right top;

	height: 30px;

}

table#boardCompare thead th {

	background: none;

}

table#boardCompare caption {

	font-size: 1.2em;

	font-weight: bold;

	color: #1B9D95;

	padding-bottom: 10px;

	margin: 0 auto;

}

#boardLength,

#boardThick,

#boardSkill {

	background: #F5D3A5;

}

#boardWidth,

#boardWave {

	background: #BDD5DD;

}



table#boardCompare tr:hover {

	color: #FFF; 

	background: #707E89;

}



table#boardCompare thead tr:hover {

	background: transparent;

}

table#boardCompare thead th.name {

	text-indent:-1000em;

}















/* ----------- SIDEBAR STYLES ------------------*/

#sidebar {

	float: right;

	width: 265px;

	border-left: solid #aaa 1px;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

}



#sidebar_secure {

	float: right;

	width: 265px;

	padding-top: 100px;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

}

#newsletter_sidebar {

	float: left;

	width: 200px;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 25px;

}

#newsletter_content {

	float: right;

	width: 500px;

}





#twitter {

	float: right;

	padding-right: 5px;

	padding-left: 5px;

}



#sidebar p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	line-height: 1.2em;

	color: #666;

	padding: 0 10px;

	margin-bottom: 1.4em;

}

#nav_links {

	height: 20px;

	padding-top: 2px;

	float: none;

	clear: both;

}





#sidebar h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #3F66B1;

	text-align: left;

	margin-bottom: 0.4em;

	padding: 0 10px;

}

#sidebar h3.gear {

	font-family: "Orator Std", Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	color: #425251;

	text-align: center;

	border-bottom: 1px solid #425251;

	margin: 0 10px 20px 10px;

}

#sidebar h4.gear {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #455552;

	text-align: center;

	font-size: 1.4em;

}

#sidebar p.gear {

	font-family: "Orator Std", Arial, Helvetica, sans-serif;

	font-size: .9em;

	color: #000;

	text-align: center;

	padding-bottom: 30px;

	background: url(../_images/bamboo_boarder.jpg) no-repeat center bottom;

}

#sidebar p.caption {

	font-style: italic;

	text-align: center;

}





#sidebar img {

	display: block;

	margin: 0 auto 1em auto;

}

#sidebar a img , #sidebar a.gear:hover, #sidebar a.gallery:hover{

	border: none;

}

#sidebar img.gallery {

	padding: 5px 5px 10px 5px;

	border: 1px solid #aaa;

	cursor: pointer;

}

#sidebar ol {

	font-family: Arial, Helvetica, sans-serif;

	font-size: .8em;

	color: #666;

	margin-left: 30px;

}

#sidebar ol li {

	margin-bottom: 0.6em;

	margin-left: 20px;

}







/* ---------- FOOTER STYLES ------------*/

#footer {

	padding: 0 10px 0 20px;

	background:#bbb;

	clear: both;

	border-bottom: 2px solid #aaa;

} 

#footer p {

	margin: 0;

	padding: 10px 0;

	color: #fff;

	font-size: 0.75em;

	text-align: center;

}

#wrapper #mainContent #breadcrumb {

	color: 00538D;

	text-align: left;

	display: inline;

}

.breadcrumb {

	font-size: 0.7em;

	font-style: italic;

	color: 00538D;

}

.formerrortext {

	font-size: 0.7em;

	font-style: italic;

	color: #990000;

}





#footer a {

	color: #039C6A;

}



#sidebar p.videoCaption{

	font-size: 0.8em;

	font-weight: bold;

	color: #333;

	text-align: center;

	margin: -15px 0 0 0;

}



.fltrt {

	float: right;

	margin-left: 10px;

}

.fltlft {

	float: left;

	margin-right: 10px;

}

.clearfloat { 

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.clearLeft {

	clear: left;

}

.clearRight {

	clear: right;

}

.holder {

}#mainContent #gearDesc p.special {

	font-size: 1.1em;

	font-weight: bold;

	color: #F00;

}

#header #secureNav {

	position: absolute;

	left: 249px;

	bottom: -2px;

	width: 523px;

}

#header #secureNav ul {

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

	width: 100%;

}

#header #secureNav li {

	float: left;

	margin: 0;

	padding:0;

	display: block;

}

#header #secureNav li a:link, #header #mainNav li a:visited {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #fff;

	text-decoration: none;

	margin-right: 5px;

	display: block;

	line-height: 25px;

	background: url(../images/nav_rollover.jpg) no-repeat left bottom;

	padding-top: 0;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

}

#header #secureNav li a:hover {

	color: #FFF;

	border: none;

	background-image: url(../images/nav_rollover.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#header #secureNav ul li a.current {

	margin-top: -5px;

	height: 30px;

	color: #FFF;

	line-height: 25px;

	background-image: url(../images/nav_current.jpg);

	background-repeat: no-repeat;

}

#header #secureNav ul li a.current:hover {

	color: #FFF;

	cursor: default;

}

#mainContentSecure h1 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 2em;

	font-weight: bold;

	color: #3F66B1;

	padding-left: 0px;

	text-align: left;

	margin-top: 0.6em;

	margin-right: 0;

	margin-bottom: 0.4em;

	margin-left: 0;

	text-decoration: underline;

}

#wrapper #mainContentSecure table {

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.yeartable {

	padding-left: 20px;

}

.newsletteryear {

	padding-left: 20px;

}





#mainContentSecure h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1em;

	color: #3F66B1;

	margin-bottom: 0.4em;

	margin-left: 20px;

	text-align: center;

}

#mainContentSecure h6 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 0.7em;

	color: #3F66B1;

	margin-bottom: 0.4em;

	text-align: center;

}

#mainContent2 {

	margin: 0;

	padding: 0;

	width: 770px;

	float: left;

}

#newsletter {

	margin: 0;

	padding: 0;

	width: 770px;

	float: left;

}

#newsletter h1 {

	text-align: center;

}





#mainContent2 h1 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 1.3em;

	font-weight: bold;

	color: #3F66B1;

	margin: .6em 0 .4em 0;

	padding-left: 20px;

	text-align: center;

}

#mainContent2 p {

	font-size: 0.9em;

	line-height: 1.4em;

	margin-bottom: 1.4em;

	margin-left: 20px;

}

#scheduletableproductionamount {

	font-size: 9px;

}

.shadow {

	-moz-box-shadow: 3px 3px 4px #000;

	-webkit-box-shadow: 3px 3px 4px #000;

	box-shadow: 3px 3px 4px #000;

	/* For IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";





	/* For IE 5.5 - 7 */

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

}

.shadow_large {

	-moz-box-shadow: 5px 5px 7px #000;

	-webkit-box-shadow: 5px 5px 7px #000;

	box-shadow: 5px 5px 7px #000;

	/* For IE 8 */

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";













	/* For IE 5.5 - 7 */

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}



.dropdown-background {

	#current{background:red;}

	#none{background:green;}

	#o3{background:#FFEA76;}



}

#currentnewsletter {

	width: 550px;

	float: right;

	color: #000;

}

#newsletter #title {

	float: right;

	width: 550px;

	height: 60px;

	margin-top: 20px;

}



#currentnewsletter p {

	margin: 0px;

}



#year {

	float: left;

	width: 200px;

	color: #000;

	margin-top: 60px;

	padding-left: 10px;

}

#currentnewsletter  #displaytag{

	float: left;

	height: 110px;

	width: 140px;

	background-color: #00538D;

	font-size: 40px;

	font-style: normal;

	border-top-left-radius: 20px 20px;

	border-bottom-left-radius: 20px 20px;

	border-top-right-radius: 20px 20px;

	border-bottom-right-radius: 20px 20px;

	margin-top: 10px;



}

#currentcover {

	float: right;

	width: 350px;

	height: 350px;

	left: 30px;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#currentnewsletter #services {

	clear: both;

}



#currentcover img {

	text-align: center;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	right: 30px;

}



#displaytag p {

	font-size: 40px;

	font-style: italic;

	font-weight: bold;

	color: #FFF;

	text-align: center;

	margin: 0px;

}

.main_publication {

	float: left;

	clear: none;

	width: 750px;

}

.publication_Info {

	float: left;

	width: 400px;

}

.publication_cover {

	float: left;

	height: 200px;

	width: 175px;

	clear: none;

	

}

#wrapper #mainContentSecure #tabs #tabs-1 h6 a {

	text-align: left;

	left: 30px;

}

.tabs2columnleft {

	width: 330px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0px;

	float:left

	

}



.tabs2columnright {

	width: 330px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0;

	float:right

		

}

.publication_time {

	float: Left;

	height: 200px;

	width: 175px;

}

.widget {

	float: left;

	clear: left;

}

.login_button {

	position: absolute;

	top: 35px;

	left: 53px;

	height: 40px;

	width: 120px;

	border:2px solid #000000;

	background-color: #33FF00;

	border-radius: 40px;

	padding-top: 7px;

	display:table;

	vertical-align: central;

	text-align: center;



}

.logout_button {

	position: absolute;

	top: 35px;

	left: 53px;

	height: 40px;

	width: 120px;

	border:2px solid #000000;

	background-color: #FF0000;

	border-radius: 40px;

	padding-top: 7px;

	display:table;

	vertical-align: central;

	text-align: center;

}



#donutchart,

#chart {

  width: 500px;

  height: 500px;

  font-family: Arial;

}



#donutchart {

    position: relative;

}



#labelOverlay {

    width: 90px;

    height: 45px;

    position: absolute;

    top: 233px;

    left: 205px;

    text-align: center;

    cursor: default;

}



#labelOverlay p {

  line-height: 0.3;

  padding:0;

  margin: 8px;

}



#labelOverlay p.used-size {

  line-height: 0.5;

  font-size: 20pt;

  color: #8e8e8e;

}



#labelOverlay p.total-size {

  line-height: 0.5;

  font-size: 12pt;

  color: #cdcdcd;

}