/* Ruth's css 7 July 2004 */
* {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 1em;
}


body {  
background-color: #ccc; 
color: #666666; 
font-size: 1em; 
margin-left: auto;
margin-right: auto;
min-width: 761px;
}

#container { 
min-width: 761px;
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

#mainContent { 
background: url(../images/body_bg.gif) repeat-y 100% 0;
background-color: #fff;
background-position: top right;
width: 100%;
/*border-top: solid 1px #fff;*/
}
#container.wide { 
width: 980px;
}

#mainContent h2 { 
padding: 10px 0;
} 

/*---------------------left column styles---------------------*/
#leftColumn {
margin: 0px 200px 0px 0px; 
padding: 0 0px 0px 25px;
/*border-top: solid 1px #CFD8DF;*/

}

#leftColumn a.arrow {
font-size: 100%;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0;
}

#leftColumn img.arrow {
margin: 0px 0px -4px 5px;
padding: 0px;
border: 0;
float: none;
}

#leftColumn td.noindent img {
padding: 6px;
margin: 6px 0px 26px 0px;
float: none;}

#leftColumn img { 
padding: 6px;
margin: 6px 15px 6px 0px;
border: solid 1px #ccc;
float: left;
}

#leftColumn img.sitemap { 
border: 0;

}

#leftColumn img.recording { 
padding: 6px 0px 6px 6px;
margin: 6px 0px 6px 0px;
border-right: 0;
float: left;
}

#leftColumn #tabs img { 
padding: 0px;
margin: 0px;
border: 0;
}

#tabs { 
margin: 15px 0px 10px 0px;
width: 100%;
position: relative; 
height: 261px;
}

* html #tabs  { float: left; }

#survey { background: url(../images/home_tab_survey.gif) no-repeat;
height: 261px; 
width: 33%;

}

#recording { background: url(../images/home_tab_recording.gif) no-repeat;
height: 261px; 
width: 33%;
position: absolute; top: 0px; left: 33%;
}

#isms { background: url(../images/home_tab_isms.gif) no-repeat;
height: 261px; 
width: 33%;
position: absolute; top: 0px; left: 66%;
}

#survey p, #recording p, #isms p {
line-height: 1.1em;
margin: 0 15px 0 10px;
padding-right: 15px;
font-size: 0.6em;
width: 160px;
}

#tabs p.arrow { 
font-size: 0.7em;
font-weight: bold;
margin: 24px 0px 0px 95px;
padding: 0;
width: 77px;}

#leftColumn #tabs img.arrow {
float: right;
margin: -13px 20px 0px 30px;
}

#leftColumn p { 
margin: 0px 0 15px 0;
}

#leftColumn a { 
color: #666;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align:left;
}

#leftColumn a:hover, a:visited { 
color: #fff;
}

#leftColumn a:hover, a:visited { 
color: #999;
}

#leftColumn ul {
line-height: 1.6em;
}


/*---------------------end left column styles---------------------*/

/*---------------------home header styles---------------------*/

#herobg {
background: url(../images/bg_hero_home_ex.jpg) repeat-x;
width: 100%;
height: 127px;
}

#hero{
background: url(../images/hero_home.jpg) no-repeat;
background-position: right;
margin-right: 0px;
margin-left: auto;
height: 127px;
}

/*---------------------end home header styles---------------------*/

/*---------------------template header styles---------------------*/

#templateherobg {
background: url(../images/bg_hero_template.jpg) repeat-x;
width: 100%;
height: 92px;
}

#templatehero{
background: url(../images/hero_bg_content1.jpg) no-repeat;
background-position: right top;
margin-right: 0px;
margin-left: auto;
height: 92px;
}

#templatehero2{
background: url(../images/hero_bg_content2.jpg) no-repeat;
background-position: right top;
margin-right: 0px;
margin-left: auto;
height: 92px;
}

#templatehero3{
background: url(../images/hero_bg_content3.jpg) no-repeat;
background-position: right top;
margin-right: 0px;
margin-left: auto;
height: 92px;
}

#templatehero4{
background: url(../images/hero_bg_content4.jpg) no-repeat;
background-position: right top;
margin-right: 0px;
margin-left: auto;
height: 92px;
}

/*---------------------end home header styles---------------------*/

