/*CSS file for new SSA Website*/

body {
     margin:0px;
}


/* This controls the fixed masthead at the top of each page */
#masthead {
     /*width:100%;*/
	 background-color:#656e7f;
	 border-bottom:solid 3px #a7a6a6; 
	 padding-left:10px;
	 padding-right:10px;
	  
}

#logo { position: absolute; 
      top: 6px; right: 20px;  
      width: 174px; padding: 0px; }
	  


/* This controls the text inside the Level 1 band at the top of each page */
.nav1 {
	height:28px;
	/*width: 100%;*/
	/*background-image:url(images/levelone.jpg);*/
	background-color: #2a517a;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	/* comment the next line out after all nav1 and nav2 revisions
	padding-top:9px;*/
	color: #FFFFFF;
}

.outerDiv {
    /*border : solid 2px #000000;*/
	background-color: #2a517a;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    height:35px;
	padding-left:5px;
	position:relative;
	text-align:left;
    }              

.innerDivRight {
    width:100px;
    /*float:right;*/
	position:absolute;
	top:5px;
	right:20px;
	text-align:right;
    }       
	
.innerDivLeft {
    width:530px;
	height:28px;
    /*float:right;*/
	position:absolute;
	top:8px;
	/*left:20px;*/
    }       

.outerDiv2 {
    /*border : solid 2px #000000;*/
	background-color: #d7d9de;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    height:35px;
	position:relative;
	text-align:left;
    }              

.innerDivRight2 {
    width:240px;
    /*float:right;*/
	position:absolute;
	top:3px;
	right:20px;
	text-align:right;
    }       
	
.innerDivLeft2 {
    width:540px;
	/*height:26px;*/
    /*float:right;*/
	position:absolute;
	margin-left:5px;
	/*top:8px;*/
	/*left:10px;*/
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	padding-bottom:15px;
	/*background-color: #d7d9de;*/
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #414b5d;
    }       

#social {
	position:absolute;
	top:85px;
	right:20px;
	width: 85px;
	 }


/* This controls the text inside the Level 2 band at the top of each page */
.nav2 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	/*width: 100%;*/
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	/*color: #4b5466;*/
	color: #414b5d;
	background-color: #d7d9de;
     }

#search {
	background-color: #d7d9de;
	position:absolute;
	top:116px; right:20px;
	height: 28px;
	width: 240px;
	/*float: right;*/
}

/* This controls the attributes for the header graphic on each page */
.header {
	 height:136px;
	 padding: 0px; 
	 margin-top:20px;
	 text-align:left;
	 }

/*p {
     font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 line-height:1.25;
     width:372px;
	 margin-top:25px;
	 margin-left:25px;
	 margin-bottom:20px;
	 float:left;
}*/

/* This controls the attributes for the content area */
.main {
     font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 line-height:1.25;
     width:372px;
	 margin-top:25px;
	 margin-left:25px;
	 margin-bottom:20px;
	 float:left;
}

.main-flyout {
     font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14px;
	 color: #336799;
}

/* This controls the attributes for the left navigation level 3 */
.nav3 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:153px;
	float: left;
	margin-top:25px;
	margin-bottom:20px;
	text-align:left;
	color: #000000;
     }
	 
.nav3-grey {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:153px;
	float: left;
	margin-top:25px;
	text-align:left;
	color: #d7d9de;
     }

/* The next two control the attributes for the left navigation level 3 bullet lists*/
/*ul.nav3 {
	padding: 0;
    margin: 0;
     }*/

/*li.nav3 {
	padding: 0;
    margin: 0;
     }*/

#nav3-list {
	/*padding: 0;
    margin: 0;
	list-style-type: square;*/
	margin-left: 0px;
     }

/*#nav3-list li {
	list-style-type: square;
    margin-left: 0px;
     }*/

li.nav3-grey {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:153px;
	float: left;
	margin-top:25px;
	text-align:left;
	color: #d7d9de;
     }

/* This controls the attributes for the news area in the right-hand column */
.news {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:158px;
	float: left;
	margin-top:25px;
	margin-left:25px;
	text-align:left;
	color: #000000;
	}
	
.news2 {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:158px;
	/*float: left;*/
	margin-top:15px;
	/*margin-left:25px;*/
	text-align:left;
	color: #000000;
	}



/* This keeps the page header, nav3 area, main content and news column tied together */
.wrapper {
	margin: auto;
	float: none;
	width: 733px;
	height:100%;
}

/* This controls the attributes for the footer area */
.footer {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear:both;
	/*width:100%;*/
	border-top:solid 3px #336799;
	margin-top:20px;
	padding-top:15px;
	text-align:center;
	color: #424a5d;
}

.copyright {
    font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.plugin {
    margin-top:25px;
	}

/* This controls the attributes for text */

td  {
	font-size : 14px;
	font-family : Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : #000;
	line-height : 15pt;
	text-decoration : none;
}
h1 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top:-5px;
	font-weight: bold;
}

h3 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:-5px;
	font-weight: bold;
	color: #346699;
}

.announcment {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	/*margin-top:8px;*/
	/*padding-top:8px;*/
	padding-right:10px;
	/*padding-bottom:8px;*/
	padding-left:4px;
	width:153px;
	color: #FFFF00;
	background-color: #323c84;
	}
	
.announcement2 {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	/*margin-top:8px;
	padding-top:8px;
	padding-right:4px;
	padding-bottom:8px;
	padding-left:4px;
	width:153px;*/
	color: #FFFF00;
	/*background-color: #323c84;*/
	}
	
.more {
	position:relative;
	right: 10px;
}
	
.clasp {
text-align:left;
}
.lunchbox {
display:none;
}

