@charset "UTF-8";
/* CSS Document */

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 32px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #4C4C4C;
	font-size: 18px;
	margin: 0px;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 50px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
}

.text-basic {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
}

html, body {
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear-both {
	clear: both;
}

#wrapper {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 1024px;
	height: 100%;
}

#left-column {
	height: 100%;
	width: 173px;
	float: left;
	padding-top: 200px;
}

#divider {
	height: 100%;
	float: left;
	background-image: url(images/divider.jpg);
	background-repeat: repeat-y;
	width: 7px;
}

#main-container {
	width: 844px;
	float: left;
	height: 100%;
}

#header {
	width: 844px;
	height: 115px;
	background-image: url(images/main-header.jpg);
}

#header2 {
	width: 844px;
	height: 115px;
	background-image: url(images/main-header2.jpg);
}

#page-title {
	width: 844px;
	height: auto;
}

#main-content {
	width: 844px;
	height: 100%;
}

#footer {
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #CCC;
	width: 844px;
}



/* Side Navigation Buttons */

#home-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/home-off.jpg);
}
	
#home-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/home-on.jpg);
}

#mfc-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/mfc-off.jpg);
}
	
#mfc-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/mfc-on.jpg);
}

#mfp-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/mfp-off.jpg);
}
	
#mfp-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/mfp-on.jpg);
}

#nudeas-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/nudeas-off.jpg);
}
	
#nudeas-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/nudeas-on.jpg);
}

#fc-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/fc-off.jpg);
}
	
#fc-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/fc-on.jpg);
}

#ct-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/ct-off.jpg);
}
	
#ct-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/ct-on.jpg);
}

#other-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/ow-off.jpg);
}
	
#other-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/ow-on.jpg);
}

#about-button {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/about-off.jpg);
}
	
#about-button:hover {
	height: 34px;
	width: 173px;
	float: left;
	background-image: url(images/about-on.jpg);
}

/*----------------------------------------------------------*/

.normal {
	float: left;
	width: 210px;
	height: 150px;
	padding: 30px;
}

.normal img{
	width: 180px;
	height: 120px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tall {
	float: left;
	width: 120px;
	height: 150px;
	padding: 30px;
}

.tall img{
	width: 90px;
	height: 120px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.supertall {
	float: left;
	width: 120px;
	height: 300px;
	padding: 30px;
}

.supertall img{
	width: 90px;
	height: 240px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.wide {
	float: left;
	width: 300px;
	height: 150px;
	padding: 30px;
}

.wide img {
	width: 270px;
	height: 120px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.xlarge {
	float: left;
	width: 300px;
	height: 300px;
	padding: 30px;
}

.xlarge img {
	width: 270px;
	height: 270px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.xlargewide {
	float: left;
	width: 400px;
	height: 300px;
	padding: 30px;
}

.xlargewide img {
	width: 370px;
	height: 270px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.main-image {
	float: left;
}

.page-description {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: justify;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 25px;
	float: left;
}
	

/* Shadow background DIV
------------------------------------------------*/
.t {background: url(images/top.gif) 0 0 repeat-x}
.b {background: url(images/bottom.gif) 0 100% repeat-x}
.l {background: url(images/left.gif) 0 0 repeat-y}
.r {background: url(images/right.gif) 100% 0 repeat-y}
.bl {background: url(images/bottomleft.gif) 0 100% no-repeat}
.br {background: url(images/bottomright.gif) 100% 100% no-repeat}
.tl {background: url(images/topleft.gif) 0 0 no-repeat}
.tr {background: url(images/topright.gif) 100% 0 no-repeat; padding: 10px}
/*----------------------------------------------------------*/