/*---------------------start home nav styles---------------------*/
#navBar { 
 height: 22px;
 background:  url(../images/bg_nav_home.jpg) no-repeat #C4C6C3;
 background-position: top right;
 }
 
#nav {	
margin: -22px 0px 0 80px; 
font-size: 100%;
width: 620px;
}

#nav ul {
padding: 0 0 14px 0;
margin: 3px 0 0 4px;
list-style: none;
font-size: 0.6em;
background: url(../images/nav_dropdownBg_btm.gif) no-repeat #F3F6FA;
background-position: bottom;
width:133px;
border-left: 1px solid #ccc;
}

#nav li {
	float: left;
	position: relative;
	list-style: none;
	text-align: left;
	z-index: 10;
		
}

#nav a {
	text-decoration: none;
	padding: 0 0 0 0;
	font-size: 100%;
}

#nav li ul li a {
display: block;
text-decoration: none;
color: #777;
padding: 6px 0px 5px 0px;
margin: -1px 0 0 12px;
text-align: left;
position: relative; left: 0;
border-bottom: 1px dotted #ccc;
width: 110px;
}

#nav li ul li a:hover {
color: #000;
}

/* 
below, the first line is a CSS comment with an "escape" just before the comment closing tag. because of that escape, IE/mac ignores the closing tag and thinks the comment is still active. Thus it ignores everything until it sees a CSS comment closing tag. The last line is a normal comment, and its closing tag is what lets IE/mac begin parsing code again. 
The second line has a "universal" selector followed by "html", followed by the targeted element. This selects ul li when it is nested within html (true), and also when 'html' is nested within any element. It so happens that IE browsers have an invisible and mysterious wrapper element around 'html', so this selector works in IE and nowhere else. IE/mac must be prevented from seeing this height because it does not have the escaping floats bug, and also does not enlarge the box like IE/win. 
*/
* html #nav  { margin-top: -25px; }
#about {visibility:hidden; }
#contact {visibility:hidden;  }
#services {visibility:hidden; }
#servicesat { position: relative;  }
#jobs {visibility:hidden; }



/*---------------------end home nav styles---------------------*/
/*---------------------start template nav styles---------------------*/


/* initialy hide all sub menus
#topNav li ul .subnested {
	display: none;
} */



#topNav {	
margin: -25px 0px 0px 0px;
font-size: 100%;
width: 684px;
float: right;
}

#topNav ul {
padding: 0 0 24px 0;
margin: 6px 0 0 0px;
list-style: none;
font-size: 0.6em;
background: url(../images/nav_dropdownBg_btm.gif) no-repeat #F3F6FA;
background-position: left bottom;
width:133px;
border-left: 1px solid #ccc;


}

#topNav li {
	float: left;
	position: relative;
	list-style: none;
	text-align: left;
	z-index: 10;
}

#topNav a {
	text-decoration: none;
	font-size: 100%;
}

#topNav li ul li a {
display: block;
text-decoration: none;
color: #777;
padding: 6px 0px 8px 12px;
margin: -1px 0 0 0px;
text-align: left;
/*position: relative; left: 0;*/
border-bottom: 1px dotted #ccc;
width: 110px; 
}

#topNav li ul li a:hover {
color: #000;
}


/*---------------------end template nav styles---------------------*/

/*---------------------start template subnav styles---------------------*/


#topNav ul.subnested {
padding: 0;
margin: -26px 0px 0px 0px;
font-size: 100%;
width: 115px;
float: right;
list-style: none;
background: #E4E9ED;
border-left: 0;
z-index: 10;
position: relative; left: 25px; top: 0px;

}

#topNav li ul li ul.subnested li a {
display: block;
text-decoration: none;
color: #777;
padding: 6px 5px 8px 7px;
text-align: left;
width: 95px;
}

#topNav li ul li ul.subnested li a:hover {
color: #000;
}

/* display them on hover */
#topNav ul li.ism:hover ul.subnested {
	display: block;
}

/*---------------------end template subnav styles---------------------*/

/*---------------------start menu-2 styles---------------------*/
#menu-2{
float: right;
width: 188px;
/*border-top: solid 1px #CFD8DF;*/
}

