body {
	background-color: #999999;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 12px;
	color: #454545;
}
*, html, body {margin:0;padding:0;}
p, div, td {line-height:135%;}

/*Basic Links*/
a:link, a:visited {text-decoration:underline;}
a:hover {color: #666666;text-decoration:none;}
a.img{border:0;}

a:focus {outline:0;}
ul {padding-left:20px;}

#site_map ul li ul li {cursor:pointer; text-decoration:underline;}

h1 {
	margin: .7em 0;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.7em;
	line-height: 1.7em;
	font-weight: bold;
	text-transform: none;
}


.c1 {color:#99cc00;} /*green*/
.c2 {color:#cc3300;} /*red*/
.c3 {color:#003366;} /*blue*/
.c4 {color:#cc9900;} /*orange*/
.c5 {color:#cccc99;} /*tan*/
.c6 {color:#663366;} /*purple*/

.footer_c1 {color:#99cc00;} /*green*/
.footer_c2 {color:#cc3300;} /*red*/
.footer_c3 {color:#999999;} /*blue*/
.footer_c4 {color:#cc9900;} /*orange*/
.footer_c5 {color:#cccc99;} /*tan*/
.footer_c6 {color:#999999;} /*purple*/


h2 {
	margin: 1em 0;
	color:#333333;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-transform: none;
}

h3 {
	margin: 1em 0;
	color:#666666;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: none;
}

#logo{
    _height:70px;
	min-height:70px;
	padding-left:20px;
}

#logo_txt {
	height:56px;
	position: relative;
	top: -22px;
}


#logo_txt a {
	color:#545454;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 2em;
	/*line-height: 1.7em; */
	font-weight: bold;
	text-transform: none;
	text-decoration:none
}

#logo_txt a:hover, .logo_txt a:link, .logo_txt a:visited, .logo_txt a:active, {
	text-decoration:none
}

#contact_name {
	margin: 1em 0;
	color:#333333;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: none;
}

#contact_image{
	border: 1px solid #cccccc;
	float:left;
	margin:0px 10px 0px 0px;
	padding: 5px;
}

#contact_container{
	padding-left:10px;
}

#contact_noimage{
	float:left;
	margin:0px 10px 0px 30px;
	padding: 5px;
}


#contact_image .contact_photo{
margin-bottom: 5px;
}
#contact_image .email_button{
float:left;
margin-right:4px;
font-size:10px;

}


#contact_noimage .email_button{
float:left;
margin-right:4px;
font-size:10px;

}

#rates {
	margin-top: 10px;
}

.clear {
clear:both;
}

#sidebar_heading {
	margin: 1em 0;
	font-family: "Trebuchet MS", "Geneva CY", Verdana;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: none;
}

#footer_teaser{
	padding:0 15px 0 15px;
}

#twrap {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#pagebg {
	background-image: url(../images/d33_bodybg.png);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:0;
}
#wrapper {
	width: 760px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
td#main { margin:0; padding:0;}

table#maintable {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
td#teaserbox {
	background-color:#000000;
	background-image: url(../images/d33_teaserbar.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin:0px;
	padding-bottom:19px;
    /*padding-bottom:2px;*/
}
#teasers div {
	margin: 0;
	padding:0;
	}
td#maincol {
	margin: 0px;
	padding: 0px;
	
}
td#maincol .inside {
padding: 15px;
}
#leftcol .inside, #rightcol .inside {
	width:100%;
	padding:5px;
	margin:0;
	position: relative;
}
td#rightcol {
	width:251px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/d33_modulefade.png);
	background-repeat: no-repeat;
	background-position: left top;
}
td#leftcol {
	width:200px;
	padding: 0px;
	background-image: url(../images/d33_modulefade.png);
	background-repeat: no-repeat;
	background-position: right top;

}
td#leftshadow {
	background-image: url(../images/d33_wrapleft.png);
	background-repeat: repeat-y;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	width: 5px;
	vertical-align: top;
}
td#rightshadow {
	background-image: url(../images/d33_wrapright.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	margin: 0px;
	padding: 0px;
	width: 5px;
	vertical-align: top;
}
#footerbar {
	clear:both;
	width:100%;
	height:18px;
	background-image: url(../images/d33_bottombar.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#footerbar .rightcorner {
	float:right;
	width:18px;
	height:18px;
	padding: 0;
	margin: 0;
	background-image: url(../images/d33_rightcorner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}



td#teaserbottom {
	background-color: #181818;
	border-top-width: 10px;
	border-top-style: solid;
	padding: 5px;
	background-color:#000000;
	background-image: url(../images/d33_teaserbottombg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
}
#teaserbottom p, #teaserbottom div, #teaserbottom td {
	color: #FFFFFF;
	font-size: 12px;
}


