body
{
	background-color: #C9E5FB;
	color: #000040;
	font-weight: normal;
	font-size: 12px;
	font-family: verdana,arial,helvetica;
	LINE-HEIGHT: 125%;
	padding: 8px;
	margin: 0px;
	height: 100%;
}

td
{
	font-size: 12px;
}

ul
{
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.right
{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 270px; 
	padding-left: 0px;
}

ul.left
{
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 32px; 
	padding-left: 0px;
}


a 
{
	text-decoration: none;
	color: #0D6FBB;
}

a:hover
{
	text-decoration: none;
	color: #ff9900;
}

a.dis , a.dis:hover
{
	text-decoration: none;
	color: #ccc;
}

a.high 
{
	text-decoration: none;
	color: white;
}

a.high:hover
{
	text-decoration: none;
	color: #ff9900;
}


h2
{
	color: #000040;
	font-size: 1.2em;
}

h3
{
	color: #000040;
	font-size: 1.1em;
}

#holder
{
	width: 720px;
}

div#header
{
	padding: 0px;
	height: 63px;
	margin: 0px;
	overflow: hidden;
	background-image: url(images/header.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 720px;
	height: 63px;
}

div#breadcrumb
{
	text-align: left;
	width: 720px;
	background-color: #0D6FBB;
	color: White;
	height: 20px;
	padding-top: 2px;
	background-image: url(images/bread.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	font-size: 0.8em;
}

div#breadcrumb div
{
	padding-left: 8px;
}

div#breadcrumb div#update
{
	padding-right: 20px;
	float: right;
	color: #72BCF4;
}

div#breadcrumb a
{
	text-decoration: underline;
	color: white;
}

div#navbar
{
	text-align: left;
	background-color: #72BCF4;
	width: 140px;
	float: left;
	height: 555px;
	background-image: url(images/foot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 0px;
}

div.navpanel
{
	text-align: center;
	background-color: #ffffff;
	padding: 6px;
	border: solid 1px #0D6FBB;
	margin: 12px;
	background-image: url(pics/2009ex/ph.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.navpanel strong
{
	font-weight: bold;
	font-size: 1.0em;
}

div.navpanel em
{
	font-size: 0.8em;
}

div.navpanel a
{
	font-family:verdana, sans-serif;
	text-decoration: none;
	color: #4DABF3;
}

div.navpanel a:hover
{
	font-family:verdana, sans-serif;
	text-decoration: none;
	color: #df7900;
}

div#spacer
{
	height: 1000px;
	width: 1px;
	float: left;
}

div#copy
{
	float: right;
	width: 547px;
	color: #A9C5DB;
	text-align: right;
	font-size: 11px;
}

#menu
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#menu p 
{
	font-size: 1em;
	margin: 0px;
	padding: 0px; 
}

#menu a:link, #menu a:visited 
{
	color: #ffffff;
	background-color: #0D6FBB;
	text-decoration: none;
	border-left: solid #1186DF 4px;
	border-right: solid #0B5995 4px;
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px; 
}

body.home #menu p.home a,
body.diary #menu p.diary a,
body.news #menu p.news a,
body.about #menu p.about a,
body.layouts #menu p.layouts a,
body.projects #menu p.projects a,
body.galleries #menu p.galleries a,
body.videos #menu p.videos a,
body.articles #menu p.articles a,
body.contact #menu p.contact a,
body.links #menu p.links a,
body.members #menu p.members a,

#menu a:hover 
{
	color: #000000;
	background-color: #ff9900;
	text-decoration: none;
	border-left: solid #f07601 4px;
	border-right: solid #f5b949 4px;
}

div.contentHeader
{
	float: right;
	width: 547px;
	background-color: #6CB9F4;
	background-image: url(images/conh2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	color: White;
	border: solid 1px #0D6FBB;
}

div.contentHeader div
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.contentHeader div.date
{
	float: right;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	color: #eee
}

div.pictureHolder
{
	float: right;
	width: 547px;
	background-color: White;
	border-left: solid 1px #0D6FBB;
	border-right: solid 1px #0D6FBB;
	border-bottom: solid 1px #0D6FBB;
	display: none;
	text-align: center;
	margin-bottom: 16px;
}

div.generalPictureHolder
{
}

div.generalPictureHolder img
{
	border: solid 1px #0D6FBB;
}

div.warning
{
	float: right;
	width: 547px;
	background-color: #CA3F02;
	height: 42px;
	font-size: 1.1em;
	color: White;
	border: solid 1px #8A2C02;
	margin-bottom: 16px;
}

div.warning div
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.content 
{
	float: right;
	width: 547px;
	background-color: White;
	border-left: solid 1px #0D6FBB;
	border-right: solid 1px #0D6FBB;
	border-bottom: solid 1px #0D6FBB;
	margin-bottom: 16px;
}

div.content div
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div.content div.thumbs
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}

div.content div p
{
	margin-top: 4px;
	padding: 0px;
	margin-bottom: 8px;
}

div.contentPlain
{
	float: right;
	width: 547px;
	background-color: White;
	border: solid 1px #0D6FBB;
	margin-bottom: 16px;
}

div.contentPlain div.left
{
	float: left;
	padding-right: 8px;
}

div.contentPlain div.right
{
	padding-top: 3px;
	padding-right: 8px;
}

div.contentPlain div.title
{
	font-size: 1.2em;
	font-weight: bold;
}

div.contentPlain div.date
{
	float: right;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	color: #aaa;
	padding-right: 2px;
}

div.contentPlain a.title
{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #000040;
}

div.contentPlain a.title:hover
{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #ff9900;
}

div.contentPlain div.subTitle
{
	font-weight: bold;
	color: #0D6FBB;
}

div.contentPlain div;
{
	font-weight: bold;
	color: #0D6FBB;
}

div#design
{
	padding-left: 12px;
	color: #98CEF8;
}

.formprompt
{
	width: 100px;
	vertical-align: top;
	margin-top: 2px;
	display:-moz-inline-box;
	padding:0px;
}

.formentry
{
	font-size: 12px;
	font-family: verdana,arial,helvetica;
	width: 350px;
	border: solid 1px #1575BF;
	color: Black;
	background-color: #EEF7FE;
}

.formnote
{
	font-size: 12px;
	font-family: verdana,arial,helvetica;
	width: 350px;
	overflow: auto;
	border: solid 1px #1575BF;
	color: Black;
	background-color: #EEF7FE;
}

.formprompt2, .formentry2, .formnote2
{
	display: none;
}

input#send
{
	margin-top: 4px;
	background-image: url(images/button.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #1575BF;
	border: solid 1px #1575BF;
	cursor: pointer;
	color: White;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
}

span.leftpicture
{
	float: left;
	border: solid 1px #0D6FBB;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-right: 12px;
	padding: 0px;
	cursor: pointer;
}

span.rightpicture
{
	float: right;
	border: solid 1px #0D6FBB;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 12px;
	padding: 0px;
	cursor: pointer;
}

span.leftpicturetitled, span.rightpicturetitled
{
	border: solid 1px #0D6FBB;
	margin-top: 4px;
	margin-bottom: 8px;
	overflow: hidden;
	position: relative;
}

span.leftpicturetitled div.title,
span.rightpicturetitled div.title
{
	background-color: #6CB9F4;
	background-image: url(images/conh2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 1.1em;
	color: White;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
}

span.leftpicturetitled div.speedBox,
span.rightpicturetitled div.speedBox
{
	height: 16px;
	width: 16px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}
span.leftpicturetitled 
{ 
	float: left; 
	margin-right: 12px;
}
span.rightpicturetitled 
{ 
	float: right; 
	margin-left: 12px;
}

#largepicture
{
	border: solid 1px #0D6FBB;
	margin-bottom: 4px;
}

.newlefttext
{
	clear: left;
}

.newrighttext
{
	clear: right;
}

.newtext
{
	clear: both;
}

.squareOn
{
	width: 4px;
	height: 4px;
	padding: 0px;
	margin: 0px;
	background-color: #999;
}

.squareOff
{
	width: 4px;
	height: 4px;
	padding: 0px;
	margin: 0px;
	background-color: #ddd;
}

div#slideTicker
{
	display: inline;
	height: 8px;
	margin: 0px;
	padding-top: 2px;
	position:absolute;
}

#imageContainer 
{
	height:320px;
	position:relative;
	margin:auto;
	width:520px !important;
	width:522px;
	border:1px solid #0D6FBB;
	overflow: hidden;
	padding: 0px;
}

#imageContainer img 
{
	display:block;
	position:absolute;
	top:0; left:0;
}

#autofadeContainer
{
	height:175px;
	position:relative;
	width:150px;
	float: left;
	margin-right: 8px;
}

#autofadeContainer img
{
	display:none;
	position:absolute;
	top:0; left:0;
}

span.autoSliderRight
{
	float: right;
	overflow: hidden;
	width: 225px;
	height: 198px;
	border: solid 1px #0D6FBB;
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

span.autoSliderLeft
{
	float: left;
	overflow: hidden;
	width: 225px;
	height: 198px;
	border: solid 1px #0D6FBB;
	position: relative;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 12px;
}

span.autoSliderLeft img,
span.autoSliderRight img
{
	position: absolute;
	left: 0px;
	top: 0px;
}

span.autoSliderLeft div,
span.autoSliderRight div
{
	position: absolute;
	left: 0px;
	top: 175px;
	background-color: #6CB9F4;
	background-image: url(images/conh2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	width: 225px;
	height: 23px;
	font-size: 1.1em;
	color: White;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	margin: 0px;
}

.prompt
{
	font-size: 12px;
	width: 140px;
	color: #6060A0;
}

.value
{
	font-size: 12px;
	color: #000040;
}

div.content .barLabel
{
	text-align: right;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 8px;
	margin: 0px;
}

div.content .bar1
{
	border-top: solid 1px #0D6FBB;
	border-bottom: solid 1px #0D6FBB;
	border-left: solid 1px #0D6FBB;
	background-color: #6CB9F4;
	color: White;
	text-align: right;
	padding: 3px;
	margin: 0px;
	float: left;
}

div.content .bar2
{
	border-top: solid 1px #0D6FBB;
	border-bottom: solid 1px #0D6FBB;
	border-right: solid 1px #0D6FBB;
	background-color: #2D8FdB;
	color: White;
	text-align: right;
	padding: 3px;
	margin: 0px;
	float: left;
}

div.fade
{
	background-image: url(images/fade.png);
	background-position: left top;
	background-repeat: repeat-x
}

#imageTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

h4
{
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
	color: #1676C0;
}

hr.comment
{
	margin-top: 12px;
	margin-bottom: 0px;
	border-top: solid 1px white;
	border-bottom: solid 1px #eeeeee;
}

.note
{
	font-size: 9px;
	font-style: italic;
	color: #aaa;
}

.post 
{
}
.post .date 
{
	float: left;
	padding: 0px;
	height: 50px;
	width: 45px;
	background: url(images/cal.gif) no-repeat;
}
.post .date .day
{
	padding: 5px 0px 0px 0px;
	font-size: 22px;
	color: #666666;
	text-align: center;
}
.post .date .month
{
	padding: 3px 0px 0px 0px;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
}
.post .title 
{
	padding-left: 30px;
	margin-left: 30px;
	font-size: 18px;
	border-bottom: dashed 1px #CCCCCC;
}
.post .subtitle 
{
	padding-left: 30px;
	margin-left: 30px;
	padding-top: 2px;
	color: #666;
	padding-bottom: 16px;
}

.postdata {
	font-size: 90%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.postdata .category{
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 18px;
	float: left;
}
.postdata .comments{
	background: url(images/mini-comment.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.mini-add-comment {
	background: url(images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	padding: 10px 0px 5px;
	clear: both;
}

span.clubEvent
{
	color: #4C89b4;
}

span.clubNotice
{
	color: #800;
}

span.publicEvent
{
	color: #080;
}