/* Start of CMSMS style sheet 'Main Style' */
* { padding:0;
	margin:0; }
body, html {width:100%;}
img { border: 0; }

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 80px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 

#main .padding {padding:2em;}
#footer img {vertical-align:middle; margin-left:1em; border:0;}

body {
font-size: 100.01%;
color:#333;
font-family: 'Lucida Grande', Lucida, Calibri, Tahoma, 'Franklin Gothic Book', 'Franklin Gothic Medium', 'Franklin Gothic', Franklin, Verdana,'Trebuchet MS', Helvetica, sans-serif;
background: #e8e8e8 url(images/bg.jpg) repeat-x top left;
text-align:center;
line-height: 1.3em;
}

hr { color:#000F2C; background: #000F2C; height:1px; border:0; margin-bottom: 10px; }
strong {font-weight:bold;}
p { margin:0 0 1em 0; letter-spacing:0.02em; font-size:0.9em; text-align:left;}
* html p { font-weight:bold;}

.clear {clear:both;}
.left {float:left; margin-right:1em;}
.right {float:right; margin-left:1em;}
.border {border:1px inset white;}

ul {list-style: none;}
em {font-style:italic;}


h1,h2,h3,h4,h5,h6{font-family:Eurostile, 'Bank Gothic', 'Lucida Grande', Verdana; text-align:left;}
h1 { margin:2.5em 0 0.5em 0; border-bottom:1px dotted white; text-transform:uppercase; font-size:1.75em; padding-bottom:0.15em; letter-spacing:0.05em; color:white;}
h2 { margin: 0.25em 0; font-size:1.25em; line-height:1.3em; color:#003363}
h3 { margin: 0.25em 0; font-size:1.15em;color:#000F2C;}
h4 { margin: 0.25em 0; font-size:1.15em;}

textarea {width:400px; height:75px;}
.big input {width:400px; height:30px;}

a:link,a:visited,a:active { color: white; text-decoration: none;}
a:hover { color: #003363; text-decoration: none;}

#content a:link,a:visited,a:active { color: #666; text-decoration: none;}
#content a:hover { color: #003363; text-decoration: none;}

#header {margin:0 auto; padding:0; height:183px; width:100%; background: url(images/header.jpg) no-repeat top center; text-align:left;}

#logo a {
	height: 60px;
	width: 400px;
	display: block;
        float:left;
	margin:0 20px;
}

#content {width:920px; margin:0 auto; text-align:left;}
#slideshow {margin:0 0 1em 0; width:920px; height:110px; background: url(uploads/images/slideshow_bg.png) no-repeat top left;}
#footer  { font-size:0.8em; background:#006893 url(images/footer_bg.jpg) repeat-x top left; color:white;}

#educo span {display:none;}
#educo:hover { background-position: 0 -39px;}
#educo {float: right;width: 30px;height: 39px;margin-right: 10px; margin-top:20px; background-color: transparent;background-image: url(images/educo.gif);}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******Menu*******/
#links {width: 960px; height:38px; margin:0 auto; text-align:right; text-transform:uppercase; font-family:Eurostile, 'Bank Gothic', 'Lucida Grande', Verdana; letter-spacing:0.1em; overflow:hidden; font-size:0.9em;}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#primary-nav li ul.unli li {float:left; text-align:left;}

.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;

}
.page-menu ul#primary-nav li a {
        background-image: url(images/link.jpg);
        background-repeat: no-repeat;
        background-position: center right;

}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	line-height: 28px;
	text-decoration: none;
	margin-left: 1px;

}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: red;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #ccc;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}

.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px; color:#000F2C;
}
#primary-nav {
	margin: 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style: none;
	margin: -6px 0px 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 9px;
	background: url(uploads/NCleanBlue/ultop.png) no-repeat left top;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
}
#primary-nav li li {
	margin-left: 7px;
	margin-top: -1px;
	float: none;
	position: relative;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #003a6a;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 10px;
	width: 165px;
	margin: 5px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	background-color: #000F2C;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	background-color: #000F2C;
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/
/* End of 'Main Style' */