/*
 * Framework
 */

/* ================ @ CSS Reset ================ */

@import 'reset.css';


/* ================ @ HTML Elements ================ */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/headerRepeat.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; line-height: 18px;
	padding-top: 30px;
 }

/* ================ @ Position / Clear / Floats ================ */

.left { float:left; }
.right { float:right; }
.clear { clear:both; display:block; font-size:1px; height:1px; overflow:hidden; }

.Container {
	margin: 0 auto;
	padding:5px 0px;
	background-color:#ffffff;
	text-align: left;
   	min-height:100%;


	
	
}
/*ie 6 and 5.5 */

 #container {
   height:100%;
}

/* ================ @ Wrapper ================ */

#Wrapper { display:block; margin:0 auto; width:725px; text-align:left; }



/* ================ @ Header & Navigation ================ */
						
.header {

	overflow:hidden;
	height: 72px;
	padding-left: 20px;
	padding-right: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-color: #ffffff;
}
	
	       .logo {
		   	padding-bottom: 15px;
			}
			
/* ================ @ Portal section ================ */		
							
#portalContainer {
	margin-top: 16px;
	margin-left: 20px;
	height: 273px;


}

							#nav li {
							  display: inline;
							  
							}
							#nav a {
							  float: left;
							  text-align: left;
					           color: #ffffff;
							   

							}
#localPortal
{
  display: block;
  width: 325px;
  height: 273px;
  background: url("../images/portalLinks.jpg") no-repeat 0 0;

}

#localPortal:hover
{ 
  background-position: 0px -281px;
}

#localPortal span
{
  display: none;
}


#nationalPortal
{
  display: block;
  width: 324px;
  height: 273px;
  margin-left: 33px;
  background: url("../images/portalLinks.jpg") no-repeat -357px 0;

}

#nationalPortal:hover
{ 
  background-position: -357px -280px;
}

#nationalPortal span
{
  display: none;
}
						
/*CallOutContainer*/


#callOuts {

   bottom:0;
   width:640px;
	height: 209px;
	background-color: #dce6ed;
	border:1px solid #003f72;
	clear: both;
	margin:0;
	padding: 20px;
 	margin: 24px 0 10px 20px;
	
}
	

	.callOut {
		background: #dce6ed url(../images/voiceCloud.gif) no-repeat;
		width: 179px;
		height: 200px;
		float:left;
		margin:0 auto; 
		text-align:center;
		font-family:Century Gothic,Arial, Helvetica, sans-serif;
		
}

	.callOut.next {
		
		margin-right: 50px;
	}

    .callOut .message {
		margin-top: 30px;
		text-align:center;
		
	}
	.callOut .button {
		background: #dce6ed url(../images/button.gif) no-repeat;
		color: #ffffff;
		margin: 0 auto;
		padding:0;
		margin-top: 84px;		
		font-size: 16px;
		font-weight: bold;		
		width: 133px;
		height: 42px;
		padding-top: 10px;
		 overflow: hidden;
		 cursor: pointer;
	}


	#callOuts a{
		text-decoration:none;
	}