/*JDG, 2-2-2007*/
/*adding index page styles for fpgTemplatemod.cfm to enable intrnaet nav and search box*/

/*	JDG,REK,JDH 2-1-2007*/
/* added p and a formatting; lines 560-585*/
/* REK, 2/5/07: added styles for Google and Portal navigation; removed index.cfm related styles */

/**************** FPG Site styles *****************************************************/
/*NOTES:
To add background color to sidenav-
	#container{background-color:blue;}
To add bakground color to main content-
	#content{background-color:blue;}
To increase width of side nav-
	#content{margin-left:15em;}
	#leftnav{width:15em;}
To prevent chopping off bottom of sidenav (when not much in content)-
	#content{min-height:25em}
	* html #content{height:25em;}  //IE hack
*/
/***********************************************************************************/

/*******************/
/* Elements */
/*******************/
body,div,p,h1,h2,h3,h4,h5,h6,a,img,hr,ol,ul,li {margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; height:0;  }

h1 {font-size: 150%; font-weight: bold; }
h2 {font-size: 135%; font-weight: bold; }
h3 {font-size: 120%; }	
h4 {font-size: 105%; }  
h5 {font-size: 100%; }
h6 {font-size: 90%;	}
/*******************/
/* END - Elements */
/*******************/

/******************************/
/* IE min-width hack */
/* for all browsers that understand min-width */
.width {width:100%; min-width:820px; margin:0 auto;}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:820px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-820px; position:relative; float:left; z-index:2; text-align:left;}
/* END - IE min-width hack */
/******************************/

/*******************/
/* IDs */
/*******************/
/* UNC/FPG masthead */
#headerimage { 
	position: relative; 
	background-color:#69c;
	height:85px;
	}
#headerimage img { 
	float:left;
	margin:0; 
	padding:0;  
	width:504px; height:65px; border:0;}
/* div that contains top nav */	
#headernav {
	background-color:#69c;
}
/* div that contains sub nav */
#subnav{ 
	clear:left;
	background-color:#ffcc66;
	font-size:90%;
	padding:0;
	/*position:relative;*/
}
	/* IE hack to get 'Whats New' to position correctly  */
* html #subnav{
	border:1px solid #FFCC66;
}
#subnav strong{
	padding:0 5px;
	margin:2px 0 0 0;
	color:#006699;
	position:absolute;
	visibility:hidden;
}
/* only show 'WHATS NEW' on index page */
#isindex #subnav strong{
	visibility:visible;
}

/* contains side nav and content */	
#container2 { 
	position: relative; 
	width: 100%; 
	background-color:#EBF5FC;
}
/* content of page */
#content { 
	text-align:left;
	position: relative; 
	font-size: 90%;
	margin:0;
	background: white; 
	padding: 40px 180px 20px 40px;
	min-height:525px;	}
/* IE min-height hack */
* html #content{
height:510px;
}
#right-column{
	width:130px;
	position:absolute;
	top:0;
	right:0;
	background-color:white;
	height:100%;
	margin:0;
	padding:0;
	padding:0 20px 0 0;
	text-align:left;
}

/**** for Index page: moved to separate stylesheet fpgindex.css 
#isindex #content{
	text-align:center;
	margin-left:170px;
	margin-right:0px;
	padding-right:280px;
}

#isindex #right-column{
	width:260px;
}
	
/* left column */
/***
#left-column{
	width:150px;
	position: absolute; 
	top: 0; 
	left: 0;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica;
	margin:0;
	padding:5px;
}
#left-column img{
		margin-left:-5px;
}
#left-column a{
		text-decoration:none;
}
#left-column a:hover{
		text-decoration:underline;
}
#left-column dl dt a{
	font-style:normal;
}
#left-column dl dt{
	font-size:1em;
}
#left-column dl dd{
	margin:0;
	padding:0.2em 0 0.2em 0;
}
#left-column dl{
	margin:0;
	padding:.5em 0;
	border-bottom:thin solid #BFE2F9;
}
***/
/* Side nav */
/***
#leftnav { 
	position: absolute; 
	top: 0; 
	left: 0;
	width: 10em; 
	width:170px;
}
#leftnav ul {
	list-style-type: none;
	margin: 1em 0 0;
}
#leftnav li {
	font-size: 90%;
	font-weight: bold;
	padding: .5em 1em;
}
#leftnav li.navoff { 
	color: #000; 
}
***/
/* END - Side Nav */
		
/* footer */
#footer {	clear: both;
		border-top: 1px solid #ccc;
		font-size:90%;
		padding:5px;
		height:100px;
}
#footer img {
	position:relative;
	float:right;
	border:none;
}
#footer a img{
	float:none;
	border:none;
	width:194px; 
	height:54px;
	margin-top:0; 
}
/*	#footer a { 
		font-size: 80%;
		padding: 0 1em;
		margin: 0;
		color: black;
		border-right: thin ridge #369;
	}
*/	
/* END - IDs */
/*******************/