.designer, .designer a, .designer a:visited {text-align:center; text-decoration:none; margin-bottom:10px; font:11px normal Arial, Helvetica, sans-serif; color:#666;}


/*Some bonus custom styles*/
ol {margin-left:25px;}
blockquote {padding:5px; border: 1px dashed #cecece; background: #ececec; color:#323232; margin:3px; font-size:.90em;}
ul#checklist {padding-left:5px; list-style:none;}
#checklist li {background:url(../images/d33_checklist.png) no-repeat left center; padding-left:16px; margin: .25em 0 .25em 0;}
.right{display:none;}

#headercontainer {
	/*height: 161px;*/
	min-height:161px;
	_height:161px;
	width: 100%;/*inner element*/
	margin: 0px;
	padding: 0px;
	margin:0px;
	background-color:#ffffff;
	background-image: url(../images/d33_headerbg.png);
	background-repeat: repeat-x;
}
#header {
	/*height:90px;*/
	min-height:90px;
	_height:90px;
	width: 100%;/*inner element*/
	margin: 0px;
	padding: 0px;
	margin:0 auto;
}

#topnav{ text-align:right;
padding-top:15px;
padding-right:10px;	
}

#topnav a, #topnav a:active,#topnav a:link, #topnav a:visited{ 
color:#666666;
text-decoration:none;
}

#topnav a:hover { 
text-decoration:underline;
}

#topnav { 
text-align:right;
padding-top:15px;
padding-right:10px;	
}

#grabber {
padding: 0px 0px 0px 0px;
font-size:11px;
background-color:#000000;
}

#leadgrabber_container {
padding: 0px 10px 0px 10px;
}

#leadgrabber ul li a, #leadgrabber ul li a:active, #leadgrabber ul li a:link, #leadgrabber ul li a:visited { 
color:#ffffff;
/*font-weight:bold; */
font-size:11px;
text-decoration:none;
}

#leadgrabber ul li a:hover { 
font-size:11px;
text-decoration:underline;
}


#navcontainer_c1 {background: url(../images/d33_menubg2_c1.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c2 {background: url(../images/d33_menubg2_c2.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c3 {background: url(../images/d33_menubg2_c3.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c4 {background: url(../images/d33_menubg2_c4.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c5 {background: url(../images/d33_menubg2_c5.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c6 {background: url(../images/d33_menubg2_c6.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}
#navcontainer_c7 {background: url(../images/d33_menubg2_c7.png) repeat-x;height: 60px;
	padding: 0px 0px 0px 15px;
	position:relative; z-index:10001;}





#hmenu { 
/*
	This controls the outer div of the navigation menu. This is an
	absolutely positioned element. Set the position by setting top and left cordinates from
	the closest parent that is absolutely positioned. If no element is absolutely positioned
	then this will be based off of the browser window.
*/
	width:100%; 
	left:0px; 
	
	/* leave be unless you want the nuts and bolts */
	position:absolute;
	z-index:101;
}

#hmenu ul li { 
	
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	height: 33px;
	line-height: 33px;
		
    
    /* leave be unless you want the nuts and bolts */
    position:relative; 
    display:block;
    float:left; 
    margin:0;padding:0;
}

