@charset "utf-8";

/* NMC CSS Document by Friday Studios */

/* Clears margin and padding */

* {
	margin: 0;
	padding: 0;
}

body {
	background:#F1F1F1;
	font-family:sans serif, arial, verdana;
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	color:#666;
	margin:20px 0 0 0;
}

a {
	text-decoration:underline;
	color:#035E4C;
}

a:hover {
	text-decoration:none;
	color:#B7D172;
}

/* -----------------------------------------------------------
Layout
----------------------------------------------------------- */

#a a {
	background:url(../images/bg.gif) repeat 0 0;
}

ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	line-height:16px;
}

li {
	float:left;
	width:99px;
	height:75px;
	margin:0;
	padding:0;
}

li a {
	display:block;
	padding:10px 0 0 5px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFF;
	text-transform:uppercase;
	cursor:hand;
}

li a:hover {
	background-position:50px 0;
	color:#FFF;
}

li a.last {
	border-right:0px;

}

/* -----------------------------------------------------------
Layout
----------------------------------------------------------- */

#wrapper {
	width:978px;
	position:absolute;
	left:50%;
	margin-left:-489px;
	background:#FFF;
	border-bottom:20px solid #f1f1f1;
}

#top-links {
	text-align:right;
	width:958px;
	padding:20px 20px 0 0;
}

#top-links a {
	text-decoration:underline;

}

#top-links a:hover {
	text-decoration:underline;
}

#header {
	width:978px;
	margin:0;
	height:125px;
}

#logo {
	width:226px;
	height:85px;
	float:left;
	margin:20px;
	display:inline;
}

#logo h1 {
	width:226px;
	height:85px;
	display: block;
	text-indent: -9999px;
	background:url('../images/nmc_logo.gif') #fff no-repeat;
}

#logo h1 a {
	width:226px;
	height:85px;
	display: block;
	text-indent: -9999px;
}

#content {
	border-top:1px solid #92B7B0;
	width:938px;
	margin:0 20px;
	padding:20px 0 0 0;
}

#footer {
	border-top:1px solid #92B7B0;
	width:938px;
	margin:20px 0 0 20px;
	clear:left;
	float:left;
	display:inline;
}

#footer p {
	line-height:18px;
	padding:10px 0;
}

/* -----------------------------------------------------------
Banner
------------------------------------------------------------ */

#banner {  
    width: 698px;  
	position: relative;
	border:1px solid #92B7B0;
	float:left;
}

#banner #pager {
	position: absolute;
	top: 210px;
	right:25px;
	z-index: 999;
	background-color: #fff;
	padding:10px 2px;
}

#banner #pager a {
	font-size: 12px;
	background-color: #fff;
	padding: 3px 6px;
	margin-left:5px;
	text-decoration: none;
	margin-right: 6px;
	color:#035E4C;
}

#banner #pager a:hover, #banner #pager a.activeSlide {
	color: #fff;
	background-color:#035E4C;
}

#rotate {
	height: 270px;  
    width: 698px;  
    padding: 0;  
    margin: 0;
} 
 
#rotate img { 
    top: 0; 
    left: 0;
	border:0; 
}

/* -----------------------------------------------------------
Home Boxes
------------------------------------------------------------ */

#welcome {  
    width: 216px; 
	height: 270px; 
	border:1px solid #92B7B0;
	margin:0 0 0 20px;
	float:left;
}

#welcome h2 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

#welcome p {  
	padding:5px;
}


/* -----------------------------------------------------------
4 Boxes
------------------------------------------------------------ */

.featured {  
    width: 218px; 
	height: 118px; 
	border:1px solid #92B7B0;
	margin:20px 20px 0 0 ;
	float:left;
}

.featured img {  
	border:0;
}

.featured h3 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

.featured h4 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

.featured h5 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

.featured_last {  
    width: 216px; 
	height: 118px; 
	border:1px solid #92B7B0;
	margin:20px 0 0 0 ;
	float:left;
}

