/********************************************************************
* Author:   Andrew Connick
* Date:     09/08/06
********************************************************************/

/* Page style ******************************************************/

* { 
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	color: #505050;
}

body { 
	font-size: 70%; 
/*	background-color: #E8E8F8;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-y;
	background-position: 50% 0; */
	background-image: url("images/bg2.png");
}

/* Page layout 	****************************************************/

#wrapper { 
	width: 1000px; 
	margin: 0 auto 10px auto;
	padding: 0 10px 40px 10px;
	background-color: white;
	background-image: url("images/wrapperbg.jpg");
	background-repeat: no-repeat;
	background-position: 190px 150px;
}

#header {
	height: 120px;
	position: relative;
	background-color: #C0C0D0;
}

#topNav {
	background-color: #404070;
	height: 27px;
	position: relative; /* for positioning search form */
	padding-top: 2px;
}

#sideNav {
	float: left;
	padding-left: 20px;
	width: 180px;
/*	font-size: 90%; set in javascript */
}

#content {
	float: right;
	width: 760px;
	min-height: 400px;
	padding-right: 20px;
}

#footer {
	clear: both;
	height: 25px;
	font-size: 85%;
	background-color: #404070;
	margin-top: 10px;
}

#leftContent {
	clear: both;
	float: left;
	width: 63%;
}

#rightContent {
	float: right;
	width: 35%;
}

#popup {
	background-color: white;
	background-image: none;
	padding: 20px;
}

#footerToolbar {
	position: fixed;
	bottom: 0;
	height: 25px;
	width: 996px;
	background-color: #F0F0F0;
	border-top: 5px solid #B0B0B0;
	border-right: 2px solid #B0B0B0;
	border-left: 2px solid #B0B0B0;
	margin-top: 10px; 			/* for IE6 */
}

/* Element Styles **************************************************/

h1, h2, h3, .noSpace {
	font-weight: normal;
	font-size: 100%;
}

a { text-decoration: none; color: #3030F0; /* was 0000FF */ }
a:hover { text-decoration: underline; }

img { border-width: 0; }

input, textarea, option, select { font-size: 95%; }

input[type='radio'] { margin-left: 5px;  } 

textarea { width: 600px; } /* prevent overflow on large text size */

table { font-size: 100%; } /* fix IE quirks mode (Google cache) */

td { padding: 2px 2px 2px 0; }
th { padding: 2px 2px 2px 0; }

form td { padding-left: 5px; }

/* General styles **************************************************/

.left { float: left; }
.right { float: right; }
.right2 { text-align: right; }
.clear { clear: both; }
.bold {	font-weight: bold; }
.altColour { background-color: #CCFFFF; }       /* alternating list background */

.padTop5 { padding-top: 5px; }
.padTop25 { padding-top: 25px; }
.padTopLeft10 { padding-top: 10px; padding-left: 10px; }
.padTop10Left30 { padding-top: 10px; padding-left: 30px; }
.padLeft10 { padding-left: 10px; }
.padLeft20 { padding-left: 20px; }
.padLeft100 { padding-left: 100px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad18 { padding: 18px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.padRight40 { padding-right: 40px; }
.padRight20 { padding-right: 20px; }
.padV15 { padding-top: 15px; padding-bottom: 15px; }
.hidden { display: none; }
.pointer { cursor: pointer; }
/* .printOnly { display: none } */

.para {	padding-top: 10px; }

.right3 { 
	float: right;
	margin: 10px;
}

.right4 { 
	float: right;
	margin-top: 10px; 
	margin-right: 10px; 
}

.right5 { 
	float: right;
	margin-top: 10px; 
}

/* Header styles ***************************************************/

#header .logo {
	position: absolute;
	top: 10px;
	left: 10px;	
}

#header h1 {
	position: absolute;
	top: 20px;
	left: 120px;
	font-size: 35px;
	font-weight: bold;
	font-style: italic;
	color: blue;
	width: 350px;   /* IE7 fix */
}

#header h2 {
	position: absolute;
	top: 60px;
	left: 120px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: orange;
	width: 350px;   /* IE7 fix */
}

#pfPic1, #pfPic2 { height: 120px; }

#textSizeBg {
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 170px;
	background-image: url("images/textsizebg.gif");
	background-repeat: no-repeat;
}