#hmenu ul li.c1{background: url(../images/d33_menubar_c1.png) 100% 0 no-repeat;}
#hmenu ul li.c2{background: url(../images/d33_menubar_c2.png) 100% 0 no-repeat;}
#hmenu ul li.c3{background: url(../images/d33_menubar_c3.png) 100% 0 no-repeat;}
#hmenu ul li.c4{background: url(../images/d33_menubar_c4.png) 100% 0 no-repeat;}
#hmenu ul li.c5{background: url(../images/d33_menubar_c5.png) 100% 0 no-repeat;}
#hmenu ul li.c6{background: url(../images/d33_menubar_c6.png) 100% 0 no-repeat;}


#hmenu ul ul li { 
/*
	This controls the SECOND and THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the second and third level menu items. Any value not set here will be inherited from the main declarations above
	The value for width will control the overall width of a single menu item. Values for the span tag and others will
		need to match up to this value.
*/
	width:150px;
	background-color:#666666;
	opacity: .95;
	display:inline-table;
	color: #fff;
	font-weight: normal;
	height:auto;
	line-height: 14px;
	padding:3px 0px;
}

#hmenu ul ul ul li { 
/*
	This controls ONLY THE THIRD LEVEL menu items. You will set color, font, width, border and background here.
	Keep in mind that these settings are for only the third level menu items. Any value not set here will be inherited from the main declarations above
*/
opacity: 1.60;
	
}

#hmenu ul li span { 
/*
	This controls the span within all li's, though you can change secondary and tertiary items below.
	You will use this to mainly declare padding around the text.
*/
	padding:5px;
	padding: 0 15px;
	    
    /* leave be unless you want the nuts and bolts */
    display:block;
}

#vmenu ul ul li span {
/*
	This controls the span within SECOND AND THIRD LEVEL li's. You will use this to mainly declare padding around the text.
*/
	padding:0;
	
	
	
	
}

#hmenu ul ul {
	
	width:130px; 
	/* etc, etc */
	position:absolute;
}

#hmenu ul ul ul {
/*
	This controls the positioning of ONLY THE THIRD LEVEL menus. 
	Top is from the BOTTOM of the parent menu item.
	Left is from the left of the parent menu item. 
		Usually top should be the height of the menu. 
		Left should usually be same value as width of li's.
*/
    margin-top:-17px; 
    margin-left:150px;
    
    /* leave be unless you want the nuts and bolts */
    display:none; 
    position:absolute; 
}

#hmenu ul ul.lastchild ul { 
/*
	This is for the last main menu that will appear to the right.
	We want the second and third level menus to appear to the left so as not
	to break a horizontal scrollbar. 
	For example: If the li is set to 130 then this ought to be set to -132.
*/
	margin-left:-182px;
}
 
#hmenu ul li:hover, #hmenu ul li.hover {

	background:#000;
	color:#fff;
}

#hmenu ul ul li:hover, #hmenu ul ul li.hover {
	
}

#hmenu ul#navmenu li.c1 ul li span:hover, #hmenu ul#navmenu li.c1 ul li span.hover {color:#99cc00; z-index:10001;} /*green*/
#hmenu ul#navmenu li.c2 ul li span:hover, #hmenu ul#navmenu li.c2 ul li span.hover {color:#cc3300; z-index:10001;} /*red*/
#hmenu ul#navmenu li.c3 ul li span:hover, #hmenu ul#navmenu li.c3 ul li span.hover {color:#cccccc; z-index:10001;} /*blue*/
#hmenu ul#navmenu li.c4 ul li span:hover, #hmenu ul#navmenu li.c4 ul li span.hover {color:#cc9900; z-index:10001;} /*orange*/
#hmenu ul#navmenu li.c5 ul li span:hover, #hmenu ul#navmenu li.c5 ul li span.hover {color:#cccc99; z-index:10001;} /*tan*/
#hmenu ul#navmenu li.c6 ul li span:hover, #hmenu ul#navmenu li.c6 ul li span.hover {color:#cccccc; z-index:10001;} /*purple*/
#hmenu ul#navmenu li.c7 ul li span:hover, #hmenu ul#navmenu li.c7 ul li span.hover {color:#cccccc; z-index:10001;} /*Clarion*/