#accordion {
	list-style: none;
	padding: 5px 0px 0px 0px;
	/*margin: 5px;
	padding-right: 20px;*/
	width: 100%;
	margin-left:0;
	padding-left:0;
	/*position: relative;
	left: -30;*/
}

#accordion_detail {
	list-style: none;
	padding: 0 0 0 0;
	/*border-bottom: 2px;
	border-bottom-color: #FFF;
	width: 600px;
	position: relative;
	left: -80px;*/
	width: 100%;
}

#accordion div {
	display: block;
	/*position: relative;
	left: -40px;*/
	background-color: #2a517a;
	font-weight: bold;
	color: #FFFFFF;
	/*margin: 5px;*/
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*border-bottom: 2px;
	border-bottom-color: #FFF;*/
	border-bottom:solid 1px #FFFFFF;
}

#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	margin-left: 0;
	padding-left:0;
}


#accordion ul{
	display: none;
	margin-left: 0;
	padding-left: 0;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	/*padding: 0 0 0 7px;*/
	margin-left:0;
	padding-left:0;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}
	
/* This controls highlighting attributes for nav1 */
a.nav1-highlight:link {
	color: #FFFF00;
	padding-left:10px;
	padding-right:10px;
	}
	
a.nav1-highlight:visited {
	color: #FFFF00;
	padding-left:10px;
	padding-right:10px;
	}
	
a.nav1-highlight:hover {
	color: #FFFF00;
	padding-left:10px;
	padding-right:10px;
	}
	
a.nav1-highlight:active {
	color: #FFFF00;
	padding-left:10px;
	padding-right:10px;
	}
	
/* This controls highlighting attributes for nav1 */
.nav1-lowlight {
	color: #2a517a;
	padding-left:10px;
	padding-right:10px;
	}

/* This controls highlighting attributes for nav2 */
.nav2-highlight {
	color:#4b5466;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #aeb2bb;
	height:50px;
	}

/* This controls the text attributes for general links */
a:link {
	color: #336799;
	 /*color: #090;*/
	text-decoration: none;
	 }
	 
a:visited {
	color: #336799;
	 /*color: #FF0;*/
	text-decoration: none;
	 }
	 
a:active {
	color:#656e7e;
	 /*color:#999;*/
	text-decoration: none;
	 }

a:hover {
	color:#656e7e;
	 /*color:#C36;*/
	text-decoration: none;
	 }



	 
/* This controls the text attributes for nav Level 1 links */
a.nav1:link {
     color: #FFFFFF;
	 text-decoration: none;
	 }

a.nav1:visited {
     color: #FFFFFF;
	 text-decoration: none;
	 }
	 
a.nav1:hover {
     color:#FFFF00;
	 text-decoration: none;
	 }
	 
a.nav1:active {
     color:#FFFF00;
	 text-decoration: none;
	 }

/* This controls the text attributes for nav Level 2 links 
a.nav2:link {
     color: #4b5466;
	 padding-right: 15px;
	 text-decoration: none;
	 }
	 
a.nav2:visited {
     color: #4b5466;
	 padding-right: 15px;
	 text-decoration: none;
	 }
	 
a.nav2:hover {
	color:#4b5466;
	padding-right: 15px;
	background-color: #aeb2bb;
	text-decoration: none;
	height:36px;
	 }*/
	 
/* This controls the text attributes for nav Level 2 links*/
.nav2 a
{
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #336799;
	/*color: #414b5d;*/
}

.nav2 a:hover
{
	background-color: #aeb2bb;
	/*color: #336799;*/
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #336799;
}

#navNews .nav2News, #process .nav2Process, #report .nav2Report, #link .nav2Link
{
	background-color:#aeb2bb;
	color: #336799;

}

.innerDivLeft2 a
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #336799;
	/*color: #414b5d;*/
}

.innerDivLeft2 a:hover
{
	background-color: #aeb2bb;
	/*color: #336799;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #336799;
}

#navNews .nav2News, #process .nav2Process, #report .nav2Report, #link .nav2Link
{
	background-color:#aeb2bb;
	color: #336799;

}
	 
/* This controls the text attributes for nav Level 2 links*/ 
a.nav3:link {
	color: #090;
	text-decoration: none;
	 }
	 
a.nav3:visited {
	color: #090;
	text-decoration: none;
	 }
	 
a.nav3:hover {
	color:#FF0;
	text-decoration: none;
	 }
	 
a.nav3:active {
	color:#FF0;
	text-decoration: none;
	 }
	 
/* This controls the text attributes for nav Level 2 links*/ 
.nav3 a.current:link {
	color: #999;
	text-decoration: none;	/*background-color:red;*/
	 }
	 
.nav3 a.current:visited {
	color: #999;
	text-decoration: none;
	/*background-color:red;*/
	 }
	 
.nav3 a.current:hover {
	color:#999;
	text-decoration: none;
	/*background-color:red;*/
	 }
	 
.nav3 a.current:active {
	color:#999;
	text-decoration: none;
	/*background-color:red;*/
	 }
	 
/* This controls the text attributes for nav Level 3 announcements*/ 
a.announcment:link {
     color: #FFFF00;
	 /*padding-top:8px;
	 width:153px;*/

	 }
	 
a.announcment:visited {
     color: #FFFF00;

	 }
	 
a.announcment:hover {
	color:#FFFF00;
	
	 }
	 
/* This controls the text attributes for nav Level 3 announcements*/ 
a.announcment2:link {
     color: #FFFF00;
	 /*padding-top:8px;
	 width:153px;*/

	 }
	 
a.announcment2:visited {
     color: #FFFF00;

	 }
	 
a.announcment2:hover {
	color:#FFFF00;
	
	 }