/* Key styles for: SF4NQ*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 19 February 2010*/

/*Reset Styles*/
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;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-size: 62.5%; background: #fff; font-family: Arial, Helvetica, sans-serif; color: #363636;}
img, div {behavior: url(iepngfix.htc);}


/*Container Styles*/
#background-wrapper{margin-left: auto; margin-right: auto; width: 1024px; background: url(images/starry-background.png) no-repeat; } 
#wrapper {margin-left: auto; margin-right: auto; width: 960px; position: relative;}
#main-body{background: url(images/background-gradient.jpg) repeat-x #0583b9; }


/*Banner*/
#banner{height: 160px; overflow: hidden;}
#logo{width: 240px; float: left; position: relative; margin-right: 375px; padding: 20px;}
#feature {float: right; width: 283px; height: 160px; background: url(images/feature-background.png) no-repeat; padding-top: 48px;}


/*Sponsors*/
#sponsors{background: #fff !important; border-top: 40px solid #152950;  margin-top: -40px; }
#sponsors-wrapper {margin-left: auto; margin-right: auto; width: 960px; padding: 10px 0; clear: both;}

html>body #sponsors-wrapper {*padding-left: 300px; *width: 660px; *margin-left: auto; *margin-right: auto; }

/*Subpage*/
#main-container {background: url(images/sub-frame.png) no-repeat; margin-left: -32px; height: 500px; padding-bottom: 50px}
#main-container-wrapper{margin-left: auto; margin-right: auto; width: 960px; clear: both ; margin-top: -270px;}
#content {width: 520px;  position: relative; margin-left: 305px; padding-bottom: 40px; min-height: 270px; }
*html #content {margin-left: 255px;}


/*Home Page Features*/
#home-main-container{background: url(images/home-background.png) no-repeat; height: 529px; width: 1024px; margin-left: -32px; z-index: 99; margin-top: -25px;} 
#home-content {width: 960px;}
#home-content .col {position: relative; float: left;}
#sidebar {width: 220px; margin-left: 75px; margin-top: 100px; margin-right: 30px;}
#main {width: 590px;}
*html #main{margin-left: -70px; width: 560px;}
#sidebar #navigation-wrapper { margin-top: -100px;  margin-left: -10px; overflow: hidden; position: relative;}
#billboard{margin-top: 140px; width: 520px; height: 115px; overflow: hidden;}
#website-developer {text-align: right; padding: 20px;}

/*Featured Student Styles*/
#fs {margin-left: 50px; width: 530px; margin-top: 60px; }
#fs-picture {float: left; margin-right: 10px; width: 180px;}
#fs-bio{float: right;width: 320px; padding-left: 10px; height: 120px; overflow: hidden}
#fs-info{margin-left: 35px; position: absolute; margin-top: 122px; height: 100px; }
#fs-name{margin-top: -75px; width: 198px; text-align: center;}
#fs-role{margin-top: 18px; width: 198px; text-align: center;}

*html #fs-name {margin-top: -80px;}
*html #fs-role {margin-top: 15px;} 


*html #fs-bio {width: 300px;}
*html #fs-info{margin-left: -180px;}
html>body #fs-info{*margin-left: -160px;}


/*Navigation Styles*/
#navigation-wrapper{float: left; margin-top: -155px; position: relative; z-index: 99; margin-left: 40px; width: 248px; }
*html #navigation-wrapper{margin-left: -12px;}
*html #sidebar #navigation-wrapper{margin-left: -80px;}

#navigation ul {margin-left: 20px !important; padding-top: 5px; width: 210px; }
#navigation li {margin: 0; display: block; list-style: none; padding: 0;}
#navigation li a{text-decoration: none; color: #fff; font-size: 1.5em; font-weight: bold; display: block; margin: 0; line-height: 1.85em;}
*html #navigation li a {line-height: 1.1em;}
#navigation li a:hover {color: #edcc0b; border-bottom: none;}
#navigation li.current a{color: #edcc0b;}
#navigation ul ul{margin-left: 15px !important; padding-top: 0; width: 195px;}
#navigation ul ul li a{color: #fff !important;}
#navigation ul ul li a:hover {color: #edcc0b !important;}
#navigation ul ul li.current a{color: #edcc0b !important;}


