/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
 05:  2Col_Flexible_Sidebar_Left
  ------------------------------------------------
*/

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	min-width: 820px;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.imgfloatleft {
	float: left;
	margin: 10px 5px 0px 3px; 
}

.imgfloatright {
	float: right;
	margin: 5px 0px 10px 15px; 
}

.floatright {
	float: right;
	margin: 0px;
}

#masthead {
	padding: 0;
	margin: 0;
}
#wrapper {
	background-image:  url(images/banner_wide.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.left_wrapper {
	float: left;
	margin-left: -200px;
	width: 100%;
}
#leftarrow {
	position: absolute;
	width: 200px;
	height: 84px;
	z-index: 100; 
	left: 0px; 
	top: 0px; 
	visibility: visible;
}
#lefttext {
	position: absolute;
	width: 200px;
	height: 24px;
	z-index: 100; 
	left: 0px; 
	top: 86px; 
	visibility: visible;
}
.center {
	margin-left: 400px;
}

.right {
	float: left;
	width: 200px;
}
#wrapper2 {
	background-image:  url(images/banner_wide2.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 2px;
	height: 24px;
}
#wrapper3 {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#right2 {
	margin: 0px 0px 0px 220px;
	min-width: 610px;
}
#left2 {
	width: 200px;
	float: left;
	padding: 18px 0px 0px 20px;
	margin: 0px;
}
#right2 .content {
	padding: 18px 24px;
	font-size: 0.75em;
	line-height: 1.65em;
}
#left2 .content {
	padding: 0px;
	margin: 0px;
	font-size: 0.75em;
	line-height: 1.5em;
}
.panel_wrapper {
	background-image: url(images/panel_middle.jpg);
	background-repeat: repeat-y;
}
.panel_top {
	background-image: url(images/panel_top.jpg);
	background-repeat: no-repeat;
	height: 11px;
}
.panel_bottom {
	background-image: url(images/panel_bottom.jpg);
	background-repeat: no-repeat;
	height: 11px;
}
.panelnews {
	font-size: 0.95em;
	padding: 0px 15px 0px 15px;
	color: #666699;
}
.panelfeedback {
	font-size: 0.95em;
	padding: 0px 15px 0px 15px;
	color: #666699;
}
.panelglobe {
	font-size: 0.95em;
	padding: 0px 15px 0px 15px;
	color: #666699;
	background-image: url(images/globe_2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.valignm {
	vertical-align: middle;	
}

.valignb {
	vertical-align: bottom;	
}

ul {
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-top: 0px;
	margin-bottom: 0px;
}

.article li {
	margin-bottom: 10px; 
}

.article li li {
	margin-bottom: 4px; 
}

/* ------ styles for standard links  ------ */
a:link {color: #3399CC; text-decoration: none; font-weight: bold;}
a:visited  {color: #3399CC; text-decoration: none; font-weight: bold;}
a:hover {color: #CC9933; text-decoration: none; font-weight: bold;}

/* ------ styles for smaller links  ------ */
.link2 a:link {color: #CC9933; text-decoration: none; font-weight: normal;}
.link2 a:visited  {color: #CC9933; text-decoration: none; font-weight: normal;}
.link2 a:hover {color: #3399CC; text-decoration: none; font-weight: normal;}

/* ------ styles for speciality links  ------ */
.spec a:link {color: #CC9933; text-decoration: none; font-weight: bold; font-size: 1.2em; line-height: 1.5;}
.spec a:visited  {color: #CC9933; text-decoration: none; font-weight: bold;font-size: 1.2em;line-height: 1.5;}
.spec a:hover {color: #3399CC; text-decoration: none; font-weight: bold;font-size: 1.2em;line-height: 1.5;}

/* ------ styles for h4 links  ------ */
h4 a:link {color: #3399CC; text-decoration: none; font-weight: bold;}
h4 a:visited  {color: #3399CC; text-decoration: none; font-weight: bold;}
h4 a:hover {color: #666666; text-decoration: none; font-weight: bold;}

/* ------ styles for footer links  ------ */
#footer a:link {color: #CC9933; text-decoration: none; font-weight: normal;}
#footer a:visited  {color: #CC9933; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #3399CC; text-decoration: none; font-weight: normal;}

#masthead .content {padding: 12px 20px;}
#footer .content {padding: 12px 20px;}
#footer {
	border-top: 1px solid #CCCCCC;
	color: #999999;
	margin: 0;
	font-size: 0.7em;
	text-align: center;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}

#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}

.dblue {
		color: #333366;
}

h1 {
	font-size: 1.6em;
	margin: 0;
	color: #CC9933;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}
h2 {
	font-size: 1.25em;
	margin: 10px;
	color: #CC9933;
	font-weight: normal;
}
h3 {
	font-size: 1.1em;
	margin: 15px 0 0 0;
	font-weight: normal;
	color: #333366;
}
h4 {
	font-size: 1.1em;
	margin: 15px 0px 5px 0px;
	color: #CC9933;
	font-weight: bold;
}
h5 {
	font-size: 1.2em;
	margin: 15px 0px 5px 0px;
	color: #3399CC;
	font-weight: bold;
}
.nomargintop {margin-top: 0;}
.content p {
	margin: 5px 0;
	color: #333366;
	font-size: 1.0em;
}
.content li {	
	color: #333366;
}	

p.black {color: #000;}
p.grey {color: #666; margin-left: 50px;}
li.grey {color: #666; margin-left: 50px;}
.gold {color: #CC9933;}

.box {border: 1px solid #DCDCDC; padding: 0px 15px 10px 15px;}
.box2 {border: 1px solid #CC9933; padding: 10px 20px 10px 20px;}

.line {border-bottom: 1px solid #DCDCDC;}

/* ------ styles for home page specialities ------ */

#sleft_wrapper {
	float: left;
	width: 100%;

}
#middle {
	width: 630px;
	margin-left: 0px;
}
.gap {
	float: left;
}
.spec {
	width: 150px;
	float: left;
	margin: 10px 0px 10px 0px;
}
.spec p {
	font-size: 0.95em;	
	line-height: 1.3em;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.quotes {
	font-size: 0.95em;	
	color: #999999;
}

li.quotes {
	font-size: 0.95em;	
	color: #999999;
}

.flag {
	border: 1px solid #999999;
	margin: 0px 10px;
	vertical-align: middle;
}

/* ------ styles for home page specialities ------ */

#clients {
	float: left;
	width: 100%;
	margin: 7px 0px 0px 0px;
	color: #CC9933;
	font-size: 0.95em;	
}
#clientbox {
 	border: 1px solid #3399CC;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px; 
	padding: 0px;
	height: 62px;
}

#flagbox {
 	border: 1px solid #3399CC;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px; 
	padding: 0px;
	height: 32px;
}

/*Styles for Vertical Navigation*/
/*Sets line-height of menuitems*/
#p7TMnav div {
	/*/*/line-height: 2; /* */
}

#navigation {
	margin: 5px 0px 0px 0px;
}

/*Sets background color, border, and padding around the menu DIV*/
#p7TMnav {
	background-color: transparent;
}

#p7TMnav div {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	/*/*/margin: 4px 0px 0px 0px;
}

#p7TMnav div div {
	border: none;
}

/*second level menuitem divs and lower -Cascades to lower levels-*/
/*Sets left margin to 12px establishing a cascading indent*/
#p7TMnav div div {
	margin: 0 0 0 14px;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #000066;
	font-size: 14px;
	font-weight: normal;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	display: block;
	color: #000066;
	background-image: url(images/blue.gif);
	background-repeat: repeat;
	text-decoration: none;
	padding: 0 0 0 25px !important;
	font-weight: normal;
}
#p7TMnav div a:visited {
	color: #000066;
}

#p7TMnav div a:hover {
	color: #CC9933;
	background-color: #FFFFFF;
	background-image: none;
	font-weight: normal;
}

/*The Link styles for second-level menuitems*/
#p7TMnav div div a {
	font-size: 12px;
	background-color: transparent;
	background-image: none;
	border: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-weight: normal;
	/*/*/line-height: 1.7; /* */
}
#p7TMnav div div a:visited {
	color: #000000;
}
#p7TMnav div div a:hover {
	border: none;
	color: #CC9933;
	background-color: #F5F5F5;
	font-weight: normal;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
	font-size: 11px;
	color: #666666;
	background-image: none;
}
#p7TMnav div div div a:visited {
	color: #666666;
}

#p7TMnav div div div div a {
	font-size: 10px;
	color: #333333;
	background-image: none;
}
#p7TMnav div div div div a:visited {
	color: #333333;
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.p7defmark {
	background-image:  none;
	padding: 0 0 0 25px !important;
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.p7currentmark {
	font-weight: bold !important;
	color: #CC9933 !important;
	padding: 0 0 0 25px !important;
	background-color: #FFFFFF !important;
	border-bottom: none !important;
	background-image:  url(images/tick.gif) !important;
	background-repeat: no-repeat !important;	
	background-position: 10px 50%;
}

/*Styles for horizontal navigation*/

#horizontal {
	width: 670px;
	height: 30px;
	margin-bottom: 10px;
}

#p7PMnav {
	margin: 0;
	padding:0;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px;
	font-size: 1.2em;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 3px 6px;
	color: #000066;
	border: 1px solid #FFFFFF;
	line-height:1;
	font-weight: normal;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	border: 1px solid #669999;
	letter-spacing: .01px;
	background-image: url(images/green.gif);
	background-repeat: repeat;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	border: 1px solid #669999;
	letter-spacing: .01px;
	background-image: url(images/green.gif);
	background-repeat: repeat;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #0066FF;
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 124px;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 172px;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}


.clientimg {
	margin: 0px 10px;
	vertical-align: middle;
}

/* Search styles */
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }

.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }

input.zoom_button {  }
input.zoom_searchbox {  }		
		
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }

