/*
Proarch Stylesheet v1.0  \\  Target: Screen  \\  Author: Paul Swain  \\
---------------------------------------------------------------------------------------------
*/



/* Main page markup styles =html, =body, =container =container
---------------------------------------------------------------------------------------------
*/	

html,body {
	height: 100%;
	margin: 0;
	padding:0;
	background-color: #fff;
	text-align: center;
	color: #545454;
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 18px;	
}


div#container {
	overflow: hidden;
/*	height: 100%;*/
	width:777px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#content {
	overflow: visible;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
/*	width: 100%;*/
	text-align: left;
}

#content_main {
	width: 768px;
	clear:both;
	}		
	

div#spacer{
	width:auto;
/*	height: 100%;*/
	float: left;
	background-color:#fff;
}

div#left{
	width:243px;
/*	height: 100%;*/
	float: left;
	background-color:#fff;
}

div#left_2{
	width:776px;
/*	height: 100%;*/
	float: left;
	padding:0 10px 0 15px;	
}

div#left_3{
	width:777px;
	height: 370px;
	float: left;
	text-align:right;
	background-color:#fff;
}


div#right {
	width: 534px;
/*	height:100%;*/
	float: right;
	background-color:#fff;
}


div#main_content {
/*	height:700%;*/
	width:777px;
}

/*
div#right {
	width: auto;
	float: left;
	background-color:#576388;
}
*/


/*
div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/


/* Internal layout area divs =div#layout
---------------------------------------------------------------------------------------------
*/	




#header {
	background-image:url(images/fade_tile.gif);
	background-repeat:repeat-x;
	padding:0;
	text-align:right;
	}
	
	
/*#header h1.hidden {
	text-indent: -999em;
	}*/
	

#nav {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	color:#555;
	margin-top:80px;
	}	
	
#flash {
/*	position: absolute;
	top:0;
	left:0;
*/	height:160px;
	width:780px;
	background-image:url(images/flash.jpg);
	background-repeat:repeat-x;	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	color:#555;
	z-index:1000;	
	}		

#crossfade {
	width:777px;
/*	overflow:hidden;*/
	height:260px;
/*	margin:16px 0 0 0;
	background-image:url(/e107_images/crossfade/1.jpg);  */
	}
	
	
div#banner_img{
	width:777px;
	height:260px;
	}



#footer {
	width:777px;
	height:24px;
	float:right;
	text-align:left;
	margin-left:5px;
	padding-top:20px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:18px;
	background-color:#fff;
	color:#555;
	vertical-align:top;
/*	border-top: 1px solid #fefefe; */
	}	
	




/* Text styles for body copy =h1. =h2, =bodymain
---------------------------------------------------------------------------------------------
*/	



.bodymain { 
	margin:30px;
	height: 100%; 
 	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
 	line-height: 16px;
	padding-bottom:30px;
	_padding-bottom:60px;
	}
	

#bodymain { 
	height: 100%; 
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 18px;
	}


.ol, ol { 
 	font-size: 11px;
 	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	}

.li, li { 
 	font-size: 11px;
 	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
		
ul, .ul {
	list-style-image: url(/subpages/images/bullet.gif);
	font-size: 11px;
 	line-height: 18px;
	}	


h1, h2, h3, h4, p {
	margin: 0;
	}

h1 {
	margin-top: 14px;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #28465E;
	font-size:12px;
	line-height:14px;
	font-weight:bold;   
	}

h1.noimage {
	margin-top: 0;
	}

h1.hidden {
	visibility:hidden;
	text-indent: -999em;
	}

h2 { 
	margin:0;
	font-size:12px;
	line-height:14px;
	color: #28465E;
	font-weight:normal;
	}
	

h3 {
	margin-left: -30px;
	margin-bottom: -30px;
	font-size:20px;
	line-height:10px;
	color: #D02304;
	font-weight:normal;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;	
	}

h4 {
	margin-bottom: 2px;
	font: normal 90%/18px "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	color: #666666;
	}

abbr, acronym {
	padding-bottom: 2px;
	border-bottom: 1px dotted #666666;
	cursor: help;
	}
	
	
	
/* Link Styles =a:link
---------------------------------------------------------------------------------------------
*/	

/*
a:link, a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	_border-bottom: 1px soild #000;
	}

a:hover, a:active {
	color: #D02304;
	border-bottom: 1px dotted #D02304;
	_border-bottom: 1px solid #D02304;	
	}

a.images:link, a.images:visited, a.images:hover, a.images:active {
	border: none !important;
	}

#nav a:link, #nav a:visited {
	color: #000;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	font:Arial, Helvetica, sans-serif;
	background-color: transparent;
	border-bottom: none;
	}

#nav a:hover, #nav a:active {
	color: #5C2E01;
	border-bottom: 1px solid #5C2E01;
	}
*/


a:link, a:visited {
	color: #B4B450;
/*	background-color: #f1f1f1;*/
	text-decoration: none;
/*	border-bottom: 1px solid #D02304;
	border-bottom: 1px dotted #ff0000;  */
	border-bottom: none;
	_border-bottom: none;
	}

a:hover, a:active {
	color: #B4B450;
	border-bottom: 1px dotted #B4B450;
	_border-bottom: 1px solid #B4B450;
	}

a.images:link, a.images:visited, a.images:hover, a.images:active {
	border-bottom: none !important;
	}

#nav a:link, #nav a:visited {
	color: #666666;
	font-weight:300;
	font-size:11px;
	line-height:14px;
	padding: 0 20px 0 0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
 	border-bottom: none;
	}

