@import 'reset-fonts-grids.css';

/*-------   Globals  --------*/

body{
	font-family: Verdana, Geneva, SansSerif;
	color: #333;
	background-color: #fff;
	text-align:left;
	}

#container{
	width: 844px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	}

h1{
	font-size: 153.9%;
	color: #000;
	font-weight:bold;
	padding: 0 0 20px 0;
	}

h2{
	font-size: 123.1%;
	color: #000066;
	font-weight:bold;
	padding: 0 0 1.5em 0;
	}
	
h3{
	font-weight:bold;
	padding: 0 0 1em 0;
	}

img, img a{
	border: 0;
	}

form{
	margin:0;
	}

div.clear{
	clear: both;
	width:0px;
	height: 0px;
	overflow: hidden;
	}

#acrobat{
	text-align:center; 
	padding:20px 0;
	}

#alertsButton{
	text-align:center; 
	padding:20px 0;
	}

.error{
	color:#ff0000;
	font-weight:bold;
	}


/*-------   Header  --------*/


#header{
	width: 100%;
	height: auto;
	background: transparent;
	}

	#header h1{
		float: left;
		height: 91px;
		width: 281px;
		padding: 0px;
		margin: 0px;
		}

    #header h2{
		float: right;
		height: 91px;
		padding: 0px;
		margin: 0px;
		clear:right;
		}


/* main menu */


#navBar{
	clear: both;
	width: 844px;
	background-image: url('/images/nav/nav_bg_off.gif');
	background-repeat: repeat-x;
	background-color:#ff6600;
	}

	#mainNav{
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
		
		} 
		
   		#mainNav li{
			border-left: solid 1px #ed7904;
			border-right: solid 1px #804002;
			display: block;
			float: left;
			padding: 8px 15px 0px 15px; 
			line-height:1em;
			margin:0;
			text-align:center;
			font-weight:bold;
			font-family:Trebuchet MS, Trebuchet, Verdana, Geneva, SansSerif;
			}
	    
		#mainNav li:hover{
			background-image: url('/images/nav/nav_bg_on.gif');
			background-color: #ff6600;
			background-repeat: repeat-x;
			}

		#mainNav li.active{
			background-image: url('/images/nav/nav_bg_active.gif');
			background-color: #fff;
			background-repeat: repeat-x;
			border-left: solid 1px #ccc;
			border-right: solid 1px #ccc;
			color: #000;
			}

		#mainNav li.active a{
			color: #000;
			}

		#mainNav li.active a:hover{
			color: #000;
			}

		#mainNav li a{
			display: inline;
			padding:0;
			margin:0;
			color: #FFFFFF;
			font-size: 12px;
			height:20px;
			text-decoration: none;
			float: left;
			text-transform: uppercase;
       		}

		#mainNav li a:hover{
			color:  #fff;
			}


		#mainNav li.lastchild{
			border-right: none;
			}
		
		#mainNav li.lastchild:hover{
			background-image: none;
			}

	#search{
		float: right;
		height: 28px;
		width: auto;
		padding: 0px 15px 0 5px;
		}
	
	#search li{
		display: block;
		float: left;
		padding: 0; 
		margin:0;
		}

	#search input.input{
		width: 130px;
		height:14px;
		font-size: 85%;
		font-family: Verdana, Geneva, SansSerif;
		padding:1px 0 0 2px;
		line-height:1em;
		margin:5px 5px 0 0;
		border: solid 1px #ccc;
		}

	#search input.button{
		font-size: 85%;
		font-family: Verdana, Geneva, SansSerif;
		padding:0;
		margin:4px 0 0 0;
		}

/*-------   Content  --------*/

#content{
	clear: both;
	width: 100%;
	min-height:400px;
	/*overflow: auto;  this clears the float without having to add an additional element in the markup */
	background: #fff;
	}


/*---  Main Column ---*/

