body
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #FED36B url(include/images/ClubSite/background_main.jpg) repeat-y center top;
    font-size: 8pt;
}
form { margin: 0px; }

p { margin-top: 6pt; margin-bottom: 6pt; font-size: 8pt; } /* shouldn't have to set size here again :@ */
img { border: 0px; }

a:link { text-decoration: none; color: #8A3700; }
a:active, a:visited { text-decoration: none; color: #A45521; }
a:hover { text-decoration: underline; color: #A45521; }

h1, h2, h3, h4, h5, h6 { margin: 2px 0 2px 0; }

h1
{
    font-size: 28px;
    font-weight: bold;
	margin: 5px 0 5px 0;
}

.poster h1 a:link, .poster h1 a:visited, .poster h1 a:hover, .poster h1 a:active
{
    text-decoration: none;
    color: #000000;
}
.leftblock h2, .rightblock h2
{
    font-size: 14px;
}
.leftblock h3, .rightblock h3
{
    font-size: 12px;
}

.poster
{
    margin-right: auto;
    margin-left: auto;
    background: url(include/images/ClubSite/poster.jpg) no-repeat;
    width: 726px;
    height: 139px;
    margin-top: 17px;
    border: solid 1px #DBDB79;
}
.poster h1
{
    margin-left: 150px;
}
.poster h2
{
    font-size: 13px;
    font-weight: bold;
    color: #50700E;
    margin-left: 150px;
}

/* Navigation strips */
.navtop, .navbottom
{
    margin-right: auto;
    margin-left: auto;
    background: url(include/images/ClubSite/background_nav_main.gif) repeat-x;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
    width: 726px;
    height: 60px;
    border: solid 1px #DBDB79;
}
.navbottom { margin-top: 15px; }
.navtop ul, .navbottom ul
{
    margin: 0px;
    padding-top: 9px;
    list-style-type: none;
    height: 19px;
    text-align: center;
}
.navtop ul li, .navbottom ul li
{
    display: inline;
    color: #FFFFFF;
    margin-right: 25px;
}
.navtop ul.rss { text-align: right; }
.navtop ul.rss li { margin-right: 2px; }
.navtop a:link, .navbottom a:link, .navtop a:visited, .navbottom a:visited
{
    color: #FFFFFF;
    text-decoration: none;
}
.navtop a:hover, .navbottom a:hover
{
    text-decoration: underline;
}
.navtop a:active, .navbottom a:active
{
    color: #FEFFBD;
    text-decoration: none;
}


.content { width: 726px; margin-top: 7px; 
    margin-right: auto;
    margin-left: auto;
}

/* 2 column layout */
.columnleft
{
    float: left;
    width: 240px;
}

.columnright
{
    float: right;
}

.leftblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: #FEFAAB url(include/images/ClubSite/background_columnleft.gif) repeat-y;
    vertical-align: top;
}

 .rightblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    margin-bottom: 10px;
    background: #FEFFAB url(include/images/ClubSite/background_columnright.gif) repeat-y;
    width: 446px;
}

.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; } /* .dashedline,  */

.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 5px;
    margin-bottom: 5px;
}

.listitem { margin: 0px; }
.listitem .header
{
    font-size: 8pt;
    font-weight: bold;
    margin: 0px;
    padding: 0 0 5px 0;
}

.album-picture, .album-picture-selected /* , .thumbnail-right, .thumbnail-summary */
{
  float: left;
  margin-top: 10px;
}


.scrollablelist div.album-picture, .scrollablelist div.album-picture-selected
{
  margin-left: 5px;
}

.thumbnail-right { float: right; margin: 10px 0 0 5px; }

.picture img, .album-picture img, .album-picture-selected img, .thumbnail-right img
{
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
} 
.album-picture-selected img { border: solid 1px Blue; }

.PageNumbers { display:inline; }
.PageNumbers span { padding-left: 3px; }

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}

.right-summarybox
{
    background: url(include/images/ClubSite/background_columnleft.gif) repeat-y;
    border: 1px solid #E8DCA3;
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
	float: left;
}

.right-summarybox .header
{
    font-size: 8pt;
    font-weight: bold;
}

.scrollablelist, .overdueitems
{
	overflow: auto;
    border: solid 1px #DBDB79;
    padding: 6px;
    padding-top: 12px;
}
.scrollablelist { height: 400px; }
.overdueitems { height: 125px; }
.scrollabledvds 
{
	overflow: auto;
	height: 400px;
}
.scrollabledvds div.right-summarybox { width: 188px; }

.announcement-post, .u12a-post, .u10a-post { padding: 1px; margin-top: 5px; margin-bottom: 5px; }
.announcement-post { border: solid 1px Black; background-color: Silver; }
.u12a-post { border: solid 1px #000099; background-color: #6699ff; }
.u10a-post { border: solid 1px #cc3300; background-color: #ff6666; }

.dvd { border: solid 1px Black; background-color: #d4d0c8; padding: 1px; margin: 0 3px 0 3px; }
.xbox { border: solid 1px Black; background-color: #00ff00; padding: 1px; margin: 0 3px 0 3px; }

/* Comments */
.comments h4 {
	margin : 0px;
	font-size : 1em
}

.commentsbody {	
    margin: 10px 0px 0px;
	padding: 0px 0px 5px;
	font-size: 0.9em;
}

.commentssubhead{
	color: #996633;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.85em;
}
/*End Comments*/	

/* Comment Form */
.commentForm { padding: 0px 0px 10px 0px; }

.commentForm dl { margin: 0; padding: 0; }

.commentForm dt {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}

.commentForm dt em {}
 
.commentForm .commentinput {
	width: 300px;
	border: 1px solid #333333;
	padding: 2px;}

.commentForm textarea { width: 400px; height: 180px; }
	
/*End Comment Form*/


/* BEGIN: http://positioniseverything.net/easyclearing.html */
/* I can't get this to work... */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.contentx { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END: http://positioniseverything.net/easyclearing.html */