/*******************/
/* General Classes */
a:link { color: #006600; text-decoration:none; }
a:visited { color: #004B18; text-decoration:none;}
a:active { color: #339900; text-decoration:none;}
a:hover { text-decoration: underline; }

.skip { display:none; } /*shows only in browsers that do not support CSS*/
.indent { padding-left:2em; } /* left horizontal padding*/
.center { text-align:center; }
.right { text-align:right; }
.fltright { float:right;position:relative; }
.even { background-color:#e6e6e6; }	
	
/* END - Classes */
/*******************/

/* end - tooltip stuff */

/* Google search box, reworked by JDG to fit in header */
#gSearch{
	margin-top:100px;
	text-align:right;
}
#gSearch img{
	border:none;
}
#searchbox {
	float:right;
	padding:0 1em 0 0;
	text-align:right;
	clear:right;
	margin:0;
}

/* end - google search box */
/** Added by REK to handle Intranet links in header: 1/17/07 **/
#portalnav {
	margin-top:5px;
	text-align:right;
	float:right;
	padding:0 1em 0 0;
}
#portalnav li {	
	display: inline;
	border-left:1px solid white;
	padding:0 0px 0 5px;
	margin:0;
	white-space:nowrap;
	color:white;
	font-size: 95%;
}
#portalnav a {
	color:#fff;
	/*#ccc*/
}
#portalnav li.firstItem {   
	border-left:none;}

/** END - For Index page only *****************/
/**********************************************/
	
/**********************************************/
/** New styles to make look like original site */
h1{
	font-size: 19px; 
	font-weight: bold; 
	color: #006600;
	margin: .25em;  
	margin-left:0;
	padding: 0em 0em 0em 0em;
}			
h2{
	background-color:#e6e6e6;
	font-weight:bold;
	font-size: 17px; 
	padding:6px;
	margin: 2em 0em 1em 0em;
}
h3{
	font-size: 15px; 
	font-weight: bold; 
	color: #666666;
	vertical-align: bottom; 
	margin: .25em; 
	margin-left:0;
	padding: 1em 0em 0em 0em; 
	border: none;
}
h4{
	font-size:14px;
	font-weight: bold; 
	color: #022F55;
}

div#content{
	position:relative;
}
div#content img{
	padding:1em;
}
/** Styles added by WS Team to reformat content paragraphs and links within: 2/2/07 **/
div#content p {
	font-size: 95%;
	line-height: 140%;
	margin-bottom: .5em;
} 

div#content p a {
	text-decoration: none;
	padding: 1px 0;
	border-bottom: 1px dotted;
}

div#content p a:hover {
	text-decoration: none;
	padding: .1em 0;
	border-bottom: none;
}
div#content ol {
	line-height: 140%;
	margin-left: 2.5em;
} 

#content #sidenav img{
	padding:0;
}
/* added by REK 9/1/06 */
div #forpages {padding:0 0 2em 0;
}
div #forpages h2 {
	font-size: 15px; 
	font-weight: bold; 
	color:#666;
	background-color:#fff;
	margin: .25em; 
	margin-left:0;
	padding: 1em 0em 0em 0em; 
	border: none;
}
div #forpages p {padding: 1em;}
/* *********** */
ul{
	margin:1em 1em 1em 2em;
}

.fltleft{
	float:left;
	position:relative;
}
.clearboth{
	clear:both;
}
.halfwidth{
	width:40%;
	float:left;
	margin:0;
	padding:0;
	margin-left:5%;
	position:relative;
}
.halfwidth p{
	margin:5px;
}

.swooshlist{
	list-style:none;
	padding-top:5px;
	padding-left:30px;
	background: url('/~images/fpgweb/media/tall_swoosh.gif') no-repeat 0 0;
	/*float:left;
	position:relative;
	width:70%;*/
}
.swooshlist li{
	 height:25px; 
	vertical-align:middle;
}
.swooshlist li a{
	font-weight:bold;
}
ul.altlisting{
	list-style:none;
}
ul.altlisting li{
	padding:10px;
}
p{
	padding:0.2em 0;
	font-size: 14px;
}
div#sidenav ul{
	margin-top:0;
}
/* horizontal list */
ul.horiz{
	text-align:center;
}
ul.horiz li{
	display:inline;
	padding:0 1em;
	border-right:1px solid black;
	font-weight:bold;
}
ul.horiz li.last{
	border:none;
}

/* product catalog page */
#prodcat ul.horiz li{
	padding:0 0.1em 0 0.4em;
	font-weight:normal;
}
#prodcat ul.horiz{
	margin:0.5em;
	padding:0;
}
#prodcat .twothird ul.horiz{
	text-align:left;
}
#prodcat .onethird{
	text-align:right;
}
/* END - product catalog */

/* used with product_detail  */
.bkyellow{
	background-color:#FFCC66;
}
.onethird{
	width:30%;
	float:left;
	position:relative;
	padding:1%;
}
.twothird{
	width:60%;
	float:left;
	position:relative;
	padding:1%;
}
.quarterwidth{
	width:25%;
	float:left;
	position:relative;
}
table#prodresult th a { 
	font-weight:bold; font-size:120%;}
/**********************************************/