<!--
.style1 {
	font-size: 1em;
	font-weight: bold;
}
.style3 {font-size: 1.1em}
-->

http://be-con.org/style.css

/* CSS Document */

/*PAGE LAYOUT*/
body { width: 850px; background-color:#dce4f1; margin: 10px 20px 0; }

#logo {float:left; background-image:url(images/header.jpg); width:850px; height:78px;}
#menu {float:left; width:850px; height:32px; background-image:url(images/bg_menu.gif); background-repeat:repeat-x;}
#contenttext {float:right; width:455px; margin-top:20px;}
#leftpanel { height:496px; background-image:url(images/header2.jpg); background-repeat:no-repeat; background-color:#dce4f1; width: 395px !important; float: left !important; margin: 65px 0 0; padding: 0 !important; border-top-width: 16px; }
#lefttext {float:left; width:395px; height:360px; margin-top:510px; margin-bottom: 15px; padding-top:20px; padding-left:10px; padding-right:20px; background-image:url(images/box.jpg); background-repeat:no-repeat; background-color:#DCE4F1; text-align:center;}
#leftform {float:left; width:380px; margin-top:510px; padding-top:20px; padding-left:10px; padding-right:10px; background-image:url(); background-repeat:no-repeat; background-color:#DCE4F1; text-align:justify;}
#leftphoto {float:left; width:385px; height:365px; margin-top:20px; margin-bottom: 20px;}
#leftpicture {float:left; width:385px; margin-top:20px; margin-bottom: 20px;}
#photos {float:left; width:850px; margin-top: 10px; background-color:#DCE4F1;}
#line {float:left; width:850px; height:2px; margin-top: 10px; background-image:url(images/line.gif); background-repeat:repeat-x;}
#spacer {float:right; width:428px; height:2px; margin-top:10px; margin-left:20px; background-image:url(images/line.gif); background-repeat:repeat-x;}
#banners {float:left; width:850px; height:785px; background-color:#ffffff; margin-left:0px; margin-top:10px; text-align:center;}
#footer {float:left; width:850px; background-color:#DCE4F1; margin-left:0px; padding-top:10px; text-align:center;}

/*TEXT STYLES*/

h1 {
	font: 1.5em Tahoma, sans-serif;
	color: #5E6BA8;
	font-weight:bold;
	text-align: center;
}

h2 {
	font: 1.0em Tahoma, sans-serif;
	color: #5E6BA8;
	font-weight:bold;
	text-align: center;
}

h3 {
	font: .8em Tahoma, sans-serif;
	color: #666666;
	font-weight:bold;
	text-align: justify;
	padding-left: 30px;
	padding-right: 40px;
}

.bodytext {
	font: 0.8em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.8em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align: left;
	padding-top:12px;
	padding-left:20px;
	padding-bottom:0px;
	color:#93B2E0;
}
.whitetitle {
	font: 0.8em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 1em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#DCE4F1;
}
.smallyellowtext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #F2DE57;
}
.smallwhitetext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #DCE4F1;
}
.smallwhitetext a{
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	color: #F2DE57;
	text-decoration:none;
}
.smallgraytext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#2A3869;
	text-decoration:none;
}
.smallgraytext a:hover{
	color: #93B2E0;
	text-decoration:none;
}
.smallbluetext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;;
}
.smallbluetext a{
	font: 0.8em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#2A3869;
	text-decoration:underline;
}
.smallbluetext a:hover{
	color: #666666;
	text-decoration:underline;
}