/*
 * $Id: common.css,v 1.8 2003/04/18 15:57:40 ksmith Exp $
 * PINT base style sheet definition
 */
 
/* STANDARD */
html			{ min-height: 100%; margin-bottom: 1px; }
*				{ margin: 0px; padding: 0px; }
* img			{ display: inline; }

body			{ font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: #666666; text-align: center; 
					background: #E6EBF1 url(../images/S_background.gif) top left repeat-x; }

font			{ font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: #666666; }

a:active			{ color: #fff215; text-decoration: none; }
a:link, a:visited 	{ color: #006699; text-decoration: none; }
a:hover				{ color: #73A8C5; text-decoration: none; }

ul				{ line-height: 1.3; }
ol				{ line-height: 1.3; margin: 5px 20px; padding: 0px; }

table			{ font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; text-align: left;  
					 margin: 0px auto 0px auto; }

h1 				{ font-size: 15px; color: #81623f; line-height: 1.1; letter-spacing: -1px; margin-bottom: 10px; }
h2				{ font-size: 13px; color: #464e59; margin-bottom: 10px;}
h3   			{ font-size: 11px; color: #464e59; font-weight: normal; margin-top: 10px; }

/* GLOBAL WRAPPERS */
#H_wrap			{ background: #ffffff url(../images/H_background.gif) top left repeat-x; }
#S_wrap			{ background: #ffffff url(../images/S_background.gif) top left repeat-x; }
#container		{ text-align: left; margin: 0px auto; width: 760px; }

.navbox			{ background-color: #ffffff; vertical-align: top; }


/* HOME PAGE */
#h_left    		{ padding: 10px 20px 20px 20px; width: 220px; vertical-align: top; }
#h_left p		{ line-height: 1.5; }

#h_center     	{ padding: 25px; vertical-align: top; }
#h_center p		{ font-size: 9px; color: #006699; }

#h_right   		{ font-size: 12px; padding-top: 20px; vertical-align: top; width: 240px; }
#h_right li		{ color: #006699; font-size: 9px; list-style: square; margin-left: 25px; }

#topright		{ text-align: right; width: 523px; }


.block p		{ margin: 10px;font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: #666666; }



/* SUB PAGES */
#subhead		{ vertical-align: top; padding-bottom: 29px; background-color: #ffffff; }

#subnav			{ font-size: 11px; font-weight: bold; color:#666666; padding: 15px; vertical-align: top; width: 120px; }
div.subnav		{ margin-bottom: 7px; }

#subnav a, #tertnav a:visited 
				{  color:#3385AD; text-decoration: none; }
				
.subnav li		{ list-style: url(../images/IMG_subnav.gif); font-size: 10px; font-weight: normal; color: #AEC0D4; margin: 2px 0px 3px 14px; }
.subnav ul		{ padding-bottom: 3px; }
.subnav .on		{ list-style: url(../images/IMG_subnavon.gif); font-size: 10px; font-weight: normal; color: #AEC0D4; margin: 2px 0px 3px 14px; }

#content 		{ padding: 10px 10px 30px 0px; }
#content img	{ display: inline; }
#content p		{ line-height: 1.3; margin-bottom: 10px; }
#content ul		{ margin: 10px 0 5px 20px; }

/* global */				
#searchtext		{ height: 14px; width: 101px; }
#searchtext2	{ height: 16px; width: 103px; }
#globalnav		{ font-size: 10px; text-align: right; margin-top: 3px; padding-top: 5px; vertical-align: top; width: 180px; border-top: 1px solid #006699; }

/* NAVIGATION */
/* home page  */
#S_nav	{ width: 650px; height: 28px; border-right: 1px solid #fff; position: relative; overflow: hidden; background: #E6EBF1; }
#nav h6 { position: relative; width: 229px; height: 28px; font-size: 12px; float: left; }
#S_nav h6	{position: relative; height: 28px; float:left; font-size: 12px; }
#nav h6 a, #S_nav h6 a	{ display: block; cursor: pointer; position: relative; }
#nav h6 strong {position: absolute; display: block; top: 0px; left: 0px; height: 28px; width: 229px;}
#S_nav h6 strong { position: relative; display: block; top: -15px; left: 0px; height: 28px; overflow: hidden; }

#S_nav h6.who a strong, #nav h6.who a strong { background: url(../images/HN_who.gif) no-repeat; }
#S_nav h6.who a:hover strong, #nav h6.who a:hover strong { background: url(../images/HNR_who.gif) no-repeat;}
#S_nav h6.what a strong, #nav h6.what a strong { background: url(../images/HN_what.gif) no-repeat;}
#S_nav h6.what a:hover strong, #nav h6.what a:hover strong { background: url(../images/HNR_what.gif) no-repeat;}
#S_nav h6.why a strong, #nav h6.why a strong { background: url(../images/HN_why.gif) no-repeat;}
#S_nav h6.why a:hover strong, #nav h6.why a:hover strong { background: url(../images/HNR_why.gif) no-repeat;}
#S_nav h6.careers a strong, #nav h6.careers a strong { background: url(../images/HN_careers.gif) no-repeat;}
#S_nav h6.careers a:hover strong, #nav h6.careers a:hover strong { background: url(../images/HNR_careers.gif) no-repeat;}
#S_nav h6.news a strong, #nav h6.news a strong { background: url(../images/HN_news.gif) no-repeat;}
#S_nav h6.news a:hover strong, #nav h6.news a:hover strong { background: url(../images/HNR_news.gif) no-repeat;}
#S_nav h6.contact a strong, #nav h6.contact a strong { background: url(../images/HN_contact.gif) no-repeat;}
#S_nav h6.contact a:hover strong, #nav h6.contact a:hover strong { background: url(../images/HNR_contact.gif) no-repeat;}

#S_nav h6.who, #S_nav h6.who a, #S_nav h6.who a strong 			{ width: 92px;}
#S_nav h6.what, #S_nav h6.what a, #S_nav h6.what a strong		{ width: 92px;}
#S_nav h6.why, #S_nav h6.why a, #S_nav h6.why a strong			{ width: 176px;}
#S_nav h6.careers, #S_nav h6.careers a, #S_nav h6.careers a strong	{ width: 72px;}
#S_nav h6.news, #S_nav h6.news a, #S_nav h6.news a strong 		{ width: 125px;}
#S_nav h6.contact, #S_nav h6.contact a, #S_nav h6.contact a strong  { width: 92px;}

#S_nav h6.whoon, #S_nav h6.whoon strong		{ width: 92px; background: url(../images/HNO_who.gif) 0px 0px; position: relative; overflow: hidden; }
#S_nav h6.whaton, #S_nav h6.whaton strong	{ width: 92px; background: url(../images/HNO_what.gif) no-repeat; position: relative; overflow: hidden; }
#S_nav h6.whyon, #S_nav h6.whyon strong		{ width: 176px; background: url(../images/HNO_why.gif) no-repeat; position: relative; overflow: hidden; }
#S_nav h6.careerson, #S_nav h6.careerson strong	{ width: 72px; background: url(../images/HNO_careers.gif); position: relative; overflow: hidden; }
#S_nav h6.newson, #S_nav h6.newson strong	{ width: 125px; background: url(../images/HNO_news.gif); position: relative; overflow: hidden; }
#S_nav h6.contacton, #S_nav h6.contacton strong	{ width: 92px; background: url(../images/HNO_contact.gif); position: relative; overflow: hidden; }

#backtotop		{ font-size: 9px; float: right; }

#right_gutter	{ background-color: #efefef; border-right: 1px solid #333333; }

#footer			{ color: #666666; font-size: 11px; text-align: center; border-top: 5px solid #cccccc; width: 100%; }

/* FORMS */
input			{ background-color: #ffffff; border: 1px solid #006699; color: #000000; margin: 1px; }
select			{ background-color: #efefef; }
.submit			{ color: #ffffff; font-size: 9px; font-weight: bold; height: 16px; width: 71px; background: #006699; }
.text			{ width: 100px; height: 14px; }

/* MISC ELEMENTS */
.left			{ border-left: 1px solid #96ab9b; }
.right			{ border-right: 1px solid #96ab9b; }
.top			{ border-top: 1px solid #96ab9b; }
.bottom			{ border-bottom: 1px solid #96ab9b; }
img				{ border: 0px; }


#example td		{ padding: 5px; }
th				{ color: #ffffff; font-weight: bold; padding: 5px; background-color: #666666; border-bottom: 3px double #333333; }
.col1			{ background-color: #cccccc; }
.col2			{ background-color: #efefef; }


.pdf			{ font-size: 11px; list-style-image: url(../images/ICN_pdf_sm.gif); margin: 5px;  }
.word			{ font-size: 11px; list-style-image: url(../images/ICN_word_sm.gif); margin: 5px;  }
.ppt			{ font-size: 11px; list-style-image: url(../images/ICN_ppt_sm.gif);  margin: 5px;  }
.excel			{ font-size: 11px; list-style-image: url(../images/ICN_excel_sm.gif);  margin: 5px;  }
.quicktime		{ font-size: 11px; list-style-image: url(../images/ICN_quicktime_sm.gif);  margin: 5px;  }
.magnify		{ font-size: 11px; list-style-image: url(../images/ICN_magnify_sm.gif);  margin: 5px;  }
.totop			{ font-size: 11px; list-style-image: url(../images/ICN_top.gif);  margin: 5px; vertical-align: top; }