/*
Theme Name: BAPCO

*/


@import 'reset.css';
@import 'typography.css';



#wrapper {width:950px; margin:0 auto;}


#header {width:950px; height:152px; position:relative;}
#header h1, #header h2 {margin:0; text-indent:-9999px; font-size:.1em;}
#header img {margin:0; padding:0; position:absolute; top:23px; left:0;}
#contact {width:200px; position:absolute; top:0; right:0; text-align:right;}
#contact p {color:#704141; font-size:11px; line-height:11px; margin-0; padding:0;}
#flashcontent {margin-top:6px; height:250px; background:url(art/banner.jpg) no-repeat center top;}
#flashcontent p  {text-indent:-9999px;}

#maincontent {padding-top:12px; padding-bottom:24px;  float:left;}
#subcol1 {width: 230px; position:relative; overflow:visible;  float:left;}
#maincol {width: 430px; position:relative; padding-right:50px; overflow:visible;  float:left;  border-right:1px dashed #d9d9d9;}
#subcol2 {width: 238px; position:relative; overflow:visible;  float:right;}
#footer {clear:left;  padding-top:12px; border-top:1px dashed #c8cbcc;}
#footer ul {padding:0; margin-top:0; margin-left:12px; }
#footer ul li {list-style:none; float:left; line-height:12px; background:none; padding:0 12px 12px 0; font-size:11px;}
#footer img {margin:12px 0 12px 12px;}

#subcol1.home {width:350px;}
#maincol.home {width:340px; padding-right:20px;}
#maincol.home img {margin:0 0 0 10px;}
#subcol1.home img {margin-top:12px}
#subcol1.home p+h2 {margin-top:20px;}


img.float {margin:12px 10px 12px 0; float: left; border:3px solid #dae1e2}
img.floatnoborder {margin:12px 10px 0 0; float: left; border:0;}
#subcol2 img {margin:12px 12px 0;  border:3px solid #dae1e2}
#latestforum, #latestnews {margin-left:10px;}


.child {margin-top:36px; clear:left;}
a.signup {display:block; width:113px; height:38px; text-indent:-9999px; font-size:.1em; background:url(art/signup1.gif) no-repeat top center;}
a.signup:hover {background:url(art/signup2.gif) no-repeat top center;}

/*forum*/

#forumcol {width: 610px; position:relative; padding-right:50px; overflow:visible;  float:left;  border-right:1px dashed #d9d9d9;}
/*
#
#header img {position:absolute; left:21px; top:47px;}
#maincontent {width:904px;height:534px; overflow:hidden; padding:1px 0; margin-left:55px; background:#ecd6a4;}

#subcontent {width:904px; overflow:hidden; border-top:#cec6a7 5px solid; margin-left:55px; padding-bottom:40px; background:url(art/dots.gif) repeat-y 440px 0 #f0e7c3;}

#flash {width:534px; float:left;}
#rightcol {width:370px; float:right;}

#comments {width:50%; float:left;}
#photographer {width:50%; float:right; overflow:hidden; position:relative;}

#photographer img {float:right; margin:0 15px;}

#innercontent {width:904px;overflow:hidden; padding:1px 0; margin-left:55px; background:#f0e7c3;}
#leftcol {width:370px; float:left; background:#ecd6a4;}
#page {width:534px; float:right; }


#footer {width:904px; height:300px; background:#cec6a7; margin-left:55px;}
#footer p {margin:0 21px; color:#663333; padding-bottom:20px;}
#footer ul {margin:0 11px; padding:30px 0;}
#footer ul li {display:inline; padding:0 10px; border-right:1px solid #663333; font-size:10px; text-transform:uppercase;}
#footer ul li.last {border:none;}
#footer ul li a {color:#663333;}
#footer img {
	margin:10px 0 0 21px;
}

div.imageflow {width:360px; margin-left:6px; padding-bottom:15px; border-bottom:2px #FFF dotted;}
div.imageflow img {float:right; margin:0 10px 0;}

div.last {border:none;}
div.filler {height:180px;}


img.float {float:right; margin:-30px 10px 0; border:4px #FFF solid;}
.thumbnail img {border:4px #df763e solid; margin:0;}
.thumbnail {float: left;
width:104px;
margin:24px 0 0 23px; display:inline;}
.clearboth { clear: both; }*/


/* Main Site Navigation */

#mainnav {
	width: 950px;
	height: 39px;
	margin: 0;
	padding:0;
	
}