#main{
	float: right;
	width: 644px;
	padding: 25px 0px 15px 15px;
	font-size:93%;
	}

	#main ul{
		margin:1em 0;
		}
	
	#main ul li{
		display:block;
		font-size: inherit;
		padding: 0px 0px 5px 11px;
		background-image: url('/images/nav/bullet.gif');
		background-position: 3px 7px;
		background-repeat: no-repeat;
		}
	
	#main ol{
		margin:1em 1em;
		}
	
	#main ol li{
		display:block;
		font-size: inherit;
		padding:0;
		margin:1em;
		list-style-type:decimal;
		}
		
		
		
		
	.procure{ 
		float:right;
		font-size: 85%;
		margin:0 0 15px 10px;
		padding:0;
		}

		.procure ul{ 
			margin:0;
			width:200px;
			padding:0;
			}
		
		.procure li{ 
			margin:0;
			padding:0;
			display: block;
			clear:both;
			border-left:solid 2px #333399;
			border-right:solid 2px #333399;
			border-top:solid 2px #333399;
			}
		
		.procure li.first{ 
			padding:0;
			}
			
		.procure li.last{ 
			border-bottom:solid 2px #333399;
			}

		.procure a{ 
			COLOR: #333399;
			FONT-WEIGHT: bold;
			TEXT-DECORATION: none;
			}
			
		.procure a:visited{ 
			COLOR: #333399;
			FONT-WEIGHT: bold;
			TEXT-DECORATION: none
			}
			
		.procure a:hover{ 
			color: #FFFFFF;
			background-color: #663399;
			}
		
		


#breadcrumb{
	font-size: 85%;
	padding:0 0 20px 0;
	color: #666666;
	}
	
	#main #breadcrumb a{
		color: #666666;
		text-decoration:none;
		border-bottom:0;
		}

	#main #breadcrumb a:hover{
		color: #666666;
		text-decoration:none;
		border-bottom:dotted 1px #666666;
		}

#dropdown{
	float:right;
	}
	
	
#flLeft{
	float:left;
	padding:0 15px 25px 0;
	font-size:85%;
	}
	
	#flLeft a{
		color: #000066;
		text-decoration:none;
		border-bottom:dotted 1px #000066;
		}
		
	#flLeft a:hover{
		color: #ff6600;
		text-decoration:none;
		border-bottom:dotted 1px #ff6600;
		}

#flRight{
	float:right;
	padding: 0 0 25px 15px;
	font-size:85%;
	}
	
	#flRight a{
		color: #000066;
		text-decoration:none;
		border-bottom:dotted 1px #000066;
		}
		
	#flRight a:hover{
		color: #ff6600;
		text-decoration:none;
		border-bottom:dotted 1px #ff6600;
		}


#main p{
	line-height:1.5em;
	color: #000;
	margin-bottom: 20px;
	}


#main a{
	color: #000066;
	text-decoration:none;
	border-bottom:dotted 1px #000066;
	}
	
#main a:hover{
	color: #ff6600;
	text-decoration:none;
	border-bottom:dotted 1px #ff6600;
	}



#main p.img{
	margin-bottom: 15px;
	}
	
#rImage{
	float:right; 
	margin-top:3px;
	font-size:85%;
	padding: 0px 0px 10px 15px; 
	text-align:center;
	}
	
	#rImage img{
		border: solid 1px #ffffff;
		padding:0 0 8px 0;
		}
	
	
#main .threeCols{
	text-align:center; 
	width:182px; 
	vertical-align:top; 
	float:left;
	display:inline;
	padding:0 15px 30px 15px;
	}
	
	#main .threeCols img{
		margin:0 0 8px 0;
		}

#main #twoColsLeft{
	vertical-align:top; 
	float:left; 
	display:inline; 
	width:307px;
	line-height:1.4em;
	}
	
	#main .twoColsLeft img{
		margin:0 0 8px 0;
		}
	
#main #twoColsRight{
	vertical-align:top; 
	float:right; 
	display:inline; 
	width:307px;
	line-height:1.4em;
	}

	#main .twoColsRight img{
		margin:0 0 8px 0;
		}