#nav a:hover, #nav a:active {
	color: #CE2403;	
	}


/* Old Link Styles 



#nav a:link, #nav a:visited {
	color: #666666;
	font-size:11px;
	line-height:12px;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	background-color: transparent;
	border-bottom: none;
	}

#nav a:hover, #nav a:active {
	color: #5C2E01;
	border-bottom: none;
	}
	
*/	
	

#footer a:link, #footer a:visited {
	color: #555;
	background-color: transparent;
	border-bottom: none;
	}

#footer a:hover, #footer a:active {
	color: #333;
	border-bottom: 1px dotted #333;
	_border-bottom: 1px solid #333;
	}
		


/*
e017 styles  =e107
---------------------------------------------------------------------------------------------
*/


.cap_border, .left_caption, .menu_content  .non_default, .fborder, .forumheader3, .fcaption, .forumheader, .forumheader2 {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 18px;
	text-align:left;
	margin:0;
	}
	
.fcaption {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 18px;
	text-align:left;
	}		
.forumheader3 {
	vertical-align:top;
	padding:5px;
	text-align:left;
	}
	
.forumheader3b {
	visibility:hidden;
	vertical-align:top;
	padding:5px;
	text-align:left;
	}	

img {	
	border: 0px;
	}

form {
	margin: 0px;
	}

.tbox {
	border: #A5ACB2 1px solid;
	background-color: #fff;
	}


.indent {
	border: #999 1px dashed;
	padding: 5px;
	margin: 5px;
	background-color: #f7f7f9;
	}

.fborder, .border{
	border-collapse: collapse;
	border-spacing: 0px;
	font-weight:normal;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	line-height: 18px;	
	}


	
/* 
Standard sIFR Styles... do not modify   =SIFR
---------------------------------------------------------------------------------------------
*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
Decoy sIFR Styles   =DCOY
---------------------------------------------------------------------------------------------
*/

.sIFR-hasFlash h1 {
	visibility: hidden;
}




/*
Dropdown menu    =DROP
---------------------------------------------------------------------------------------------
*/



.menus_container {
	width: 170px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.default_menu {
	vertical-align: top;
}

/* Nav Menu Classes */

div#nav a:link {
	border-right: 3px soild #333;		
}

.navButton, a.navButton {
	border-right: 3px soild #333;	
}
	
div.menuBar a:hover, div.menuBar a:active, div.menu a:hover, div.menu a:active {
	color: #fff;
	font-weight:300;
	font-size:11px;
	line-height:11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}	


div.menuBar, div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu, div.menu a.menuItem {
	color: #fff;
	font-weight:300;
	font-size:11px;
	line-height:11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

div.menuBar {
	padding: 0px;
	text-align: right;
}

div.emenuBar {
	text-align: left;
}


div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	cursor: pointer;
	left: 0px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	padding: 0px 15px 10px 0px;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover {
	left: 0px;
	top: 0px;
}

div.menu {
	background-color: #f1f1f1;  
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;
	left: 0px;
	position: absolute;
	top: 0px;
	line-height:11px;
	visibility: hidden;
	z-index: 101;
	margin:0px 5px 0px -12px;
	_margin:3px 5px 0px -6px;
	padding:0;
	_padding:2px 0 0 0;
	text-align: left;
}

div.menu a.menuItem {
	cursor: pointer;
	display: block;
	text-decoration: none;
	line-height:11px;
	margin: 0;
	_margin:0;
	padding: 0;
	_padding:0;		
	white-space: nowrap; 
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #ffffff;
	line-height:20px;
}

div.menu a.menuItem span.menuItemBuffer, div.menu a.menuItem:hover span.menuItemBuffer {
	line-height:20px;		
}

div.menu a.menuItem span.menuItemText {
	margin: -2px 10px -2px 5px;
	_margin: 0;
	padding: 0px 10px 0px 5px;
	_padding: 0px 10px 0px 5px;	
	font-size:11px;
	line-height:8px;
}

div.menu a.menuItem span.menuItemArrow {
	margin: -2px 10px -2px 5px;
	_margin: 0;
	padding: 0px 10px 0px 5px;
	_padding: 0px 10px 0px 5px;	
	margin-right: -.75em;
	font-size:11px;	
}

div.menu div.menuItemSep {
	margin: -2px 10px -2px 5px;
	_margin: 0;
	padding: 0px 10px 0px 5px;
	_padding: 0px 10px 0px 5px;	
	font-size:11px;
}

a.menuItem.header {
	border-color:#fff !important;
}


#gallery { position: relative; width:825px; height:260px; margin:0; padding:0; overflow:hidden; }
#gallery li { display: block; }
	

#gallery2 { position: relative; width:777px; height:260px; margin:0; padding:0; overflow:hidden; }
#gallery2 li { display: block; }