body {	
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#siteshell {
	width:1020px;
	margin:10px;
	padding:10px;
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
}

#logo{
	width:400px;
	height:100px;
	float:left;
	padding-top:20px;
	text-align:left;
	background:url(/plansource/img/logo.png) no-repeat bottom left;
}

#topimage{
	width:500px;
	float:right;
	right:50px;
	background:url(/plansource/img/group.jpg) no-repeat top right;
	height:170px;
	text-align:right;
}

#bottomgraphic{
	position:absolute; 
	top:450px; left:600px;
}


/*DropdownMenu --------------------- */


/*all header styles are only for the top drop-down menu */
 
#header{
	position:relative;/*this is needed to keep the dropdowns working... for some reason */
    float:left;
    width:100%;
	background:#1665a1;
	z-index:3;
}

#header a {
font-weight:bolder;
color:#FFFFFF;
}

#menu { /* all lists */

	margin:0;
    list-style:none;

}

#outerli { /* all list items */
	float:left;
    margin:0;

}

#menu li ul { /* second-level lists.  Controls style of list background */
	position: absolute;
	display:block;
	background: white;
	list-style:none;
	text-align:left;
	margin:0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
	border-top:none;
 /*	width: 11em;width: 11em; width needed or else Opera goes nuts.  Now located in if statement on pages */	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menulink {
    display:block;   
	padding:.3em 1em .3em 1em;
    text-decoration:none;
    font-weight:normal;
    border-left: .5px solid #FFF;

	}
	
#submenulink {
	background: none;  
	text-align: left;
	}
	
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	text-align:left;
	margin-left:1px;
}

#menu a:hover {
    color:#CCC;
}
    
#header #current {

	float:left;
    margin:0;
}

#header #current a {

	color:#FFF;
}

#submenu ul li {
	list-style:none;
	text-align:left;
}

#submenu{

}

#drop{
	list-style:none;
	background: white;
	margin:10px 25px 10px -15px;
	
}

#drop a{
color:#999999;
font-weight:normal;
}


/*
LINKS --------------------- */

a:link, a:active, a:visited {
	color: #FFF;
}

a img {
	border-width: 0; 
	border-style: none;
}


/*
COMMON --------------------- */

br {
	clear: both;
}

hr {
	display: none;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding-top: 0px; 
	font-size:smaller;
	line-height:125%;
	text-align:left;
}

h4 {

}

/*
Main Content --------------------- */

#container{
	clear:both;
	position:relative;

}

#mastcontent{
	margin-left:40px;
	margin-top: -15px;
	width:60%;
	text-align:left;
	float:left;
}

#mastcontent p{
	margin-left:100px;
}

#subcontent{
	width:25%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align:left;
	float:right;
	background-color:#F5F5F5;
	padding:10px;
	border:2px solid #E5E5E5;
}

#subcontent p{

	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#subcontentbox{
	background-color:#FFFFFF;
	border:1px solid #E5E5E5;
	padding:10px;
	margin-bottom:10px;
}


#footer {
	padding-left:10px;
	clear:both;
	border-top: 1px solid #1665a1;
}

.footerfloats{
	width:250px;
	float:left;

}



#sidetext {
	position:absolute;
	top: 81px;
	left:20px;
	width:100px;
	background-color:#FFFFFF;
	font-style:italic;
	font-size:12px;
	font-weight:600;
	text-align:right;
	color:#1665a1;
	z-index:2;
	padding-bottom:10px;
}

#lines{
	position:absolute; 
	top:86px; 
	left:30px; 
	width:90px; 
	text-align:right;
	z-index:1;
}

/* Solutions page */
.productbot {
	float: left;
	width: 200px;
    height: 220px;
	position: relative;
	padding: 10px 3px 0px 0px;
    background:url(../img/blue%20gradient2.png) no-repeat left top;
	color: rgb(0, 101, 164);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		