#bbox{
    border: solid 1px #e2e2e2; 
    text-align:left; 
    padding:0;
    margin: 0;
    }
    
    
    #bbox #title{
		background-image: url('/images/nav/whats_new_bg.gif');
		background-repeat: repeat-x;
		background-position:left top;
		background-color:#f5f5f5;
		text-align:left;
		font-weight:bold;
		font-size:85%;
		color:#666666;
		padding:4px 3px 4px 8px;
		line-height:1.4em;
    }
    
		#titleLeft{
			float:left;
			width:75%;
			}
    
		#titleRight{
			float:right;
			width:20%;
			text-align:right;
			}
    

    
    #bbox #threeTitleLeft{
		background-image: url('/images/nav/whats_new_bg.gif');
		background-repeat: repeat-x;
		height: 15px;
		font-weight:bold;
		font-size:85%;
		color:#666666;
		text-align:left;
		width:200px;
		padding:4px 3px 4px 8px;
		display:inline;
    }
    
    #bbox #threeTitleRight{
		background-image: url('/images/nav/whats_new_bg.gif');
		background-repeat: repeat-x;
		height: 15px;
		font-weight:bold;
		font-size:85%;
		color:#666666;
		text-align:right;
		width:200px;
		padding:4px 3px 4px 8px;
		display:inline;
    }
    
    #bbox #threeTitleCenter{
		background-image: url('/images/nav/whats_new_bg.gif');
		background-repeat: repeat-x;
		height: 15px;
		font-weight:bold;
		font-size:85%;
		color:#666666;
		text-align:center;
		width:244px;
		padding:4px 3px 4px 8px;
		display:inline;
    }
    
    #bbox #contentArea{
    	border:0; 
		padding:10px; 
		text-align:left;
		}
		
	#bbox #projectArea{
    	border:0; 
		padding:0px; 
		text-align:left;
		}	
		
		
		
	.calday	{
		background-color: #000;
		text-align: center;
		color:#fff;
		font-weight:bold;
		width:14%;
		border:solid 1px #fff;
		padding:5px;
		font-size:85%;
		}
		
	.caldayold{
		background-color: #cccccc;
		border:solid 1px #fff;
		padding:5px;
		font-size:85%;
		vertical-align:top; 
		text-align:right;
		}
		
	.caldayactive{
		background-color: #ffffcc;
		border:solid 1px #fff;
		padding:5px;
		font-size:85%;
		vertical-align:top; 
		text-align:right;
		}
		
	.calday2{
		background-color: #f0f0f0;
		border:solid 1px #fff;
		padding:5px;
		font-size:85%;
		vertical-align:top; 
		text-align:right;
		}
		
	.calnumber{
		font-size:85%;
		}
	
		

#main table{
	width:100%;
	}
	
	#main th{
		font-weight:bold;
		padding:5px;
		}
		
	#main .row1{
		background-color:#f0f0f0;
		vertical-align:top;
		padding:5px;
		}
		
	#main .row2{
		background-color:#fff;
		vertical-align:top;
		padding:5px;
		}

	

/*Home Page styles*/

#homeContent{
	background: white;
}

#hbox{
    float: left;
    width: 264px;
    border: solid 1px #e2e2e2; 
    text-align:left; 
    padding:0;
    margin: 20px 0;
    }
    
    
    #hbox #title{
		background-image: url('/images/nav/whats_new_bg.gif');
		background-repeat: repeat-x;
		height: 15px;
		width: 253px;
		text-align:left;
		font-weight:bold;
		font-size:85%;
		color:#666666;
		padding:2px 3px 4px 8px;
    }
    
    #hbox #scroll{
    	border:0; 
		padding:0 0 10px 10px; 
		width: 252px; 
		height: 285px; 
		overflow: auto; 
		text-align:left;
		}
    
    #hbox ul{
		padding: 0;
		margin: 0;
		}
           
    #hbox ul li{
		color:#000066;
		font-size: 1.0em;
		font-weight:bold;
		margin: 0;
		padding: 10px 0 0 0;
		}
        
    #hbox ul li.subtitle{
        color: #666666;
		font-size: 11px;
		font-weight:normal;
		margin: 0;
		padding: 3px 0 0 0;
		}
	
	
	#hbox a{
		color: #000066;
		text-decoration: none;
		border-bottom:dotted 1px #000066;
		}
	
	#hbox a:hover{
		color: #ff6600;
		text-decoration: none;
		border-bottom:dotted 1px #ff6600;
	    }



#promo{
	margin:0;
	padding:0;
	}

	#promoContainer{
		width:550px;
		
		margin:0;
		padding:0;
		background-repeat:no-repeat;
		}
		
	#promoText{
		height:28px; 
		width:520px; 
		margin:0;
		text-align:left; 
		padding: 236px 15px 0px 15px; 
		font-size:11px;
		color:#fff;
		line-height:1.5em;
		}
		
		#promoText a{
			color: #fff;
			text-decoration: none;
			border-bottom:dotted 1px #fff;
			}
		
		#promoText a:hover{
			color: #ff6600;
			text-decoration: none;
			border-bottom:dotted 1px #ff6600;
			}
		
	#promoimage{
		margin:0;
		padding:0;
		}
	
	
	
