/*
--------------------------
    NCMC - Home page style sheet
__________________________
*/
/* Colors:

dark green: #3f3f30

chocolate red: #2f1110

deep red: #650d0d

NCMC red: #a21f21

dark orange: #dc6226

light orange: #f8981d

cream: #efefc1 */

*{
	margin: 0;
	padding: 0;
}
html
{
height: 100%;
}
body
{
font: 80%/150% verdana, arial, helvetica, sans-serif;
background: #990000;
height: 90%;
	color: #0a144d;
}



p {
	font-size: 1.0em;
	line-height: 1.3em;
	margin-bottom: 0.8em;
}

a{
	color: #a21f21;
	text-decoration: none;}
a:hover, a:active {
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

h1{ 
	margin-bottom: 0.8em;
	font: 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #a21f21;
}

/* My Comment */
h2{
	 
	font: 110% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 0.em;
	color: #3f3f30;
}

/*h3{
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: .125em;
	margin-bottom: 0.8em;

}

h4{
	width:  180px;
	font-size: 1.6.em; 
	text-transform: uppercase; 
	font-style: italic; 
	letter-spacing: 2px; 
	background: #f8981d; 
	color: #a21f21; 
	padding: 5px; 
	margin-bottom: 0.5em;
	text-align: center;	
}
h5{
	font-size: 2.25em;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px; 
	color: #3f3f30;
	margin-bottom: 0.8em;
	
}*/
.clear {
	clear: both;
}
div#page-wrap {
	width: 800px;
	margin:  0 auto;
	position: relative;
min-height: 100%;
}

div#nav {
	height:200px; 
	background: url(../images/ncmcbanner.jpg) no-repeat ;
	margin-top: 15px;padding: 2px;
}

/*ul#nav li a {
	left: 50px;
	display:  block;
	width:  120px; 
	float:  left; 
	margin-top: 175px;
	color: #a21f21;
	text-decoration: none;
	font-weight: bold;
}

ul#nav li a:hover, ul#nav li a:active {
	color: #FF9900;
}*/

div#main-content {
	padding: 20px 10px 10px 30px;
	background-color: white;
	padding-bottom: 7em;
		margin-bottom: 10px;
}

div#main-content div#logo-holder {
	float: left;
	width: 780px; 
	height: 180px;
}

div#main-content div#col1 {
	float: left;
	width:  150px;
	height: 150px;
	padding: 5px 10px 40px 10px;
	border-style: dotted;
	color: 2f1110;
	border-width: 1.0px;
	background-color: #fbb151;
	margin-bottom: 15px;

}

div#main-content div#col2{
	width:  150px;
	height: 150px;
	float: left;
	margin-left: 15px;
				margin-bottom: 15px;

	padding: 5px 10px 40px 10px;
	border-style: dotted;
	color: #2f1110;
	border-width: 1.0px;
	background-color: orange;
}
div#main-content div#col3{
	width:  150px;
	height: 150px;
	float: left;
	margin-left: 15px;
			margin-bottom: 15px;
		padding: 5px 10px 40px 10px;
 	border-style: dotted;
	color: 2f1110;
	border-width: 1.0px;
	background-color: #cc9933;

}

div#main-content div#col4{
	width:  150px;
	height: 150px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
		padding: 5px 10px 40px 10px;
	border-style: dotted;
	color: 2f1110;
	border-width: 1.0px; 
	background-color: #ffcc00;

}

/*div#main-content div#left-column div#quick-jumps a{color: black;}

div#main-content div#right-column {
	float: right;
	width:  250px;
	border-top: 8px solid;
	border-color: #990000;
	padding-top: 15px;
	margin-left: 20px;
}

div#main-content div#right-column p {
	font-size: 90%;
}*/

div#footer {
	background-color: #f5ecd4;
	color: #990000;
	padding: 15px 0px 15px 0;
	border-top: 5px double white;
	text-align: center;
	/*to align footer to bottom*/
	position: relative;
	margin-top: 2em;
}