/*original*/


img	{
	display: block;
	border: 0;
	}

div.imgholder {
float:left;
background: url(../dropshadow.png) no-repeat bottom
right;
background: url(../dropshadow.gif) no-repeat bottom right;
margin: 10px 7px 0 10px;

width: 40%;

}
div.imgholder img {
display:block;
position:relative;
background-color: #fff;
border: 1px solid #666;
margin: -3px 5px 5px -3px;
padding: 2px;
}

body { 
margin:0;
padding: 0;
border-top: 5px solid #bbb;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 25px;

}

ul li {
	padding: 2px 10px 10px 0;}

#wrapper	{
	color: #333;
	margin: 10px auto;
	padding: 0;
	border: 20px solid maroon;
	border-top: 5px solid maroon;
	width: 100%;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 900px;	 /* width of entire page */
	}

html>#wrapper	{
	width: 100%;
	} 


div.ownerletter {
border: .5px;
border-color: #000099 ;
border-style: solid;
margin: -3px 5px 5px -3px;
padding: 15px;
}

div.important1 {
background-color: #FFFFCC;
border-color: #000099 ;
border: .5px;
border-style: solid;
margin: -3px 5px 5px -3px;
padding: 10px;
}



p, li { font-size: 1.1ems; 
font-family: Verdana, Arial, sans-serif; 
height: auto; 
width: auto; 
}

#header {

float:left;

}

#logo {

float: left;
padding-bottom: 2em;
}

#address {

float: right; /*have to keep this for IE */
padding-right: 10px

}

#footer img { display: inline;
}

#footer {
padding-bottom: 1em;
border-top: 1px solid #333;
text-align:center;
vertical-align: middle;
}


/*typography*/
/*Best sizes: 218%, 164%, 145%, 118%*/

h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 118%;  font-weight: bold; color: #000099; }

h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 118%; font-weight: bold; color: #000099}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 118%; font-weight: bold; color: #000099}

h4 {font-family: Arial, Helvetica, sans-serif; font-size: 118%;  font-weight: bold; color: #000099}
body {font-size: 80%}
div.blogtitle1 { font-family: Arial, Helvetica, sans-serif; font-size: 118%;  font-weight: bold; color: #000099; background-color:#CCCCCC;} /*for blog*/

#navigate {position: absolute; top: 100px; padding: 0.25em 0 0.25em 1em;
 z-index: 1; overflow: hidden; clear:left;
  height: auto;  line-height: 2;}
  
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul {padding-left: 0.5em;}

#navlinks {float: left; width: 100%;}
#navlinks a {text-decoration: none;}
#navlinks li {float: left; list-style: none; margin-left: 1px;}
#navlinks li a {padding: 0.25em 5px; margin-right: 0.125em;
  border-top: 0.75em solid #60282D; border-bottom: 1px dotted #FFF;
  font-weight: bold; color: #668;}
#navlinks li ul {display: none; border: none;}
#navlinks li li a {font-weight: normal;}
#navlinks a:hover {border-top-color: #0e37BF;}
#navlinks #otherLink {margin-left: 1.75em;}
/*modified RTL 03-26-05 causes buttons to stay active on activepage; markup is more than needed for functions, but needed for clarity*/
/*the following keep samples highlighted on the subpages for samples*/
#guides #sampleslink a,
#demos  #sampleslink a,
#onlinehelp  #sampleslink a,
#webcontent  #sampleslink a,

/*the following keep top level links highlighted*/
#home #homelink a,
#demos #demoslink a,
#help #helplink a,
#tips #tipslink a,
#newsfeed #newsfeedlink a,
#about #aboutlink a,
#samples #sampleslink a,
#guide #guidelink a,
#quote #quotelink a,
#webcontent #webcontentlink a
{border-color: #0e37BF #FFF #FFF; background: #0e37BF; color: #FFF;}

/*for previous values, 1-3=colors for top, right, and bottom, background=background of link, color=text color*/ 

/*new*/

#footer img {
	vertical-align: middle;
	border: 0;
	}
#footer {
	border: 0;
	border-top: 1px solid #ccc;
	color: #666;
	background: #eee;
	padding: 5px 7px 7px 10px;
	text-align: left;
	clear: both;
	font-size: 80%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}

html>#footer	{
	font-size: 80%;
	} 

#footer p	{
	margin: 10px 0;
	padding: 0;
	}

#footer ul	{
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#footer li	{
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
	border: 0;
	}	

/*new*/

#header	{
	background: #fff;
	color: #333;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	}

#pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
	}

#maininfo	{
	float: left;
	margin: 10px;
	padding: 10px;
	width: 600px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 600px;	 
	}

html>#maininfo 	{
	width: 600px;
	} 
	
#quotes	{
margin: 10px 5px 5px 3px;
padding: 10px;

	color: #666;
	background: white; 
	/* compensates for IE Win bungling */
	height: 100%;
	}	

#quotes p	{
	text-align: left;
	}

/*side navigation*/
	
div.menu {
    width:20%; /*adjust for side nav*/
   padding:0;
  	float:left;
	top:auto;
	
}

div.menu a {
    display:block;
    margin:0;
    width:100%;
    padding:0.3em;
    font-weight:bold;
    border-top:1px solid #000;
    color:#00f;
    text-decoration:none;
}

div.menu li { list-style-type:none;}

html>body div.menu a {width:auto;}

div.menu a:hover {background-color: #999999; color:#FFFFFF}

#guides div.menu a#guideslink,
#demos  div.menu a#demoslink,
#onlinehelp  div.menu a#onlinehelplink,
#webcontent  div.menu a#webcontentlink
{background-color: #000099; color:#FFFFFF;}
/*get quote buttons*/

a.getquote img {background: url(../img/quote1.gif);height: 24px; width: 129px; border-width: 0; top left no-repeat;}
a.getquote:hover img {background: url(../img/quote2.gif); top left no-repeat;}

/*ask a question buttons*/
a.askquestion img {background: url(../img/askquestion2.gif);height: 24px; width: 129px; border-width: 0; top left no-repeat}
a.askquestion:hover img {background: url(../img/askquestion1.gif); top left no repeat;}