.featured_last img {  
	border:0;
}

.featured_last h6 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

/* -----------------------------------------------------------
Sub Pages
------------------------------------------------------------ */

#left-column {
    width: 696px;  
	float:left;
	border:1px solid #92B7B0;
}

hr {
	height: 1px;
	border-bottom:20px solid #FFFFFF;
	border-top:1px solid #035E4C;
	margin-top:20px;
	border-left-width: 0;
	border-right-width: 0;
	margin:0 10px;
}

.left-image {
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #035E4C;
}

.right-image {
	float:right;
	margin:0 0 15px 15px;
	border:1px solid #035E4C;
}

#left-column h2 {  
	display:block;
	color:#fff;
	border-bottom:4px solid #9FCD61;
	text-transform:uppercase;
	font-size:14px;
	background:#035E4C;
	padding:8px;
	margin:10px;
	font-weight:normal;
}

#left-column h3 {  
	color:#666;
	text-transform:uppercase;
	font-size:14px;
	padding:10px;
	margin:0 0 10px 0;
	font-weight:normal;
}

.headline {  
	color:#666;
	text-transform:uppercase;
	font-size:14px;
	padding:10px;
	margin:0;
	font-weight:normal;
}

#left-column p {
	padding:0 10px 10px 10px;
}

#left-column p strong {
	color:#035E4C;
}

#right-column {
    width: 220px; 
	margin:0 0 0 20px ;
	float:left;
}

.right-column-featured {  
    width: 218px; 
	height: 118px; 
	border:1px solid #92B7B0;
	margin:0 0 20px 0 ;
	float:left;
}

.right-column-featured img {  
	border:0;
}

.right-column-featured  h4 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

.right-column-featured  h5 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

.right-column-featured  h6 {  
	display:block;
	color:#fff;
	border-bottom:1px solid #FFF;
	text-transform:uppercase;
	font-size:12px;
	background:#9FCD61;
	padding:5px;
	margin:5px 5px 0 5px;
}

/* -----------------------------------------------------------
Inner Table
----------------------------------------------------------- */

.info { 
	color:#666;
	text-align:left;
	width:95%;
	margin:10px 10px 20px 10px;
	border:1px solid #666;
	font-size:12px;
}

.info tr.odd {
	background-color:#f1f1f1;
	color:#666;
}

.info tr:hover, tr.odd:hover {
	/*background-color:#fffbdb;
	color:#666;*/
}

.info tr {
	/*vertical-align: top;*/
}

.info tr,th,td {
	padding:4px;
}

.info td {
	/*border-left:1px solid #dadada;*/
}

.info th {
	background:#9FCD61;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
}


/* -----------------------------------------------------------
Inner Table Small
----------------------------------------------------------- */

.info2 { 
	color:#666;
	text-align:left;
	width:70%;
	margin:10px 10px 20px 10px;
	border:1px solid #666;
	font-size:12px;
}

.info2 tr.odd {
	background-color:#f1f1f1;
	color:#666;
}

.info2 tr:hover, tr.odd:hover {
	/*background-color:#fffbdb;
	color:#666;*/
}

.info2 tr {
	/*vertical-align: top;*/
}

.info2 tr,th,td {
	padding:4px;
}

.info2 td {
	/*border-left:1px solid #dadada;*/
}

.info2 th {
	background:#9FCD61;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
}

/* -----------------------------------------------------------
CSS Gallery
----------------------------------------------------------- */
.gallerycontainer {
	position: relative;
}

.thumbnail img{
	border:1px solid #035E4C;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border:1px solid #035E4C;
}

.thumbnail span{ /*CSS for enlarged image*/
	position:absolute;
	background-color:#035E4C;
	left:-1000px;
	visibility:hidden;
	font-size:12px;
	text-decoration:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border:0;
	padding:10px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -150px;
	left: 125px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}