#textSize {
	position: absolute;
	top: 7px;
	right: 10px;
/*	border: solid 1px #256097; */
	padding: 4px;
	color: white;
}	

#textSize a {
 	color: white;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
}

/* Top menu style **************************************************/

.menuItem, .menuItem2, .menuItem3 {
	float: left;
	padding-top: 5px;
 	color: white;
	background-color: #404070;
	text-align: center;
	height: 20px;
}

.menuItem, .ddMenu { width: 110px; }

.menuItem2 { padding: 5px 10px 0 10px; }

.menuItem3 {
	float: right;
	padding: 5px 20px 0 10px;
}

.menuItem:hover, .menuItem2:hover, .menuItem3:hover {
	text-decoration: none;
	background-color: #000033;
}

.ddHead {
	float: left;
	position: relative;
}

.ddMenu {
	display: none;
	position: absolute;
	padding-top: 27px;	/* fix ie quirks mode */
	top: 0;
	left: 0;
}

.sep, .sep2 { 
	float: left;
	margin-top: 6px;
	border-left: 1px solid white;
}

.sep2 { float: right; }

#searchTerm { 
	position: absolute;
	border: none;
	height: 16px;
	width: 150px;
	top: 6px;
	right: 24px;
	padding-top: 2px;
}

#searchButton {
	position: absolute;
	top: 6px;
	right: 6px;
}

/* Side menu style *************************************************/

.sideBox, .sideBoxPic {
	border-left: solid 1px #909090;
	border-right: solid 1px #909090;
	width: 170px;
}

.sideBox { 
/*	background-image: url("images/bluebox.jpg"); */
	background-color: #C8D0E6;
	padding: 5px 0 0 5px;
}

.sideBoxPic { padding: 10px 0 0 5px; }

.redBoxTop { background-image: url("images/redboxtop.jpg"); background-repeat: no-repeat; }
.greenBoxTop { background-image: url("images/greenboxtop.jpg"); background-repeat: no-repeat; }
.purpleBoxTop { background-image: url("images/purpleboxtop.jpg"); background-repeat: no-repeat; }

#sideNav .boxBottom { 
	background-image: url("images/boxbottom.jpg");
	background-repeat: no-repeat;
	height: 15px;
}

#sideNav .boxBottom2 { 
	background-image: url("images/boxbottom2.jpg");
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 5px;
}

#sideNav .boxTitle { 
	font-size: 110%;
	text-align: center;
	padding: 5px 0 5px 0;
	margin-right: 30px;
	color: white;
	font-weight: bold;
}

#sideNav a { color: #505050; }
#sideNav .boxTitle a { color: white; }

#latest { margin-top: 10px; }

#sideLogin { margin-top: 10px; }
#sideLogin p { margin-top: 5px; }

#mySide { margin-top: 10px; }
#mySide p { padding: 3px; }

#mySide .button { padding: 10px 0 10px 0; }

#bestPic { margin-top: 10px; }

#sideLogo { padding: 10px 0 10px 30px; }

#sideVote { margin-top: 10px; }
#sideVote p { 
	margin: 10px 0 0 10px;
	line-height: 1.7em;
}

#sideAdv1 { margin-top: 10px; }
#sideAdv2 { margin: 10px; }

/* Content styles **************************************************/

#content p { line-height: 1.3em; }

#picture .pic { 
	margin: 20px 0 5px 25px;
	border: solid #D0D0D0 2px;
	padding: 10px;
}

#picture td { padding: 0 0 5px 25px; }

#choosePic {
	margin: 10px;
	width: 760px;
}

#choosePic td { padding: 0 30px 10px 0; }

.articleTable th { padding: 5px; }
.articleTable td { padding: 5px; }

.formBox, #formBox { 
	background-color: #FFFFC0; 
	border: solid 1px #606060;
	padding: 5px;
	margin-top: 5px;
}