#menu-2 h2 { 
margin: 15px 20px 5px 17px;
}

#menu-2 p {
font-size: 0.6em;
margin: 20px;
}

#menu-2 p.arrow { 
float: right;
font-size: 0.7em;
font-weight: bold;
margin: -10px 0px 0px 10px;
padding: 0;
width: 77px;}

#menu-2 img.arrow {
float: right;
margin: -17px 20px 0px 10px;
}

#search {
width: 188px;
background-position: right top;
}

#menu-2 a { 
color: #666;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align:left;
}


#menu-2 a:hover, a:visited { 
color: #999;
}

/*---------------------end menu-2 styles---------------------*/

/*----------------------start form styles------------------*/
form { 
position: relative; top: 10px; left: 15px;
}

input, select, textarea {
background: #fff;
width: 105px;
font-size: 9px;
padding: 2px 0px 2px 0px;
}

input:focus, select:focus, textarea:focus {
background: #fff;
}

#submit {
background: #CCCCC9;
margin: 0px 0px 0px -2px;
color: #515C92;
width: 45px;
padding: 1px 0px 1px 0px;
border: solid 1px #515C92;

}


/*----------------------end form styles------------------*/

/*---------------------table styles---------------------*/
 #leftColumn table.colored { float: left; }
 #leftColumn td { font-size: 0.6em;
border-bottom: double 3px #ccc;
 border-right: dotted 1px #ccc;
 padding: 4px;
 vertical-align: top;
 line-height: 1.6em;}
 #leftColumn th { background-color: #F3EEBD;
font-weight: bold;
color: #6785A7;
font-size: 0.6em;
text-align: left;
padding: 4px;
border-right: solid 1px #ccc;
 vertical-align: top;
  border-bottom: double 3px #ccc;  }
 tr#colored { background-color: #F3F6FA;}
 

#leftColumn table.card  { 
margin: 10px 0px 20px 0px;
border-right: dotted 1px #ccc;
}

#leftColumn table.card td { font-size: 0.7em;
border-bottom: double 3px #999;

border-right: 0;
padding: 0px 8px 4px;
vertical-align: top;
line-height: 1.6em;}

#leftColumn table.card td.noindent { 
padding: 0px 4px 4px 0px;
}
/*---------------------end table styles---------------------*/


/*---------------------start footer styles---------------------*/

#footerHome { background-color: #6C734F;
height: 15px;
padding: 3px 0 3px 25px;
}

#footer { background-color: #F3EEBD;
height: 15px;
padding: 3px 0 3px 25px;
}

#footerHome p { 
color: #ADB6BA;
font-size: 0.6em;
}

#footer p { 
color: #666;
font-size: 0.6em;
}

.copyrite { float: right;
margin: -16px 10px 0 0;
}

#footerHome a { 
color: #ADB6BA;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align:left;
}

#footer a { 
color: #666;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align:left;
}

#footerHome a:hover, a:visited { 
color: #fff;
}

#footer a:hover, a:visited { 
color: #999;
}


/*---------------------end footer styles---------------------*/

  
ul {font-size: 0.7em;
margin: 0 0 0 0px;
padding: 0 0 0 16px;
}


li ul {
display: none;
position: absolute;
top: 2em; left: 0;
text-transform: uppercase;
}

li:hover ul, li.over ul {
	display: block;
}

p { 
font-size: 0.7em;
line-height: 1.6em;
padding: 0 0 0 0;
text-align:left;
}

.arrow {
font-size: 0.7em;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0;
}

.date {
color: #6785A7;
padding-top: 20px;
line-height: 0px;
}

h1 { 
font-size: 1.2em; 
text-align: left;
letter-spacing: 0.2em;
}

h2 { 
font-size: 0.9em; 
text-align: left;
font-weight: bold;
color: #666;
} 

h3 { 
font-size: 0.7em; 
text-align: left;
font-weight: bold;
color: #666;
} 

a:link, a:hover, a:visited { 
color: #666;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align:left;
}

div.hr {
height: 2px;
background: #fff url(../images/dots.gif) repeat-x ;
width: 137px;
margin: auto;
}

div.hr hr {
  display: none;
   width: 137px;

}
img { border: 0;}
img.arrow {
margin: -17px 20px 0px 10px;
}