#mainnav ul	{
	height: 39px;
	width:950px;
	position: relative;
	background: url(art/nav.gif) no-repeat top;
	margin: 0;
}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background:none;
	padding-left:0;
	
	}
	
	
#mainnav ul li, #mainnav ul a	{
	height: 39px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}


#opt1 {
	left: 0px; width: 127px;
}
#opt2 {left: 127px; width: 109px; }
#opt3 {left: 236px; width: 108px;}
#opt4 {left: 344px; width: 112px;}
#opt5 {left: 456px; width: 123px;}
#opt6 {left: 579px; width: 139px;}
#opt7 {left: 718px; width: 113px;}
#opt8 {left: 831px; width: 119px;}


#opt1 a.current {background: transparent url(art/nav.gif) 0 -39px no-repeat;}
#opt2 a.current {background: transparent url(art/nav.gif) -127px -39px no-repeat;}
#opt3 a.current {background: transparent url(art/nav.gif) -236px -39px no-repeat;}
#opt4 a.current {background: transparent url(art/nav.gif) -344px -39px no-repeat;}
#opt5 a.current {background: transparent url(art/nav.gif) -456px -39px no-repeat;}
#opt6 a.current {background: transparent url(art/nav.gif) -579px -39px no-repeat;}
#opt7 a.current {background: transparent url(art/nav.gif) -718px -39px no-repeat;}
#opt8 a.current {background: transparent url(art/nav.gif) -831px -39px no-repeat;}


#opt1 a:hover {background: transparent url(art/nav.gif) 0 -78px no-repeat;}
#opt2 a:hover {background: transparent url(art/nav.gif) -127px -78px no-repeat;}
#opt3 a:hover {background: transparent url(art/nav.gif) -236px -78px no-repeat;}
#opt4 a:hover {background: transparent url(art/nav.gif) -344px -78px no-repeat;}
#opt5 a:hover {background: transparent url(art/nav.gif) -456px -78px no-repeat;}
#opt6 a:hover {background: transparent url(art/nav.gif) -579px -78px no-repeat;}
#opt7 a:hover {background: transparent url(art/nav.gif) -718px -78px no-repeat;}
#opt8 a:hover {background: transparent url(art/nav.gif) -831px -78px no-repeat;}


/*subnav */

#subnav ul {margin-left: 0;
padding-left: 0;
padding-bottom:12px;
list-style-type: none;
border-top:1px dashed #c8cbcc;
}

#subnav li {border-bottom:1px dashed #c8cbcc; padding:1px 0;}

#subnav a {display: block;
line-height:28px;
width: 218px;
height:28px;
background-color: #ebeff0;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding-left:12px;
text-decoration:none;
}
#subnav a:hover {background-color:#704141; color:#FFF;}
a#secnavcurrent {text-decoration:underline;}
/*#subnav a.current:hover {background-color: #ebeff0; color:#377881;}*/

/*calendar*/
#calendar_wrapLarge {width:420px; margin-left:10px}
#calendar_wrapLarge h2 {font-size:14px; margin:10px;}
#calendar_wrapLarge h2 span {text-decoration:underline;}
/*imagemap*/
#clickregion {width:223px; height:240px; z-index:10; margin:24px auto;}

/* Remove large selection rectangle on image-replacement */
:active, :focus {
  outline:none;
  -moz-outline-style: none;
}
*/