@charset "utf-8";



/* framework
---------------------------- */


#localLink {
	padding: 3px 0px 0px 10px;
}



#largeHeadline{
	width: 850px;
	height:65px;
	margin: 20px auto 20px auto;
}

.multiPageHeadline{
	width: 850px;
	height:65px;
	margin: 20px auto 0px auto;
}

#subHeadline{
	width:580px;
	height:35px;
	margin: 20px 0px 0px 0px;
}

#categoryBox {
	height: auto;
	width: 660px;
	margin: 20px auto 20px auto;
}

.catalog{
	width : 720px;
	height :  auto;
	margin : 0 auto;
	padding-bottom : 20px;
}


.exampleThumbnail{
	height: auto;
	width: 660px;
	margin: 0px auto 20px auto;
}




#mainColumn {
	float: left;
	height: auto;
	width: 630px;
	background-color:#ffffff;
}


#sidemenu {
	height: auto;
	width: 220px;
	float:left;
	background-color: #ffffff;
}



.articleColumn {
	float: left;
	height: auto;
	width: 610px;
	background-color:#ffffff;
}


.blogMenu {
	height: auto;
	width: 240px;
	float:left;
}





/* headline group
---------------------------- */


#headline {
	width: 600px;
	margin-top:20px;
	margin-bottom:10px;
	height:auto;
}

#preface {
	height: auto;
	width: 560px;
	margin: 0 auto;
	color:#555555;
}

/*

#preface {
	height: auto;
	width: 560px;
	margin: 0px auto 0px auto;
	color:#555555;
}
*/

.directLink{
	margin-top:20px;

}

.point {
	height: 20px;
	background: #ffffff url(/image/arrowBrs.jpg) no-repeat scroll left top;
	padding-left: 25px;
	margin-bottom:3px;
	display:block;
}

#headlineImg{
	width: 580px;
	height: auto;
	margin: 20px auto 10px auto;
}

.example{
	width:100px;
	margin:5px 10px 0px 0px;
	float:left;
}








/* side menu group
---------------------------- */

.sidemenuTub{
	border-bottom: 1px #a6937c dashed;
}


#sidemenuList {
	margin-top:20px;
}

.sidemenuLC {
	margin-bottom: 30px;
}


a.sidemenuLt {
	background-color: #ffffff;
	text-decoration:none;
	display:block;
	padding: 5px 0px 5px 0px;
	width:auto;
	height:auto;
	color:#603804
}

a.sidemenuLt:active {
	background-color: #fbecda;
	color:#603804;
}

a.sidemenuLt:visited {
	background-color: #ffffff;
	color:#603804;
}

a.sidemenuLt:hover {
	background-color:#fbecda;
	color:#603804;
}





/* blank space frame
---------------------------- */

#contentFrame{
	width: 580px;
	height: auto;
	margin: 0px auto 0px auto;
	padding-bottom:30px;
}


#meetingFrame{
	width: 520px;
	height: auto;
	margin: 0px auto 0px auto;
	padding-top:20px;
	padding-bottom:20px;
}

#meetingFrame2{
	width: 560px;
	height: auto;
	margin: 20px auto 10px auto;
	background-color:#f0e9dd;
}

.interviewFrame{
	width: 570px;
	height: auto;
	margin: 0px auto 0px auto;
	background: #ffffff url(/image/construction/interviewBgImg.jpg) repeat-y scroll center top;
}

.subFrame{
	width:580px;
	height:auto;
	margin:0px auto 0px auto;
	padding-bottom:30px;
}

#fullsizeFrame{
	width:750px;
	margin: 0px auto 0px auto;
}

.blogFrame{
	width:560px;
	height:auto;
	margin:0px auto 0px auto;
	padding-top:30px;
}





/* container
---------------------------- */

.categoryImg {
	float: left;
	height: 240px;
	width: 330px;
	text-align: center;
}


.categoryImgLarge {
	float: left;
	height: 300px;
	width: 330px;
	text-align: center;
}



.caption {
	text-align: left;
	height: 20px;
	width: 300px;
	margin: 2px auto 0px auto;
	padding-top:3px;
	border-top:1px #c0c0c0 dashed;
}


.topic {
	width:580px;
	margin: 0px auto 0px auto;
	padding-bottom:10px;
}



.distinction {
	text-align: left;
	width: 560px;
	margin: 0px auto 0px auto;
}

.gotop{
	width:100%;
	text-align:right;
	padding-top:5px;
	clear:both;
}

#displayList{
	padding-top:20px;
	padding-bottom:20px;
}


/* inner container
---------------------------- */

.subhead{
	padding-bottom:20px;
}

.divider{
	padding-top:15px;
}

.subImg {
	width: 560px;
	height: auto;
	margin:10px auto 0px auto;
}
	
.sideTxt {
	float: left;
	width: 330px;
	height: auto;	
}

.sideImg{
	float: right;
	width: auto;
	height: auto;
}

.smallsideTxt{
	float: left;
	width: 300px;
	height: auto;
}

.largesideTxt{
	float: right;
	width: 350px;
	height: auto;
}

.columnTxt{
	width:280px;
	height:auto;
	float:left;
	color:#555555;
	margin-top:10px;
}

.bottomLinks{
	padding-top:20px;
	padding-bottom:10px;
	width:540px;
	margin:0px auto 0px auto;
}