.leftBox {
	float: left;
	background-color: #FFFFC0; 
	border: solid 1px #606060;
	margin-top: 20px;
	margin-right: 20px;
}

.smallPicBox { 
	border: solid 1px #606060;
	width: 70px;
	height: 50px;
	padding: 5px;
	text-align: center;
	background-color: #9CC09C;
	font-size: 10px;
}

/* Title styles */

.artTitle, .artTitleFE, .artTitleER, .artTitleN, .artTitleV, .artTitleSH, .artTitleINF, .artTitleF,
.picTitle, .usrTitle, .contactTitle  {
	padding: 5px 5px 5px 10px;
	color: white;
	font-weight: bold;
	clear: both;
	font-size: 110%;
	margin-top: 10px;
}

.sumTitle, .sumTitleFE, .sumTitleER, .sumTitleN, .sumTitleV, .sumTitleSH, .sumTitleINF, .sumTitleF {
	color: white;
	font-weight: bold;
	clear: both;
	font-size: 110%;
	background-image: url("images/tlcorner.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

.sumTr {
	padding: 5px 5px 2px 12px;
	background-image: url("images/trcorner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

.artTitle, .sumTitle       { background-color: #5C7A94; }   /* #42698E aqua */
.artTitleFE, .sumTitleFE   { background-color: #7679FC; }   /* light blue */
.artTitleER, .sumTitleER   { background-color: #CEA458; }   /* light brown */
.artTitleN, .sumTitleN     { background-color: #5A955A; }   /* grey green was #6CA26E*/
.artTitleV, .sumTitleV     { background-color: #816689; }   /* lilac */
.artTitleSH, .sumTitleSH   { background-color: #5C7A94; }   /* (was #D86A15) */
.artTitleINF, .sumTitleINF { background-color: #FF9040; }   /* orange */
.artTitleF, .sumTitleF     { background-color: #7E7EAA; }   /* was #9090A0 */

.sumTitle2, .sumTitleN2, .sumTitleFE2, .sumTitleER2, .sumTitleV2, .sumTitleINF2, .sumTitleF2, .sumTitleSH2 {
	height: 15px;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #F0F0E0;
}

.sumTitle2, .sumTitleSH2 { background-image: url("images/titleaqua.jpg"); }
.sumTitleFE2 { background-image: url("images/titleblue.jpg"); background-color: #F5F5FC; }
.sumTitleER2 { background-image: url("images/titlebrown.jpg"); background-color: #F0F0E9; }
.sumTitleN2 { background-image: url("images/titlegreen.jpg"); }
.sumTitleF2 { background-image: url("images/titlegrey.jpg"); background-color: #F5F5FC; }
.sumTitleV2 { background-image: url("images/titlelilac.jpg"); }
.sumTitleINF2 { background-image: url("images/titleorange.jpg"); }

.picTitle     { background-color: #217537; }   /* green */
.usrTitle     { background-color: #5C7A94; }   /* blue  was #42698E */
.contactTitle { background-color: #B83C3C; }   /* red */

.titleLink, .titleText { 
	font-weight: bold;
	color: white; 
}

.titleLink:hover, .toolBar:hover {
	text-decoration: none;
	color: #DDDDDD;
}

.toolBar {
	float: right;
	color: white;
	margin-left: 5px;
}

/* Help text styles */

.help {
/*	float: right;
	margin-right: 20px; */
	position: relative;
}

.help:hover {	
	border: none;			  /* IE fix */
	text-decoration: none; 
}

.help .hide {
	font-size: 150%;
	font-weight: bold;
	padding: 0 5px 0 5px;
	color: #0000C0;
	background-color: #D0D0D0;
}

.help .show, .help .show2, .help .show3, .show4 { display: none; }

.help:hover .show, .help:hover .show2, .help:hover .show3, .help:hover .show4 {
	display: block;
	position: absolute;
/*	top: 20px; */
	left: -260px;
	background-color: white;
	color: black;
	width: 250px;
	border: solid 1px black;
	padding: 2px;
	padding-bottom: 10px;
}

.help:hover .show { top: 20px; }
.help:hover .show2 { top: -20px; }
.help:hover .show3 { bottom: 0; }
.help:hover .show4 { bottom: 25px; }

/* Site map styles */

#siteMap h2 { font-size: 130%; margin: 10px 0 0 10px; }
#siteMap ul { margin-top: 10px; }
#siteMap li { margin: 0 0 5px 30px; }

/* Special styles */

h1.pageHead {
	color: #404080; /* was #0000C0 */
	font-size: 150%;
	font-weight: bold;
	margin-top: 10px;
}

h2.pageHead {
	color: #404080; /* was #0000C0 */
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
}

a.pageHead {			/* added 15/10/09 */
	color: #404080; 
	font-size: 120%;
	font-weight: bold;
}

#listHead {
	background-image: url("images/listhead.gif");
	background-repeat: no-repeat;
	height: 38px;
	color: #404080; /* was #0000C0 */
	font-size: 150%;
	font-weight: bold;
	margin-top: 10px;
	padding: 12px 0 0 12px;
}

#listHead a { 
	float: right;
	margin: -6px 20px 0 0;
	font-size: 65%;
}

#listHead .subHead {
	color: #404080; /* was #0000C0 */
	padding-left: 10px;
	font-size: 90%;
}

.rightImg2, .rightImg3 { 
	float: right;
	border-right: 3px solid #C0C0C0;
	border-bottom: 3px solid #C0C0C0;
}

.rightImg2 { margin: 10px 0 5px 10px; }
.rightImg3 { margin: 2px 0 5px 10px; }


.tableHead {
	color: white;
	background-color: #404070;
	padding-left: 5px;
	height: 25px;
}

#paging {
	position: relative; /* for centering paging text */
	clear: both;
	background-image: url("images/listhead.gif");
	background-repeat: no-repeat;
	height: 50px;
	padding: 8px 0 0 10px;
}

#paging p {
	position: absolute;
	top: 12px;
	left: 300px;
}

.foot1 {
	float: left;
	padding: 3px;
	padding-right: 10px;
 	color: white;
}

#tickerOut {
	background-image: url("images/listhead.gif");
	background-repeat: no-repeat;
	margin-top: 10px;
	height: 50px;
}

#tickerIn {
	padding: 10px 0 0 10px;
	overflow: hidden;
	height: 30px;
}

#ticker {
	color: #4040C0; /* was #606060; */
	display: block;
	float: left;
	width: 500px;
}

#ticker img { padding-left: 20px; } 

#tickerStrap { 
	float: right;
	font-family: "comic sans MS";
	font-style: italic;
	font-size: 18px;
	color: #404080; /* was #0000C0 */
	margin-right: 10px;
}

.redDot { 
	color: red; 
	font-size: 200%;
}

.choosePic { 
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 80%;
}

.sumContent, .sumContentFE, .sumContentER, .sumContentF {
	background-image: url("images/blcorner.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

.sumContent { background-color: #F0F0E0; }
.sumContentFE, .sumContentF { background-color: #F5F5FC; }
.sumContentER { background-color: #F0F0E9; }

.sumBr {
	padding: 0 5px 5px 7px;
	background-image: url("images/brcorner.gif");
	background-position: bottom right;
	background-repeat: no-repeat; 
}

.sumPara {
	padding-bottom: 15px; 
	line-height: 1.3em;
}

.sumArrowLeft { padding: 0 0 15px 0; }
.sumArrowRight { float: right; margin: 0 10px 0 10px; }

.padMin { min-height: 10px; }
.padMed { min-height: 130px; }
.padSmall { min-height: 80px; }

* html .padMin { height: 10px; } /* IE fix */
* html .padMed { height: 130px; } /* IE fix */
* html .padSmall { height: 80px; } /* IE fix */

#artText {
	padding: 10px;
	line-height: 1.3em;
}

/* Comment *********************************************************/

.commentTitle {
	margin: 5px 10px 0 10px;
	border-top: 7px solid #D0D0D0;
	padding: 2px 10px 0 0;
}

.commentTitle h2 { font-weight: bold; }

.commentContent { margin: 0 10px 20px 10px; }

.commentContent p, .commentBl p { padding-top: 10px; }

.commentTl {
	margin-top: 10px;
	font-size: 110%;
	background-image: url("images/tlcorner.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #A18573;  /* #42698E; #61839F; */
}

.commentTr {
	padding: 5px 5px 5px 12px;
	background-image: url("images/trcorner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

.commentTl h2, .commentTl a {
	color: white;
	font-weight: bold;
}

.commentBl {
	background-color: #F0F0F0;
	background-image: url("images/blcorner.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

.commentBr, .commentBr2 {
	padding: 0 5px 5px 15px;
	background-image: url("images/brcorner.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.commentBr2 { min-height: 80px; }
* html .commentBr2 { height: 80px; } /* IE fix */

#addComment { margin-top: 10px; }

#addComment .commentTitle { padding: 5px 0 0 15px; }

#addComment form { margin: 0 0 10px 25px; }

#addComment textarea {
	margin: 2px 0 2px 0;
	border: 1px solid #909090;
	width: 700px;
}

/* Diary ***********************************************************/

.diaryTitle {
	margin-top: 10px;
	color: white;
	font-weight: bold;
	clear: both;
	font-size: 110%;
	background-image: url("images/tlcorner.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #CEA458;
}

.diaryTr {
	padding: 5px 5px 5px 12px;
	background-image: url("images/trcorner.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

/* .diaryTitle2 {
	height: 15px;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url("images/titlebrown.jpg");
	background-color: #F0F0E9;
} */

.diaryContent {
	background-color: #F0F0E9;
	padding: 0 5px 0 7px;
	min-height: 90px;
}

* html .diaryContent { height: 90px; } /* IE fix */

.diaryContentBl {
	background-color: #F0F0E9;
	background-image: url("images/blcorner.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}

.diaryContentBr {
	padding: 5px 5px 10px 7px;
	background-image: url("images/brcorner.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.diaryInf { 
	float: left;
	margin: 10px 20px 5px 2px;
	padding: 10px;
	border: solid 3px #D0D0D0;
}

.diaryContent p { padding: 10px 5px 0 5px; }

.diaryComment {
	clear: both;
	margin: 10px 20px 0 5px; 
	border-top: solid 3px #D0D0D0;
	padding-top: 2px;
}

.diaryComment .right { padding-right: 5px; }
.diaryComment h2 { font-weight: bold; }
.diaryComment p { margin: 5px 0 0 0; padding: 0; }

.addDiaryCommentRqs { padding: 0 0 5px 10px; }

.addDiaryComment {
	margin: 2px 0 0 10px; 
	display: none;
}

.addDiaryComment textarea {
	border: 1px solid #C0C0C0;
	width: 700px;
}

.diaryRhHead { 
	font-family: "comic sans MS";
	font-style: italic;
	font-size: 140%;
	padding: 0px 30px 0 0;
}

.galleryRhHead { 
	font-size: 130%;
	padding-right: 30px;
}

#upload { height: 250px; }
#upload ul { margin: 10px 0 0 15px; }
#waitMsg {
	margin: 45px;
	padding: 10px;
	border: 1px solid #606060;
}

#calendar { margin: 10px; }
#calendar td { 
	padding: 7px 20px 7px 10px;
	border-bottom: 2px solid #F0F0F0;
}

#contactList { margin: 10px 0 0 20px; }
#contactList td { 
	padding: 5px 40px 5px 0; 
	border-bottom: 2px solid #F0F0F0;
}

#tide {
	height: 230px;
	width: 58em;
	overflow: auto;
	border: 1px solid #A0A0A0;
}

#tide td {
	border: 1px solid #A0A0A0;
	padding: 7px 1em 7px 1em;
}

#tideSummary td { padding: 0; }

#applet { margin: 5px 0 10px 0; }

#picturePaging {
	float: right;
	width: 130px;
	margin-top: 120px;
	border: solid 2px #D0D0D0;
	padding-bottom: 5px;
}

#picturePaging a {
	margin: 10px;
	font-weight: bold;
	font-size: 50px;
}

#picturePaging a:hover { text-decoration: none; }

#picturePaging p { text-align: center; }

#editMode {
	float: right;
	font-weight: bold;
	font-size: 120%;
	padding: 14px 5px 0 0;
}

#fullEdit { margin: 5px 0 0 10px; }

#fullEdit textarea {
	margin: 0 0 5px 0;
	border: 1px solid #909090;
	width: 730px;
}

#recentItems li { 
	margin: 5px 0 0 35px;
	padding-left: 5px;
	min-height: 23px;		/* IE7 fix */
}

* html #recentItems li, * html #recentItemsSum li { 	 /* IE fix */
	margin: 15px 0 0 20px; 
	padding-left: 20px;
}

#recentItems a, #recentItemsSum a { vertical-align: 40%; }

#recentItems .rule {
	margin: 10px 150px 15px 0;
	border-top: 5px solid #E0E0E0;
	min-height: 0;
	list-style-type: none;
}

#recentItemsSum li { 
	margin-left: 30px;
	padding: 5px 0 0 4px;
	line-height: 1em;
	min-height: 21px;		/* IE7 fix */
}

#recentItemsSum .rule {
	margin: 5px 50px 0 0;
	border-top: 5px solid #E0E0E0;
	min-height: 0;
	list-style-type: none;
}

#editPic img {
	float: left;
	margin-left: 105px;
	border: solid 1px #606060;
	padding: 5px;
}

/* rotate picture form */
#editPic form {
	float: left;
	border: solid 1px #606060;
	padding: 10px;
	margin: 20px 0 0 40px;
}

#editPic input { padding: 5px 7px 0 3px; }

#onlineInf { 
	position: relative; 
	padding-left: 5px;
	width: 200px;
}

#onlineList {
	position: absolute;
	bottom: 28px;
	left: 2px;
	width: 250px;
	border-left: solid 5px #8080D0;
	border-right: solid 5px #8080D0;
	background-color: white;
	max-height: 600px;
	overflow: auto;
	padding-bottom: 15px;
}

#onlineList ul {
	list-style-image: url("images/icons/usr.gif");
	margin: 5px 0 5px 40px;
}

#onlineList li { padding-top: 5px; }

/* imitate window header bar on inline popups */
.popupHeader {
	background-color: #404070;
	padding: 7px 5px 5px 15px;
}

.popupHeader .right { font-weight: bold; }

/*
#footerToolbar ul { list-style-type: none; }

#footerToolbar li {
	float: left;
}
*/

#footerToolbar .item { float: left; }
#footerToolbar .item:hover { background-color: white; } 

#footerToolbar img { margin: 2px 5px 0 5px; }

#footerToolbar a { 
	vertical-align: 50%;
	color: #505050;
	padding-right: 50px;
}

#footerToolbar li:hover { background-color: white; } 
#footerToolbar a:hover { text-decoration: none; } 

#instantMsgA { 
	position: relative;
	width: 240px;
}

#instantMsgA a { padding: 0; }

#instantMsg {
	display: none;
	position: absolute;
	bottom: 28px;
	left: -164px;
	width: 400px;
	border-left: solid 5px #8080D0;
	border-right: solid 5px #8080D0;
	background-color: white;
	height: 300px;
	padding-bottom: 15px;
}

#instantMsgWin {
	height: 210px;
	overflow: auto;
}

#instantMsgTxt { padding-bottom: 20px; }

#instantMsgTxt p, #instantMsgAdmin p { 
	padding: 5px 0 0 40px;
	text-indent: -35px;
}

#instantMsgTxt a {
	padding: 0;
	color: blue;
	font-weight: bold;
	vertical-align: bottom;
}