.carousel-component{
	padding: 0px;
	margin: 0px;
	background-image: url('/images/nav/org_fade.gif'); 
	background-repeat: repeat-x;
	}
	
		.carousel-component .carousel-list li{
			margin: 0px;
			padding: 11px 0 0 11px; 
			width: 61px;
			height: 61px;
			background-image: url('/images/nav/thumb_bg2.gif'); 
			background-repeat:no-repeat; 
			text-align:left;
			}
			
		.carousel-component .carousel-list li a{
			display: block;
			padding: 0px;
			margin: 0px;
			outline: none;
			}
			
		.carousel-component .carousel-list li a:hover{
			padding: 0px;
			margin: 0px;
			}
			
		.carousel-component .carousel-list li img{
			padding: 0px;
			margin: 0px;
			display: block;
			}

		.carousel-component .carousel-list li strong { 
			display:block; 
		}
		                                    

		#prev-arrow { 
			position:absolute;
			top:0px;
			z-index:3;
			cursor:pointer; 
			left:0px; 
		}

		#next-arrow { 
			position:absolute;
			top:0px;
			z-index:3;
			cursor:pointer; 
			right:0px; 
		}

		.spotlight {
			filter: alpha(opacity=100); 
			-moz-opacity:1.0;
		}

		.non-spotlight {
			filter: alpha(opacity=60); 
			-moz-opacity:0.6;
		}

		#preview {
			margin: 0;
			padding: 0;
			clear:both;
			width:550px;
			height:260px;
		}

		#preview img {
			border: 0;
			padding: 0;
		}
	
	
	
        
#bd{
	float:right;
	margin-left: 0px;
	height: 50px;
	margin-top:20px;
}
    
    
    
    
    
#bottom{
	padding: 20px 0px 20px 0;
	margin: 0;
	color: #000;
	background-image: url('/images/nav/dot_bg.gif');
	background-repeat: repeat-x;
	font-size: 11px;
}

	#bottom h6{
		color: #ff6600;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 10px;
		}
	
	#bottom a{
		color: #000066;
		text-decoration: none;
		border-bottom:dotted 1px #000066;
		}
	
	#bottom a:hover{
		color: #ff6600;
		text-decoration: none;
		border-bottom:dotted 1px #ff6600;
	    }
        
    #colleft{
        float:left;
        margin: 0;
        padding: 0;
        width:275px;
    }
    
    #colmiddle{
        float:left;
        margin: 0;
        padding: 0;
        width:250px;
    }
    
    	#bottom #colleft li, #bottom #colmiddle li{
			display:block;
			padding: 0px 0px 0px 11px;
			background-image: url('/images/nav/bullet.gif');
			background-position: 3px 7px;
			background-repeat: no-repeat;
			color: #000;
			text-decoration: none;
			font-size: 11px;
			line-height:1.5em;
			}
    
    #colright{
        float:right;
        width: 301px;
    }
    
		#calendar
		{
			clear: both;
			width: 100%;
			overflow: auto;
			padding: 0 0 15px 0;
			margin:0;
			}
    
			#calendar a.arrow{
				float: left;
				margin-right: 2px;
				border:none;
			}
			
			ul#dates{
				float: left;
				margin:0;
				padding:0;
			}
			
				ul#dates li{
					float: left;
					width: 35px;
					height: 35px;
					background-image: url('/images/nav/cal_bg_off.gif');
					background-color: Transparent;
					background-position: top left;
					background-repeat:no-repeat;
					margin: 0 2px 0 0;
					padding: 0;
					color: #000066;
					text-align: center;
				}
				
					ul#dates li span.day{
						text-transform: uppercase;
						font-size: 85%;
						padding:0;
						margin:0;
					}
					
					ul#dates li span.date{
						display: block;
						font-size: 146.5%;
						font-weight: bold;
						padding:0;
						margin:0;
					}
				
					ul#dates li.active{
						background-image: url('/images/nav/cal_bg_on.gif');
						background-repeat:no-repeat;
						color: #fff;
						padding:0;
						margin:0;
					}
					
					ul#dates li.blue
					{
						background-image: url('/images/nav/cal_active3.gif');
						background-repeat:no-repeat;
						background-color:#000066; 
						color:#fff; 
						padding:0;
						margin:0;
					}
					ul#dates li.blue a
					{
						color:#fff;
						text-decoration:none;
					}
					ul#dates li.blue a:hover
					{
						color:#fff;
						text-decoration:underline;
						border:0;
					}
    
			ul#calLinks{
				clear: both;
				}
    
			   #calLinks li{
					display:block;
					padding: 0px 0px 0px 11px;
					background-image: url('/images/nav/bullet.gif');
					background-position: 3px 7px;
					background-repeat: no-repeat;
					color: #000;
					text-decoration: none;
					font-size: 11px;
					line-height:1.5em;
					}
    
				
    

    

	
	
	
	


