/* CSS Document */


/* --HTML and BODY Information-- */
html {
	margin: 0px;
	padding: 0px;
}

body {
	min-width : 770px;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 1em;
	text-align : center;
	color: #848587;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* --Typography and Links-- */

p {
	text-align: left;
	margin: 0px;
}

h1,h2,h3 {
	margin: 0px;
}


h2 {
	font-size: 2em;
	font-weight: bold;
}

h2.bluehead {
   color: #162983;
   }
   
h2.pinkhead {
   color: #e2007a;
   }


a:link {
	color: #162983;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #162983;
	text-decoration: none;
}

a:hover, a:active {
	color: #162983;
	text-decoration: none;
}


p a {
	text-decoration: none;

}



/* --Container-- */
#container {
	width: 95%;
	margin: 10px auto;
	text-align : left ;
	position : relative ;
}


/*logos*/

#header {


}

#ialogo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#ssatlogo {
	position: absolute;
	top: 0px;
	left: 588px;
}


/* --Nav-- */


#nav-menu {
    position: absolute;
	top: 80px;
	width: 100%;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 2px 0 2px;
}

#nav-menu li a
{
background: url(../../graphics/navpink2.gif) no-repeat;

line-height: 19px;
float: left;
width: 130px;
display: block;
border: none;

padding-left: 5px;

font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
color: #ffffff;
text-decoration: none;
text-align: left;
font-size: 0.7em;
font-weight: bold;
}

#nav-menu li a:hover {
	
text-decoration: underline;

}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */


/* --Breadcrumb-- */

#breadcrumb {
    position: absolute;
	top: 100px;
	width: 850px;
    height: 19px;
	padding: 0 0 0 0;
	margin: 0;
	background:url(../../graphics/breadcrumb2.gif) no-repeat;
}

#breadcrumb p {
	color: #69696a;
	text-align: left;
	font-size: 0.7em;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 2px; 
	

}


/* --Container-- */

#container {
	width: 95%;
	margin: 10px auto;
	text-align : left ;
	position : relative ;
}


#mainContent 
{
	position: absolute;
	top: 140px;
	left: 155px;
	width: 550px;
}

#mainContent h3 {
	padding-top: 10px;
	padding-bottom: 15px;
	color: #162983;
	font-weight: normal;

}



#mainContent p {
	color: #69696a;
	text-align: left;
	font: 0.9em;
}

#mainContent h5 {
	color: #69696a;
	text-align: left;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 0.8em;
}

#mainContent h5.blue {
	padding-top: 5px;
	color: #162983;
	font-weight: bold;
}

#contentimageleft {
	float: left;
	padding-right: 10px;
	padding-top: 8px;
}

/* --Welcome-- */

#welcome {

		width: 150px;
        height: 50px;
		background:url(../../graphics/welcome2.jpg) no-repeat;
		padding-bottom: 5px;
}

/* --Left column-- */

#leftCol 
{
    clear: right;
    position: absolute;
	top: 178px;
	left: 0px;
	width: 130px;	
}


/* --Curved left box -- */

	div.leftpbox {
	    clear: both;
		width: 125px;
		padding:0 0 0 0;
		margin:0;
	}
	

	div.leftphead {
		width:125px;
        height: 10px;
		padding: 1px 0 0 0;
		margin: 0;
		background:url(../../graphics/pinktop125.gif) bottom left no-repeat;
	}

	
	div.leftptxt {
	    clear: both;
		width: auto;
		margin:0;
		padding:0px 5px 0px 5px;
		border:2px solid #e2007a;
		border-width:0 2px;
		text-align: left;
		background:white;
	}
 
	
	div.leftpbot {
		padding:0 0 0 0;
		margin:0;
		height: 10px;
		background:url(../../graphics/pinkbot125.gif) top right no-repeat;
	}


/* --Text in left box-- */


	div.leftptopbox h4 {
	font-size: 0.7em;
	text-align : left;
	color: #ffffff;
	margin: 0px;
	padding: 1px;
	font-weight: bold;
	height: 32px;
	width: 125px;
	}
	
	
	div.leftptxt p.current { 
	color: #e2007a;
	font-weight: bold;
	font-size: 0.7em;
	text-align : left;
	margin: 0px;
	padding: 5px;
	text-decoration: none;
	line-height: 150%;
	}

	div.leftptxt p a {
	font-size: 0.7em;
	text-align : left;
	color: #e2007a;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	text-decoration: underline;
	line-height: 150%;
	
	}
	

	


/* --Right column-- */

#rightCol 
{
    position: absolute;
	top: 140px;
	left: 725px;
	width: 125px;
}