#instantMsgTxt .me  { color: #808080; }
#instantMsgTxt .me a { color: #505050; }

#instantMsgWelcome {
	padding: 0 35px 10px 5px;
	color: #808080;
}

#instantMsg textarea {
	width: 390px;
	height: 50px;
	border: none;
	border-top: solid 10px #8080D0;
	padding: 5px;
	overflow: auto;
}

#instantMsgBlink { display: none; }

#instantMsgAdmin form {
	width: 300px;
	margin-top: 20px;
	border: 1px solid #808080;
	padding: 20px;
}

#instantMsgAdmin label { vertical-align: 70%; }

#formatHelp img { margin-left: 20px; }

#formatHelpButton {
	display: block; 
	margin: 10px; 
	padding: 8px; 
	width: 35px; 
	color: white; 
	background-color: #000080; 
	text-decoration: none;
}

#socialBookmark {
	float: right;
	margin-bottom: 10px;
	border: 1px solid #D0D0D0;
	padding: 10px;
}

#socialBookmark h3 { margin-bottom: 5px; }
#socialBookmark a { padding-right: 10px; }

#slideShow {
	margin: 10px 0 20px 0;
	width: 760px;
}

#slideShow h2 { 
	font-weight: bold;
	color: white; 
}

#slideShow1, #slideShow2 { 
	display: block;
	text-decoration: none;
	height: 360px;
	background-color: #F0F0E0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#slideShow .sumBr { padding: 5px 0 10px 90px; }

