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

body {margin:0;padding:0;color:#000;background:#4E5869;font:100%/1.4 Arial,Helvetica,sans-serif;}

ul, ol, dl {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, p {margin-top:0;padding-right:15px;padding-left:5px;}
a img {border:none;}

.container {width:1000px;background:#FFF;margin:0 auto;}
.contentBox1 {float:left;width:100%;background-color:#FFF;}
.contentBox2 {float:left;width:100%;background-color:#FFF;overflow:hidden;}

.header {height:170px;overflow:hidden;background:#FFF url(images/background.jpg);background-position:35px top;}

ul ul {display: none;}
#topNavCon {height:15px;background:#06F url(images/bg_topnavc.png) repeat-x;}
#topNavCon ul#topNav {list-style:none;margin:0;padding:0;font-family:Arial, Verdana;font-size:14px;text-align:center;}
#topNavCon ul#topNav li {display:block;position:relative;float:left;}
#topNavCon ul#topNav li a span {display:block;text-decoration:none;min-width:150px;padding:5px 15px 5px 15px;color:#FFF;background:#1588BE url(images/bg_topnav.png) repeat-x;white-space:nowrap;}
#topNavCon ul#topNav li ul li a.lev2 {display:block;text-decoration:none;min-width:150px;padding:5px 15px 5px 15px;color:#FFF;white-space:nowrap;}

#topNavCon ultopNav li ul li a {color:#FFF;}
#topNavCon ul#topNav li ul li a {padding-left:15px;background:#1588BE;border-bottom:1px solid #93A5C4;}
#topNavCon ul#topNav li a:hover, #topNav ul li ul li a:hover {background:#234f72;color:#FF6266;border-bottom:1px solid #FF6266;}
#topNavCon ul#topNav li:hover ul {display:block;position:absolute;}

#leftNavCon .starfish {width:40px;height:40px;padding:1px 10px 1px 5px;float:left;}
/*
#1588BE = light blue background
#225377 = dark blue background
#93A5C4 = blue grey border
#FF6266 = light red border/font
#EAD697 = leftNav yellow
 */
#leftNavCon {float:left;width:250px;height:100%;background:#FFF;}
#leftNavCon ul li a {color:#000080;}
#leftNavCon ul, #leftNavCon ul ul {z-index:5000;}
#leftNavCon ul li {list-style:none;position:relative;height:50px;background:#FFF url(images/bg_leftnav2x.jpg) no-repeat;background-position:top right;color:#000080;border-bottom:2px solid #93A5C4;}
#leftNavCon li:hover.leftNavMain {background:#FFF url(images/bg_leftnav2x.jpg) no-repeat;background-position:bottom right;border-bottom:2px solid #0154a2;font-weight:bold;}
#leftNavCon li span, #leftNavCon li.leftNavMain a {display:block;padding-top:10px;text-decoration:none;line-height:.9em;}
#leftNavCon li.leftNavSub a {display:block;padding-top:7px;text-decoration:none;font-size:12px;}
#leftNavCon ul ul {display:block;position:absolute;left:-999em;border:#000 solid 1px;}
#leftNavCon li.leftNavSub {height:30px;padding-left:10px;background:#FFF url(images/bg_leftnavSub2x.jpg) no-repeat;background-position:top right;font-weight:lighter;}
#leftNavCon li:hover ul, #leftNavCon li.over ul {display:block;position:absolute;left:250px;top:0;width:225px;}
#leftNavCon li:hover.leftNavSub {height:30px;background:#FFF url(images/bg_leftnavSub2x.jpg) no-repeat;background-position:bottom right;border-bottom:2px solid #0154a2;font-weight:bold;}

.content {width:740px;padding:10px 0 50px 10px;float:left;background-color:#FFF;}
.content ul, .content ol {padding:0 15px 15px 40px;}

#bigBoxSection {width:100%;height:150px;padding:5px 0;background:#06F url(images/bg_bigBoxSection.png) repeat-x;}
.bigBoxContainer {float:left;width:185px;text-align:center;}
.bigBox {width:150px;height:150px;margin:auto;}
#bigBoxContainerBot {height:15px;background:#06F url(images/bg_bigBoxBottom.png) repeat-x;border-bottom:1px solid #FF6266;}

.bigBox {border:#000 double 3px;}
.bigBox:hover {border:#EAD697 double 3px;}

.blogPost {width:710px;margin:5px 0 25px 10px;border:#DDD solid 1px;}
.blogPost:hover {border:#93A5C4 solid 1px;cursor:default;}
.blogTitleBox {background-color:#EEE;border-bottom:#AAA solid 1px;}
.blogTitleText {display:block;padding:0 5px;color:#234F72;font-size:1.1em;}
.blogContentText {display:block;min-height:50px;padding:10px 15px;font-size:.9em;}
.blogFooter {height:25px;text-align:right;padding-right:15px;font-size:.7em;color:#FF6266;}
a.blogFooterRead:link {color:#FF6266;text-decoration:underline;}
a.blogFooterRead {color:#FF6266;text-decoration:underline;}
a:hover {text-decoration:none;}
a.blogFooterRead:active {color:#FF6266;text-decoration:underline;}

.title {font-weight:bold;}
/* ~~The footer ~~ */
.footer {
	padding: 10px 0;
	background: #6F7D94;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;

}

.refEntry {
	margin-left: 30px;
	margin-right: 30px;
}