/* print/email links */

#share{
	
	width: 844px;
	padding: 40px 0 20px 0;
	margin: 0 auto;
	text-align:center;
	font-size:85%;
	}
	
	
	#share a{
		color: #000066;
		text-decoration:none;
		}

	#share a:hover{
		color: #ff6600;
		text-decoration:none;
		}
	

	a.print, a.email, a.font{
		height: 11px;
		padding-left: 18px;
		padding-bottom: 10px;
		color:#000066;
	}
	
	
	#img{
	    margin-left: 10px;	
	    margin-right: 10px;	
	    margin-bottom: 10px;
	    		
		
	}
			

	
	a.print{
	    margin-left: 20px;
	    padding-left: 22px;
	    background-image: url('/images/nav/print.gif');
	    background-color: Transparent;
	    background-position:left 2px;
	    background-repeat:no-repeat;
	}

	
	a.email{
		margin-left: 20px;
	    padding-left: 22px;
	    background-image: url('/images/nav/email.gif');
	    background-color: Transparent;
	    background-position:left 2px;
	    background-repeat:no-repeat;
	}
    
    
/*---  Secondary Column ---*/

#secondary{
	float: left;
	width: 180px;
	
}


ul#subNav{
	margin: 20px 0px 0px 0px;
	padding: 0;

	}
    
    ul#subNav li{
        margin: 0px;
		border-bottom: 1px solid #C1C0BF;
        padding: 3px 5px 4px 13px;
        font-size:85%;
        line-height: 1.2em;
     	}
     	
    
    ul#subNav li.naHeader{
        margin: 0px;
        border-top: 1px solid #C1C0BF;
        border-bottom: 1px solid #C1C0BF;
        padding: 3px 5px 4px 13px;
        font-size:85%;
        line-height: 1.2em;
        background-color: #EEEEEE;
        
        background-image: url('/images/nav/arrow_down.gif');
        background-repeat:no-repeat;
        background-position:right;
        font-weight:bold;
	}
	
	
	
	ul#subNav li.aHeader{
        margin: 0 0 0 0;
        border-left: 6px solid #ff6600;
        border-top: 1px solid #C1C0BF;
        border-bottom: 1px solid #C1C0BF;
        background-color: #EEEEEE;
        padding: 3px 5px 4px 8px;
        font-size:85%;
        line-height: 1.2em;
        background-image: url('/images/nav/arrow_down.gif');
        background-repeat:no-repeat;
        background-position: right center;
        font-weight:bold;
		
	}
	
	
	
	
	
	
	ul#subNav li.naLink{
        border-left: 6px solid #Transparent;
        padding: 3px 5px 4px 13px;
	}
	
	
	
	ul#subNav li.aLink{
        border-left: 6px solid #ff6600;
        padding: 3px 5px 4px 7px;
	}
	
	
	
	
	
	
	
	
	
		
	

	ul#subNav li a{
		color:#000;
		text-decoration: none;
		border-bottom:0;
	}
	
	
	ul#subNav li a:hover{
		color: #ff6600;
		text-decoration: none;
		border-bottom:dotted 1px #ff6600;
	}
	
	
	ul#subNav li.lastChild{
		border-bottom: none;
	}
	
	

		
	
/*-------   Footer  --------*/

#footer{
	width: 844px;
	padding: 20px 0;
	margin: 0 auto;
	color: #000;
	background-image: url('/images/nav/dot_bg.gif');
	background-repeat: repeat-x;
	font-size: 85%;
	}

		#footer a{
			color: #000;
			text-decoration: none;
			border-bottom:dotted 1px #000;
			}
		
		#footer a:hover{
			color: #ff6600;
			text-decoration: none;
			border-bottom:dotted 1px #ff6600;
			}