/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	background: #ffffff url(../images/Header.jpg) no-repeat top;	
	font: 14px/20px 'Muli', Arial, Helvetica, sans-serif;
	color: #463328;
}
body a {
	color: #669999;
}
body a:hover {
	color: #990066;
}
h2 {
	font-size: 26px;
	line-height: 36px;
	color: #669999;
	font-family: 'Walter Turncoat', cursive;
	margin-bottom: 10px;
}
h3 {
	color: #990066;
	font-size: 24px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	font-family: 'Waiting for the Sunrise', cursive;
}
h3#marta, h3#martina {
	cursor: pointer;
	border-bottom: 1px solid #990066;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4 {
	color: #990066;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 5px;
	font-family: 'Waiting for the Sunrise', cursive;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#header {
	width: 960px;
	height: 250px;
	margin-top: 155px;
	/*margin-bottom: 29px;*/
}
#nav {
  	width: 960px;
  	height: 40px;
  	background: url(../images/nav-bg.jpg) repeat-x;
	border-top: solid 1px #005466;
}
#nav ul {
  	height: 40px;
  	list-style: none;
}
#nav ul li {
	height: 40px;
 	float: left;
}
#nav li a {
	height: 40px;
	/*line-height: 40px;*/
	display: block;
	text-align: center;
	text-decoration: none;

}
#home-tab a, #prof-tab a,
#personal-tab a,
#counseling-tab a,
#noi-tab a{
	width: 158px;
	color: #ffffff;
	border-right: solid 1px #9ee8e9;
	border-left: solid 1px #005466;
}
#contact-tab a {
	width: 158px;
	color: #ffffff;
	border-right: solid 1px #9ee8e9;
	border-left: solid 1px #005466;
}

#home-tab a:hover,
#prof-tab a:hover,
#personal-tab a:hover,
#counseling-tab a:hover,
#noi-tab a:hover,
#contact-tab a:hover{
	color: #9ee8e9;
}
#active-tab a {
	width: 160px;
	margin-top: -1px;
	background: #c4dccf;
	color: #005466;
	border: none;
	border-bottom: solid 1px #9ee8e9;
}

.multiline a {
	line-height: 20px;
}

.singleline a {
	line-height: 40px;
}

#nav li ul {
	position: absolute;
}

#nav li ul {
	visibility: hidden;
	width: 158px;
}

#nav li ul li {
	height: 30px;
  	background: url(../images/nav-bg.jpg) repeat-x;
	border-top: solid 1px #005466;
	border-right: solid 1px #005466;
}

#nav li ul li a {
	border-right: none;
	background-color: transparent;
	border-bottom: solid 1px #005466;
	border-left: solid 1px #005466;
	color:#ffffff;
	height: 30px;
	line-height: 30px;
}

#nav li ul li a:hover {
	color: #005466;
}

#nav li:hover ul {
	visibility: visible;
}

#content  ul {
	margin-left:20px;
}

#content {
	width: 960px;
	background: #FFFFFF /*#F8FFFF*/;
	padding: 20px 0;
}
#tagline {
	width: 920px;
	height: 38px;
	margin: 20px;
	border-top: solid 1px #005466;
	border-bottom: solid 1px #005466;
	color: #005466;
}
#tagline p {
	float: left;
	margin-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 38px;
}
#tagline img {
	float: right;
	margin: 4px 20px;
}
#tagline span {
	color: #005466;
}
#content-left {
	text-align: justify;
	width: 525px;
	float: left;
	margin: 0 40px 0 20px;
	color: #005466;
}
#content-right {
	width: 375px;
	float: right;
	margin: 0;
	color: #005466;
}
#content-left p {
	margin: 20px 0;
}
#content-right p {
	margin: 0 0 20px;
}
#content-right h2 {
	color: #005466;
}
#content-left h2 {
	color: #005466;
}
#main {
	width: 580px;
	float: left;
	margin: 0 40px 0 20px;
}
#main p {
	margin: 20px 0;
}
#sidebar {
	width: 300px;
	float: right;
	margin: 0 20px 0 0;
}
#wide-column { 
	padding: 0 20px;
}
#wide-column p {
	margin: 20px 0;
}
#wide-column img {
	background: #e3d8c5;
	padding: 5px;
}
#footer {
	padding: 10px;
	font-size: 10px;
	color: #AAAAAA;
	text-align: center;
}
#footer a {
	color: #463328;
}

/* Slider */
#slider-container { 
	width: 920px;  
	background: #005466;
	margin: 0 20px;
	padding: 5px 0;
}
#slider {
	margin: 0 5px;
}
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
		}
#slider li { 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width: 910px;
	height: 240px;
	overflow: hidden; 
}
span#prevBtn { 
	display: none; 
}
span#nextBtn { 
	display: none; 
}
/* End Slider */

/* Random Classes */

.port-img {
	background: #e3d8c5;
	padding: 5px;
	margin-top: 20px;
}
.port-button {
	margin: 20px 5px;	
}

.port-item-left {
	width: 440px;
	float: left;
	margin: 20px 40px 20px 0;
}
.port-item-right {
	width: 440px;
	float: left;
	margin: 20px 0 20px 0;
}
.clear {
	clear: both;
}
.top-margin {
	margin-top: 20px;
}

#content input {
	width: 200px;
	margin: 0 0 5px 0;
}

#content select {
	width: 205px;
	margin: 0 0 5px 0;
}

#content textarea {
	width: 200px;
	margin: 0 0 5px 0;
	font-family: 'Verdana';
	color: #bbbbbb;
}

#content label {
	margin-left: 25px;
	margin-right: 10px;
	width: 160px;
	display: block;
	float: left;
}