@charset "utf-8";
/* CSS Document 
This document styles the 3 pic nav menu down below at the bottom of the page
*/
#main-area #main-content-layout #text #sections{
	position: relative;
	left: -7em;
	width: 650px;
	top: 12em;
	height: 200px;
	padding-bottom: 0px;
}
#main-area #main-content-layout #text #sections ul {
	list-style-type: none;
	height: auto;
	width: 90%;
	position: relative;
}
#main-area #main-content-layout #text #sections li {
	height: auto;
	width: 153px;
	float: left;
	margin-right: 35px;
}

/*
This Controls the Comptroller Sectoin
SECTION BEGIN
*/
#main-area #main-content-layout #text #sections #comptroller {
	background-image: url(../images/comptroller-section-title.jpg);
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#main-area #main-content-layout #text #sections #comptroller h1 a:link {
	background-image: url(../images/comptroller-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}
#main-area #main-content-layout #text #sections #comptroller h1 a:visited {
	background-image: url(../images/comptroller-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}
#main-area #main-content-layout #text #sections #comptroller h1 a:active {
	background-image: url(../images/comptroller-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
	outline: none;

	

}

#main-area #main-content-layout #text #sections #comptroller h1 a:focus {
	  -moz-outline-style: none;

}

#main-area #main-content-layout #text #sections #comptroller h1 a:hover{
	background-image: url(../images/comptroller-section-color.jpg);
}
/*

#main-area #main-content-layout #text #sections #comptroller h1 a:focus {
	  -moz-outline-style: none;

}
the above style was used to remove the dotted lines from the link when clicked. use if necessary. for now the
"outline:none;" style is working
This Controls the Comptroller Sectoin
SECTION END
*/
/*
This Controls the Events Sectoin
SECTION BEGIN
*/

#main-area #main-content-layout #text #sections #events {
	background-image: url(../images/events-section-title.jpg);
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#main-area #main-content-layout #text #sections #events h1 a:link{
	background-image: url(../images/events-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}
#main-area #main-content-layout #text #sections #events h1 a:visited{
	background-image: url(../images/events-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}#main-area #main-content-layout #text #sections #events h1 a:active {
	background-image: url(../images/events-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
	outline: none;

}

#main-area #main-content-layout #text #sections #events h1 a:focus {
	  -moz-outline-style: none;

}
#main-area #main-content-layout #text #sections #events h1 a:hover{
	background-image: url(../images/events-section-color.jpg);
}
/*
This Controls the Events Sectoin
SECTION END
*/
/*
This Controls the Research Sectoin
SECTION BEGIN
*/

#main-area #main-content-layout #text #sections #research {
	background-image: url(../images/research-section-title.jpg);
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
#main-area #main-content-layout #text #sections #research h1 a:link {
	background-image: url(../images/research-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}
#main-area #main-content-layout #text #sections #research h1 a:visited {
	background-image: url(../images/research-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
}
#main-area #main-content-layout #text #sections #research h1 a:active {
	background-image: url(../images/research-section-bw.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	height: 80px;
	display: block;
	position: relative;
	top: 35px;
	border: 2px solid #6699cc;
	margin-bottom: 25px;
	outline: none;
	
}

#main-area #main-content-layout #text #sections #research h1 a:focus {
	  -moz-outline-style: none;

}
#main-area #main-content-layout #text #sections #research h1 a:hover{
	background-image: url(../images/research-section-color.jpg);
}
/*
This controls the 3 picture sections down at the bottom of thee pagee
SECTION END
*/
.navigation{
	color: #FF0000;
}