#rightCol2 
{
    position: static;
	top: 140px;
	left: 725px;
	width: 125px;
}


/* --Curved right box -- */

	div.rbox {
	    clear: both;
		width: 125px;
		padding:0 0 0 0;
		margin:0;
	}
	

	div.rtopbox {
		width:125px;
        height: 32px;
		padding: 1px 0 0 0;
		margin: 0;
		background:url(../../graphics/newbluetop.gif) bottom left no-repeat;
	}

	
	div.rtxt {
	    clear: both;
		width: auto;
		margin:0;
		padding:0px 5px 0px 5px;
		border:2px solid #162983;
		border-width:0 2px;
		text-align: left;
		background:white;
	}
 
	
	div.rbot {
		padding:0 0 0 0;
		margin:0;
		height: 10px;
		background:url(../../graphics/bluebot125v.gif) top right no-repeat;
	}


/* --Text in right box-- */


	div.rtopbox h4 {
	font-size: 0.7em;
	text-align : left;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	
	}
	

	div.rtxt p a {
	font-size: 0.7em;
	text-align : left;
	color: #162983;
	margin: 0px;
	padding: 5px;
	font-weight: normal;
	text-decoration: underline;
	line-height: 150%;
	
	}
	



/* --Pink feature panels-- */

div.pinkwiderbox {
	    clear: both;
		width:250px;
		padding:0 0 0 0;
		margin:0;
	}
	

	div.pinkwidertopbox {
		width:250px;
        height: 32px;
		padding:0 0 0 0;
		margin: 0;
		background:url(../../graphics/pinkwide3.gif) bottom left no-repeat;

	}

	div.pinkwidertxt {
	    clear: both;
		width: auto;
		margin:0;
		padding:0px 5px 0px 5px;
		border:2px solid #e2007a;
		border-width:0 2px;
		text-align: left;
		background:white;
	}
 
	
	div.pinkwiderbot {
		padding:0 0 0 0;
		margin:0;
		height: 10px;
		background:url(../../graphics/longpink_bot.gif) top right no-repeat;
	}
	
/* --Blue feature panels-- */	

div.bluewiderbox {
	    clear: both;
		width:250px;
		padding:0 0 0 0;
		margin:0;
	}
	

	div.bluewidertopbox {
		width:250px;
        height: 32px;
		padding:0 0 0 0;
		margin: 0;
		background:url(../../graphics/bluewide3.gif) bottom left no-repeat;

	}

	
	div.bluewidertxt {
	    clear: both;
		width: auto;
		margin:0;
		padding:0px 5px 0px 5px;
		border:2px solid #162983;
		border-width:0 2px;
		text-align: left;
		background:white;
	}
 
	
	div.bluewiderbot {
		padding:0 0 0 0;
		margin:0;
		height: 10px;
		background:url(../../graphics/longblue_bot.gif) top right no-repeat;
	}
	


/* --Feature panels text-- */

.pinkwidertopbox h4 {
	font-size: 0.9em;
	text-align : left;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}

.bluewidertopbox h4 {
	font-size: 0.9em;
	text-align : left;
	color: #ffffff;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}


.pinkwidertxt  {
	font-size: 0.8em;
	text-align : left;
	color: #848587;
	font-weight: normal;
	text-decoration: none;
}

.pinkwidertxt p a {
	font-size: 1em;
	text-align : left;
	color: #162983;
	font-weight: bold;
	text-decoration: underline;
}

.pinkwidertxt p a:hover {
		color: #162983;
}

.bluewidertxt  {
	font-size: 0.8em;
	text-align : left;
	color: #848587;
	font-weight: normal;
	text-decoration: none;
}

.bluewidertxt p a {
	font-size: 1em;
	text-align : left;
	color: #162983;
	font-weight: bold;
	text-decoration: underline;
}

.bluewidertxt p a:hover {
		color: #162983;
}

/* --Feature panels positioning-- */

#wide1 {
	float: left;
	width: 250px;
}

#wide2 {
	float: right;
	width: 250px;
}

#wide3 {
	float: left;
	width: 250px;
}

#wide4 {
	float: right;
	width: 250px;
}

.clearwide {
	clear: both;
	padding-bottom: 10px;
}

/* --Footer info-- */

#footer {
	color: #848587;
	padding-top: 50px;
	margin: 0px 0px 0px;
	text-align: left;
	font: 0.6em "Trebuchet MS", "Times New Roman", serif;
}

#footer a {
	font-weight: normal;	
}

#footer a:hover {
	color: #162983;
}

#footer img {
	border: none;
}

#footer p {
	padding-top: 5px;

}