@charset "UTF-8";
/* CSS Document */

body, *
{
	margin: 		0;
	padding: 		0;
	font-family:	Arial, sans-serif;
	color:			#757575;
}

body
{
	font-size:			13px;
	line-height:		19px;
	background-color: 	#eae8e6;
}

/* Predefined styles */
a img, a:hover img, img
{
	border: 			0;
	text-decoration: 	none;
}

a { text-decoration: underline; color: #61abc7; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: 0; }

h1
{
	font-family: 	Georgia, "Times New Roman", Times, serif;
	color: 			#a4a3a2;
	font-size: 		30px;
	line-height: 	37px;
	font-weight:	normal;
	padding: 		12px 0 35px 0;
}

h2
{
	color: 			#757575;
	font-size: 		13px;
	font-weight:	bold;
	padding-bottom: 20px;
}

h3
{
	padding: 		7px 13px 9px 13px;
	font-family: 	Georgia, "Times New Roman", Times, serif;
	color: 			#fff;
	font-size: 		17px;
	font-weight: 	normal;
	background: 	#7dbed6 url(images/box_background.jpg) bottom left repeat-x;
}

p { margin-bottom: 12px; }
p.focus { font-weight: bold; }
p span { font-weight: bold; color: #61abc7; }

ul { list-style-position: outside; padding-left: 25px; margin-bottom: 25px; }
ul li { color: #61abc7; line-height: 22px; text-align: left; }
ul li span { color: #757575; }
ul.negative-top { margin-top: -5px; }
ul.frontpage li span { color: #61abc7; }

input, textarea
{
	width: 			250px;
	padding: 		3px 5px;
	font-size: 		11px;
}
textarea { height: 45px; }

table { border-collapse: collapse; }

.left { float: left; width: 485px; }
.right { float: right; width: 425px; text-align: right; }
.clearer { clear: both; }

.text-left { text-align: left; }

#wrapper, body
{
	width: 		1006px;	
	margin: 	0 auto;
}


/* Header */
#header
{
	position:		relative;
	height: 		192px;
}

#logo_link
{
	position: 	absolute;
	top: 		0px;
	left:		3px;
	display: 	block;
	width: 		100%;
	height: 	100%;
}

#menu
{
	position:			absolute;
	bottom:				8px;
	width: 				1006px;
	list-style-type:	none;
	background: 		url(images/menu_background.png) 0 0 repeat-x;
}

ul#menu { padding-left: 0; margin-bottom: 0; }

#menu li { float: left; }

#menu li a
{
	display: 			inline-block;
	height: 			36px;
	padding:			0 15px;
	line-height:		36px;
	background: 		url(images/menu_background.png) 0 0 repeat-x;
	text-decoration: 	none;
	color:				#fff;
	text-transform: 	uppercase;
	font-weight: 		bold;
	border-right:		1px solid #7cb7cd;
}
#menu li a:hover, #menu li a.active { background-position: 0 -36px; border-right: 1px solid #3e8da9; }


/* Content */
#content { padding: 20px 3px 10px 50px; }

.box
{
	position:		relative;
	max-width:		262px;	
	margin: 		0 69px 30px 0;
	float:			left;
}

.box img { position: relative; border: 8px solid #cddbdf; z-index: 2; }
.box.no-margin-right { margin-right: 0; }
.no-margin-right:after { clear: both; }

.box .description
{
	position:		relative;
	margin-top:		-13px;
	width: 			246px;
	padding-left: 	8px;
	z-index:		10;
}

.box p
{
	background-color: 		#cddbdf;
	padding: 				5px 13px;
	font-weight: 			bold;
}

#email2 { display: none; }
#submit_button { font-size: 13px; width: 80px; }



/* Footer */
#footer
{
	width: 					1006px;
	padding: 				3px 0;
	background: 			#cddbdf url(images/footer_background.jpg) bottom right no-repeat;
	font-size:				11px;
	line-height: 			15px;
}

#footer a#bos_logo
{
	padding: 	20px 40px 0 20px;
	width: 		208px;
}

#footer table { width: 400px; margin-top: 8px; }
#footer th { font-weight: bold; color: #61abc7; text-align: left; }
#footer td span { font-weight: bold; }

#footer ul { list-style-type: none; width: 100px; margin-top: 12px; }
#footer li { line-height: 15px; }



/* Sticky footer */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#main {overflow:hidden;
	padding-bottom: 76px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -76px; /* negative value of footer height */
	height: 70px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}