/*Link Styles*/
a {color: #e11837; text-decoration: none;}
a:link{color: #e11837;}

a:visited {color: #e11837; }
a:hover {color: #004977; border-bottom: 1px dotted #e11837}

#fs a{color: #f4d428;}
#fs a:hover{color: #f7f3dc; border-bottom: 1px dotted #f4d428;}

#logo a:hover {border-bottom: none;}
#sponsors a:hover {border-bottom: none;}

a:hover.img-link  {border-bottom: none !important;}

/*Paragraph Styles*/
h1 {font-size: 2em; color: #363636; padding-bottom: 10px;}
h2 {font-size: 1.6em; color: #e11837; padding-bottom: 2px;}
h3 {font-size: 1.4em; color: #e11837; padding-bottom: 2px;}
h4 {font-size: 1.2em; color: #e11837; padding-bottom: 2px;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.5em}

#fs p{font-size: 1.2em; line-height: 1.2em; color: #fff;}
#feature h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.3em; color: #fff; text-transform: uppercase; text-align: center; font-weight: normal;}
#feature p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: center; color: #fff; line-height: 1.2em;}
#sponsors p{padding-bottom: 0;}
.navigation-top h2{color: #fff; padding-top: 25px; text-align: center; text-transform: uppercase; font-size: 15px;}
#website-developr {font-size: 11px;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #363636; border: none; font-size: 12px}

table.filled {background: #00588c; border: 1px solid #fff; margin-bottom: 10px;}
table.filled td {padding: 5px; background: #00588c; color: #fff; border: 1px solid #fff; font-size: 12px}


/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
#content li{padding-bottom: 2px;}



/*Image Styles*/
img {margin: 0px;}
#content img{margin: 5px; border: 6px solid #ffdf42;}
#content img.left{margin: 5px 10px 5px 0px;}
#content img.right{margin: 5px 0px 5px 10px;}
#sponsors img {padding: 8px;}
#student-bio img{margin: 0; border: none; float: right; margin: 5px 0 5px 15px;}
img.sponsor {border: none !important;}
img.narrow {margin-bottom: 25px !important}


/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.detail {border-bottom: 1px solid #333; margin-bottom: 20px;}
.view-more{float: right;}


/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px; margin-top: -20px; }
#shadow span.top{display: block; background: url(images/subpage-top.png) no-repeat top; height: 423px;  position: relative;  behavior: url(iepngfix.htc)}
#shadow span.bottom{display: block; background: url(images/subpage-bottom.png) no-repeat; height: 19px; padding-bottom: 80px; behavior: url(iepngfix.htc)}
#shadow span.middle{display: block; background: url(images/subpage-middle.png) repeat-y;}
*html #shadow span.middle {margin-left: 83px;  background: url(images/subpage-middle.jpg) repeat-y;}



/*Shadow Container*/
#navigation-background {margin-left: auto; margin-right: auto; width: 248px; margin-top: 30px; }
#navigation-background span.navigation-top{display: block; background: url(images/navigation-top.png) no-repeat top; height: 92px; behavior: url(iepngfix.htc)}
#navigation-background span.navigation-bottom{display: block; background: url(images/navigation-bottom.png) no-repeat; height: 55px; margin-top: -0px;behavior: url(iepngfix.htc) }
#navigation-background span.navigation-middle{display: block; background: url(images/navigation-middle.png) repeat-y;}


/*Gallery Styles*/
.managecontainer {height: 250px; overflow: scroll; padding: 20px; background: #fff;}

/*POPUP STyles*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 85%;
	padding: 16px;
	border: 2px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}