#slideShowIn { 
	width: 560px;
	border: 2px solid #909090;
}

#slideShowCtl { 
	border-top: 2px solid #C0C0C0;
	height: 18px;
	padding: 5px 0 0 10px;
}

#slideShowCtl a {
	margin-left: 5px;
	border: 1px solid #404070;
	padding: 2px 2px 0 2px;
	background-color: #D0D0E0;
}

#slideShowCtl a:hover {
	text-decoration: none;
	background-color: #9090D0;
}

#forecast, #map {
	margin: 5px 10px 0 10px;
	border-top: 7px solid #D0D0D0;
	padding: 2px 10px 0 0;
	font-weight: bold;
}

#forecast iframe, #map iframe {
	margin-left: 8px;
	width: 700px;
	height: 300px;
	border: none;
}

#map iframe { margin: 5px 0 20px 8px }

#articleAdv {
	clear: right;
	float: right;
	margin: 5px 0 10px 15px;
	border: 1px solid #C0C0C0;
}

#articleListAdv {
	margin-top: 10px;
	padding: 10px 0 0 30px;
	height: 210px;
	width: 260px;
	background-image: url("images/rightadvbg.gif");
	background-repeat: no-repeat;
}

#articleStats {
	clear: right;
	float: right;
	margin: 5px 0 10px 15px;
	border: 2px solid #816689;
}

