/* Body magic here */
body { margin:0; padding:0; background:black; height:100%; color:white;}
/*html, body { margin:0; padding: 0; height:100%; }
*/
/*.contentsize { min-height:500px; }*/
/* Nav bar dropdown magic */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; background:#FFFFFF; font-size:10pt; font-family:tahoma,arial,Georgia,Serif;}
#nav a { display: block; width: 110px; margin-right:5px; margin-top:3px; margin-bottom:3px; text-align:center;}
#nav li { float: left; width: 100px; padding-bottom:5px; padding-top:5px; }
#nav li ul { position: absolute; width: 110px; left: -999em; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto;}
#nav li:hover { color:#FFFFFF; }

img { border: 0; }

#nodec { text-decoration:none; font-style:normal; }
#navigation a { color:#424242; font-weight:900; font-style:normal; text-decoration:none;}
#navigation { margin-right: auto; padding-top:3px; width: auto; height: 32px; background-color:#FFFFFF }

/* Base form magic */
#header { margin-left:auto; margin-right:auto; width:960px; background:#000000; margin-bottom:2px; margin-top:2px; }
/* #container { margin:0; padding: 0; min-height:800px; } */
.mainbody { margin-left:auto; margin-right:auto; color:rgb(60,60,60); width: 960px; background:#000000; }
.complementary_images { width:290px;height:142px; color:white; font-family:arial,Georgia,Serif; font-size:8pt; background-position:center center;}
.complementary_images h1 { font-size:7pt; font-weight:500; margin-top:-20px; margin-left:15px; text-shadow: #000000 1px 1px 1px; visibility:hidden; }
.complementary_images:hover h1 { width:290px;height:121px; color:white; font-family:arial,Georgia,Serif; font-size:8pt; background-position:center center; visibility:visible;}
#main_title { width:960px; height:121px; margin-bottom:0px; background-repeat:no-repeat; background-position:center top; }
#title_image { margin-left:auto; margin-right:auto; display:inline-block; }

#member_mouseover, #viewer_mouseover, #board_mouseover { cursor:pointer; }

#member_mouseover, #member_mouseover_aes { position:absolute; width:126px; height:21px; left:290px; top:121px;}
#member_mouseover {  background-image:url('/pub/media/images/members_but_up.png'); z-index:4; }
#member_mouseover_aes  { background-image:url('/pub/media/images/member_but_over.png'); z-index:3; }

#viewer_mouseover, #viewer_mouseover_aes { position:absolute; width:127px; height:21px; left:416px; top:121px; }
#viewer_mouseover { background-image:url('/pub/media/images/viewers_but_up.png'); z-index:4; }
#viewer_mouseover_aes { background-image:url('/pub/media/images/viewers_but_over.png'); z-index:3; }

#board_mouseover, #board_mouseover_aes { position:absolute;  width:127px; height:21px; left:543px; top:121px; } 
#board_mouseover { background-image:url('/pub/media/images/board_but_up.png'); z-index:4;}
#board_mouseover_aes { background-image:url('/pub/media/images/board_but_over.png'); z-index:3; }

.slidedown_menu { z-index:20; position:absolute; height:0; overflow:hidden; width:127px; margin-top:21px; margin-bottom:5px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright:4px;  -webkit-border-bottom-left-radius:4px;  -webkit-border-bottom-right-radius:4px; display:none; z-index:0; color:#FFFFFF; text-align:center; font-size:14px;}
.slidedown_menu hr { margin-top:2px; margin-bottom:2px; }
.slidedown_menu a { color:#FFFFFF; margin-top:30px; margin-bottom:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; text-align:center; font-weight:600; text-decoration:none; text-align:center; text-shadow: 1px 1px 3px #000;}
.slidedown_item a:hover { color:#FFFF99; }
/*.slidedown_menu a:hover { text-decoration:overline underline; } */
.slidedown_item { padding-top:2px; padding-bottom:2px;}

#member_menu .slidedown_item:hover { background-color:#AA001A; }
#member_menu .slidedown_item { background-image:url('/pub/media/images/member_but_seperator.png'); background-repeat:no-repeat; background-position:top center; margin-top:1px; margin-bottom:1px; }
#member_menu { background-color:#c21327; background-image:url('/pub/media/images/member_but_bg.png'); background-repeat:repeat-y; width:126px;}
#viewer_menu .slidedown_item:hover { background-color:#009900; color:#999999; }
#viewer_menu .slidedown_item { background-image:url('/pub/media/images/viewers_but_seperator.png'); background-repeat:no-repeat; background-position: top center; margin-top:1px; margin-bottom:1px; }
#viewer_menu { background-color:#49ba51; background-image:url('/pub/media/images/viewers_but_bg.png'); background-repeat:repeat-y; width:127px; }
#board_menu { background-color:#145aa8; background-image:url('/pub/media/images/board_but_bg.png'); background-repeat:repeat-y; width:127px; }
#board_menu .slidedown_item:hover { background-color:#2020AA; color:#999999; }
#board_menu .slidedown_item { background-image:url('/pub/media/images/board_but_seperator.png'); background-repeat:no-repeat; background-position:top center; margin-top:1px; margin-bottom:1px; }

/* Middle nav dropdown */
/*#slidedown_menu { z-index:5; background-color:rgb(80,80,80); text-align:center; overflow:hidden; position:absolute; width:100%; height:300px; display: none; -moz-border-radius: 10px;-webkit-border-radius: 10px; }*/ /*position:absolute; z-index:2; width:960px; height:100px; left:auto; right:auto; margin-left:auto; margin-right: auto; text-align:center; 
display:none;} */

.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}

/* column css */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
        min-height:700px;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:700px;			/* right column width */
		background:#FFFFFF;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:650px;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:260px; /*25%; */			/* left column content width (column width minus left and right padding) */
		left:5%;			/* (right column left and right padding) plus (left column left padding) */
	}