.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }
		
.searchtime { font-size: 80%; }
		
.recommended 
{ 
	background: #DFFFBF; 
	border-top: 1px dotted #808080; 
	border-bottom: 1px dotted #808080; 
	margin-top: 15px; 
	margin-bottom: 15px; 
}
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
	
/* Contact Us and other form styles */
input {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px;
}

.formbut {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color : #FFF; 
	border : 1px solid #DAA520; 
	font-size : 12px;
	color: #B8860B;
	padding: 2px 0px 1px 1px;
}

.formbut2 {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color : #FDF5E6; 
	border : 1px solid #DAA520; 
	font-size : 12px;
	color: #B8860B;
}

/* ------ styles for contact us page other forms ------ */
.formstyle {
	margin: 10px 0px 20px 0px;
	border : 1px solid #CCCCCC;
}
.formstyle p {
	color: #003366;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	font-size: 0.95em;
}
.formBut {
	background-image: url(images/blue.gif);
	background-repeat: repeat;
	font-family :  Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px;	
	padding : 2px;	
	color: #003366; 
	border : 1px solid #CCCCCC;
	vertical-align: top;
}
.formBut2 {
	background-color : #F5F5F5;
	font-family :  Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px;	
	padding : 0px;	
	color: #333; 
	border : 1px solid #666699; 
	margin: 5px 0px 0px 0px;
	vertical-align: top;
}
textarea, select, input {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background-color : #F5F5F5; 
	border : 1px solid #CCCCCC; 
	font-size : 11px;
	vertical-align: top;
	color: #666666;
}
p.button {
	margin: 10px 10px 10px 10px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666699;
}

.specsmall {
	margin: 20px 0px 20px 70px;
}

p.specsmallp {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 0.95em;
}

.specfloatleft {
	float: left;
	margin: 0px 15px 0px 0px; 
}