#articleStats th {
	padding: 5px 3px;
	color: white;
	background-color: #816689;
}

#articleStats td { 
	padding: 5px 3px;
	border-bottom: 1px solid #E0E0E0; 
	background-color: #F8FFCB; 
}

#userStatsHead { clear: both; }

#userStatsHead h3 {
	float: left;
	font-size: 15px;
	font-weight: bold;
}

#userStatsHead div {
	float: left;
	margin-left: 15px;
	border: 2px solid #C0C0C0;
	padding: 2px 0;
	background-color: #F0F0FF;
}

#userStatsHead a {
	padding: 0 8px;
	color: #505050; 
	font-weight: bold;
}

#userStatsHead a:hover { 
	background-color: #D0D0C0;
	text-decoration: none;
}

#userStats {
	clear: both;
	overflow: auto; 
}

#userStats a { 
	color: #505050; 
}

#userStats table {
	margin-top: 5px;
	border: 2px solid #816689;
	border-collapse: collapse;
}

#userStats td, #userStats th {
	padding: 7px 1px; 
	text-align: center; 
	border: solid 1px #E0E0E0;
}

#userStats .pad { padding: 7px 10px; }

#userStats td { background-color: #F8FFCB; }
#userStats th { background-color: #EAFF59; }

#userStats .firstCol { 
	text-align: left;
	color: white;
	font-weight: bold;
	background-color: #816689;
}

#userStats .firstCol a { 
	color: white;
	font-weight: bold;
}

#userStats .lastCol, #userStats .foot { 
	font-weight: bold;
	background-color: #C8E8FF;
	border: solid 1px #A0A0A0;
}