#hmenu ul ul li img { 
/*
	This controls the arrow image that will appear on li tags with submenus.
	Set the 'arrow_white' for a white arrow and 'arrow_black' for a black arrow.
	You can upload a custom image as long as you give reference to it.
*/ 
	background:url(../images/arrow_white.gif) no-repeat;	
	
	/* leave be unless you want the nuts and bolts */
	width:16px; height:14px;
	float:right;border:0px;
}

/* leave these be unless you want the nuts and bolts */
#hmenu ul {
	width:100%;
	position:relative;
	list-style:none;
	padding:0;margin:0;
	overflow:visible;  
	z-index:99;
}

#hmenu ul ul {
    display:none;   
}

#hmenu ul ul li:first-child, #hmenu ul ul li.firstchild {
	border-top-width:1px; 
}

#hmenu ul li:hover ul ul, #hmenu ul li:hover ul ul ul, #hmenu ul li.hover ul ul, #hmenu ul li.hover ul ul ul {
    display:none; 
}

#hmenu ul li:hover ul, #hmenu ul ul li:hover ul, #hmenu ul li.hover ul, #hmenu ul ul li.hover ul {
    display:block;
}

#hmenu ul li span:hover, #hmenu ul li span.hover {
	cursor:pointer;
}

li>ul { 
	top: auto;
	left: auto;
}
/* END NAVIGATION MENU */






#submain { font-size:12px;width:97%;text-align:justify; } /* Controls the div element containing all sub content */
#submain_head { margin-bottom:20px; } /* Controls the page title and page title summary area of the sub page */
#submain_head .head_img { float:right;padding:0 0 5px 5px; } /* Controls the image on the top of each sub page */
#submain h3 { font-size:17px;padding:0;margin:0; } /* Controls h3 content within sub content (sub page title) */
#submain h4 { font-size:14px;padding:0;margin:0; } /* Controls h4 content within sub content (sub page sub areas) */
#submain h5 { font-size:13px;padding:0;margin:0; } /* Controls h5 content within sub content (sub page sub areas -a bit smaller) */
#submain p { padding:0 0 3px 0;margin:0; }
#submain ul { padding:0 0 20px 34px;margin:0; }
#submain li { padding:2px 0 4px 0;margin:0; }
#submain dl { padding:5px 0 0 0;margin:0; }
#submain dt { font-weight:bold;font-size:13px;text-decoration:underline;padding:0;margin:0; }
#submain dd { padding:0 0 15px 0;margin:0; }
#submain table { padding:0 0 5px 0;margin:0;width:100%; }
#submain table th { font-size:13px;font-weight:bold;vertical-align:bottom;text-align:left;border-bottom:2px solid #CCCCCC; }
#submain table td { font-size:12px;padding:3px 0 3px 0; /*border-bottom:2px solid #CCCCCC;*/ }
#submain .subitem { padding-bottom:10px; } /* Controls sub page mini areas */
#submain .subitem_a { float:left; } /* each mini area has two columns. This is side a (left) */
#submain .subitem_b { padding-left:20px; } /* each mini area has two columns. This is side b (right) */
#submain .subitem_icon { padding:0;margin:0 } /* This controls the little image icon in each mini area */
#submain .ha { padding-bottom:6px } /* Every bit of text the user has typed in via the html area will be wrapped in this class */


/* Controls the sub content paragraph text color */
#submain .ha, #submain p, #submain td, #submain li { color:#000; }

#submain .ha h3 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha h4 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha h5 { font-size:inherit;padding:inherit;margin:inherit; }
#submain .ha p { padding:inherit;margin:inherit; }
#submain .ha ul { padding:inherit;margin:inherit; }
#submain .ha li { padding:inherit;margin:inherit; }
#submain .ha dl { padding:inherit;margin:inherit; }
#submain .ha dt { font-weight:inherit;font-size:inherit;text-decoration:inherit;padding:inherit;margin:inherit; }
#submain .ha dd { padding:inherit;margin:inherit; }
#submain .ha table { padding:inherit;margin:inherit;width:inherit; }
#submain .ha table th { font-size:inherit;font-weight:inherit;vertical-align:inherit;text-align:inherit;border-bottom:inherit; }
#submain .ha table td { font-size:inherit;padding:inherit; border-bottom:inherit; }