@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: "helvetica",arial,sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background:url(../img/header.jpg) top center no-repeat;
height: 90px; /*Height of top section*/
margin-bottom:9px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background:url(../img/side_bar.jpg) top left no-repeat;

}

#contentcolumn{
margin-left: 319px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 319px; /*Width of left column*/
margin-left: -1024px; /*Set left margin to -(MainContainerWidth)*/
background:url(../img/side_bar.jpg) top left no-repeat;
}

#footer{
clear: left;
width: 100%;
background:url(../img/bottom_bar.jpg) top center no-repeat;
color: #FFF;
text-align: center;
padding:0;
height:34px;
border-top:10px solid #FFFFFF;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#headerimg {background:url(../img/rotating_image_bg.jpg) top left no-repeat; padding: 12px;}

/* CSS for div tag id=textarea1*/
#textarea1 h1{
	font-size: 24px;
	color: #000000;
}

#textarea1 h2{
	font-size: 20px;
	color: #000000;
}

#textarea1 h3{
	font-size: 16px;
	color: #000000;
}

#textarea1 h4{
	font-size: 14px;
	color: #000000;
}

#textarea1 p{
	font-size: 12px;
	color: #000000;
}

#textarea1 b, #textarea1 strong{
	font-size: 12px;
	color: #000000;
}

#textarea1 i, #textarea1 em{
	font-size: 12px;
	color: #000000;
}

#textarea1 ol{
	font-size: 12px;
	color: #000000;
}

#textarea1 ul{
	font-size: 12px;
	color: #000000;
	list-style-image: url();
}

#textarea1 li{
	font-size: 12px;
}
/* END CSS for div tag id=textarea1*/

/* CSS for div tag id=textarea2*/
#textarea2 h1{
	font-size: 24px;
	color: #000000;
}

#textarea2 h2{
	font-size: 20px;
	color: #000000;
}

#textarea2 h3{
	font-size: 16px;
	color: #000000;
}

#textarea2 h4{
	font-size: 14px;
	color: #000000;
}

#textarea2 p{
	font-size: 12px;
	color: #000000;
}

#textarea2 b, #textarea2 strong{
	font-size: 12px;
	color: #000000;
}

#textarea2 i, #textarea2 em{
	font-size: 12px;
	color: #000000;
}

#textarea2 ol{
	font-size: 12px;
	color: #000000;
}

#textarea2 ul{
	font-size: 12px;
	color: #000000;
	list-style-image: url();
}

#textarea2 li{
	font-size: 12px;
}

#textarea2 a, #textarea2 a:active, #textarea2 a:link, #textarea2 a:visited{
	font-size: 12px;
}
/* END CSS for div tag id=textarea2*/

/* CSS for div tag id=textarea3*/
#textarea3 h1{
	font-size: 24px;
	color: #000000;
}

#textarea3 h2{
	font-size: 20px;
	color: #000000;
}

#textarea3 h3{
	font-size: 16px;
	color: #000000;
}

#textarea3 h4{
	font-size: 14px;
	color: #000000;
}

#textarea3 p{
	font-size: 12px;
	color: #000000;
}

#textarea3 b, #textarea3 strong{
	font-size: 12px;
	color: #000000;
}

#textarea3 i, #textarea3 em{
	font-size: 12px;
	color: #000000;
}

#textarea3 ol{
	font-size: 12px;
	color: #000000;
}

#textarea3 ul{
	font-size: 12px;
	color: #000000;
	list-style-image: url();
}

#textarea3 li{
	font-size: 12px;
}
/* END CSS for div tag id=textarea3*/

/*CSS for Project Gallery Template*/
#visible_area{
	width:450px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:70px;/*required but obviously adjustable*/
}

#visible_area_menu {
	width:678px;/*required*/
	overflow:hidden;/*required*/
	position:relative;/*required*/
	height:150px;/*required but obviously adjustable*/
}

#testscroller, #testscroller2 {
	white-space:nowrap;
} 

#testscroller a, #testscroller2 a {
	display: inline-block;
	padding: 0 1 0 0; }
	
#mid { vertical-align:middle; }

#mid a { width: 30px;
opacity: .9;
filter: alpha(opacity=90);
outline:none;}

#mid a:hover { opacity: .75;
filter: alpha(opacity=75);}

#visible_area #bridgetools, #visible_area_menu #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }

/* End CSS for Project Gallery Template */