/* Global Content ---------------------------------------------------- */

body { background-color: #1d1d1d; background-image: url("images/newback.png"); background-position: center top; background-attachment: fixed; background-repeat: repeat-x; font-family: sans-serif; font-size: 15px; margin: 0; padding: 0; color: white; }

img, div { behavior: url(../scripts/iepngfix.htc) }

img { border: 0; }
h1, h2 { color: #72b1ff; font-weight: normal; font-family: dxwide; margin: 0; border: 0; }
h3 { color: #ff821d; font-weight: normal; font-family: dxwide; }
label { width: 55px; float: left; text-align: right; margin-right: 20px; margin-top: 5px; display: block; }
.typeface-js { padding: 5px; }

ol, ul { margin: 0; border: 0; }
#pagetitle { padding: 20px 0px; }
#loginbar { background-color: black; }
#logincontents { width: 935px; margin: auto; padding: 10px 0px; color: white; }
#welcomemessage { float: left; padding-top: 10px; }
#loginbuttons { float: right; }
#logo { position: absolute; top: 78px; left: 80px; }
#freestuff { height: 110px; width: 280px; position: absolute; top: 85px; left: 620px; }
.clearit { clear: both; }
#headerglobal { height: 246px; background-image: url("images/global/headertop.png"); background-repeat: no-repeat; position: relative; }

#footer { clear: both; position: relative; font-size: 12px; color: white; height: 114px; width: 975px; margin:auto; }
#footermenu { padding-top: 20px; text-align: center; }

#menuuc { position: absolute; top: 190px; left: 10px; font-size: 16px; z-index: 1000; }


a:link {color: #7da4cc; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #295482; text-decoration: underline; }
a:hover {color: #ffffff; text-decoration: none; }




#info {height:500px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:1em; width:100%; font-family: dxwide;}

.menutitle { padding-top: 8px; font-size: 1.4em; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:63px;line-height:3em; display:block; text-align: center; }

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; width:7em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }

/* style the links for the top level HOME*/
.homemenu a, .homemenu a:visited {display:block;float:left;height:100%; width:6em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level COURSES*/
.coursemenu a, .coursemenu a:visited {display:block;float:left;height:100%; width:7em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level ALUMNI*/
.alumnimenu a, .alumnimenu a:visited {display:block;float:left;height:100%; width:11em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level STORE*/
.storemenu a, .storemenu a:visited {display:block;float:left;height:100%; width:5.5em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level OURTEAM*/
.teammenu a, .teammenu a:visited {display:block;float:left;height:100%; width:8em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level COMMMENU*/
.commmenu a, .commmenu a:visited {display:block;float:left;height:100%; width:8em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }
/* style the links for the top level RESOURCES*/
.resourcemenu a, .resourcemenu a:visited {display:block;float:left;height:100%; width:8em; font-size:0.9em;text-decoration:none;color:#FFF;background:url(images/global/menu-bg.png) center center; padding: 0px 10px 0px 10px; }

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#555; font-size: 1.2em; color:#fff;width:10em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #333;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#4A8FB4 url(sub_grad.gif);}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#4A8FB4 url(sub_grad.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#4A8FB4;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#4A8FB4;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#4A8FB4;background:url(images/global/menu-bg-hover.png) center center; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#4A8FB4;background:url(images/global/menu-bg-hover.png) center center;}
/* second */
* html .menu ul ul a:hover{color:black;background:#4A8FB4; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:black;background:#4A8FB4;}
/* third */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#7aa;}
/* fourth */
.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



.accordionalt {
	background:#333;
	width: 400px;
	height: 410px;
	overflow: auto;	
}

.accordionalt h2 {
	background:#3670d1 url(images/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:16px;
	font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom:1px solid #2a57a2;
	cursor:pointer;
	color: white;
}

.accordionalt a {
	text-decoration: none;
}

	/* root element for each accordion  */
	
	
	.accordion {
	
		/* some decorations for the accordion root element */
		background:#333;
		width: 400px;
		max-height: 410px;
		overflow: auto;


	
		/* IE6 cannot handle PNG24 backgrounds. use a solid color instead */
		-background:#666;
	
	
		/* put them side by side */
		float:left;
		
	}
	
	/* accordion header */
	.accordion h2 {
		background:#3670d1 url(images/global/gradient/h30.png);
		margin:0;
		padding:5px 15px;
		font-size:16px;
		font-weight:normal;

		border-bottom:1px solid #2a57a2;
		cursor:pointer;
		color: white;
	}
	
	/* currently active header */
	.accordion h2.current {
		cursor:default;
		background-color:#fff;
	}
	
	/* accordion pane */
	.accordion div.pane {

		border-width:0 2px;
		display:none;
		height:180px;
		padding:15px;
		color:#fff;
		font-size:12px;
	}
	
	/* a title inside pane */
	.accordion div.pane h3 {
		font-weight:normal;
		margin:0 0 -5px 0;
		font-size:16px;
		color:#accbff;
	}
	
	.accordion a {
		text-decoration: none;
	}




#wrapper { margin: auto; width: 975px; position: relative; }

#maincontent { background-image: url("images/global/pagebackground.png"); background-repeat: repeat-y; width: 975px; }

.centerit { margin: auto; text-align: center; padding: 20px; }
.pagewrap { width: 830px; margin: auto; padding-top: 20px;}
.pagewrapthinner { width: 730px; margin: auto; padding-top: 20px;}

#introcoursebutton { text-align: center; }
#clickherebutton { margin-top: 5px; }

/*  Front Page ------------------------------------------------------ */

#flashviewer { margin-top: 0px; margin-left: 53px; }

#infobannerwrap { width: 856px; height: 70px; margin: auto; margin-top: 10px; background:url("images/main/messagebar.jpg") left top no-repeat; }

#infobannerwrap .typeface-js { color: white; font-size: 16px; text-align: center; padding-top: 25px; }


/*  Courses Page ---------------------------------------------------- */

#coursesubmenu { margin: auto; width: 834px; padding-top: 20px; }

#coursetabcontent { width: 796px; margin: auto; background-color: black; padding: 20px; color: white; }

.coursenotes { width: 340px; background:url("images/courses/roundcornertint.jpg") left top no-repeat; padding: 20px; color: white; font-size: 14px; margin: 5px; float: left; }
.coursenotesspecies { width: 340px; background:url("images/courses/roundcornertintshort.jpg") left top no-repeat; padding: 20px; color: white; font-size: 14px; margin: 5px; float: left; }
.coursenotethumb { width: 160px; float: left; }
.coursenotepoints { width: 160px; float: right; }
.coursenotepoints p { margin: 0; margin-bottom: 10px; font-size: 16px; color: #72b1ff; }
.coursenotepoints li { padding-bottom: 10px; }

.coursenoteswide { width: 730px; background:url("images/courses/roundcornertint770.jpg") left top no-repeat; padding: 20px; color: white; font-size: 14px; margin: 5px; float: left; }
.coursenotesshortwide { width: 730px; background:url("images/courses/roundcornertint770shortwide.jpg") left top no-repeat; padding: 20px; color: white; font-size: 14px; margin: 5px; float: left; }
.coursenotepointswide { width: 550px; float: right; }
.coursenotepointswide p { margin: 0; padding: 0; margin-bottom: 10px; font-size: 16px; color: white; }


.coursenotepoints a:link {color: white; text-decoration: none; }
.coursenotepoints a:active {color: white; text-decoration: none; }
.coursenotepoints a:visited {color: white; text-decoration: none; }
.coursenotepoints a:hover {color: white; text-decoration: none; }
.coursenotepointswide a:link {color: white; text-decoration: none; }
.coursenotepointswide a:active {color: white; text-decoration: none; }
.coursenotepointswide a:visited {color: white; text-decoration: none; }
.coursenotepointswide a:hover {color: white; text-decoration: none; }





ul { padding: 0; padding-left: 10px; }



.leftcolumnsmall { width: 300px; float: left; }
.rightcolumnwide { width: 450px; float: right; }

#slider {width:450px}
.header {width:439px; color: #72b1ff; padding:2px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)}
.header:hover {background:url(images/header_over.gif)}
.content {overflow:hidden}
.text {width:425px; padding:15px}
.coursetitle { padding: 10px 0px; font-size: 20px; color: #d5621e;}

/* About Us Page ---------------------------------------*/

.leftcolumnwide { width: 450px; float: left; margin-left: 70px; line-height: 1.3em; padding-bottom: 30px; padding-top: 20px; }
.rightcolumnsmall { width: 330px; float: right; margin-right: 70px; padding-top: 40px; }

/* Contributors Page ---------------------------------------*/

#contribbox { width: 830px; margin: auto; padding-top: 20px; }

.contributor { width: 830px; margin: auto; padding: 10px 0px; }
.contribphoto { width: 275px; padding-right: 20px; float: left; }
.contribname { color: #72b1ff; font-size: 20px; }
.contribdesc { width: 510px; float: left; }
.contribdesc p { margin: 0; padding: 5px 0px; line-height: 1.3em; }

/* Partners Page ---------------------------------------*/

.partnerwrap {padding: 10px 0px; color: white; }
.partnerwrap h2 { color:#477DBD; }
.partnerwrap a { color: white; }

.partnerlogo { float: left; }
.partnerwriteup { float: left; padding-left: 20px; }

/* Contact Page ----------------------------------------------------------- */

#contactcontent { width: 450px; margin: auto; padding-top: 20px; }
.inputtext { width: 450px; }
.inputtextarea { width: 455px; }
.inputsubmit { padding-bottom: 30px; }


/* Press Kit ----------------------------------------------------------- */

#presswrapper { width: 872px; height: 512px; margin: auto; background-image: url(images/presskit/mediaback.png); background-repeat: no-repeat; }
		
#mtop { width: 405px; height: 69px; position: relative; left: 33px; top: 120px; background-image: url(images/presskit/mdownload.png); background-repeat: no-repeat; }
#mtop2 { width: 403px; height: 279px; position: relative; left: 33px; top: 145px; background-image: url(images/presskit/mdownload2.png); background-repeat: no-repeat; padding-top: 50px; padding-left: 30px; }
#mtop2 p { font-size: 0.8em; }
#mtop2 a { color: #000; text-decoration: none; }


/* Grad Gift Page ----------------------------------------------------------- */

#gradgiftwrap { width: 870px; margin: auto; }
#gradgifttext { width: 750px; margin: auto; line-height: 1.3em; padding-bottom: 20px; }
#giftpic { padding: 5px 0px; }

	
/* Rewards Page code -------------------------------------------------------- */
#rewardsbreakdown { width: 870px; margin: auto; }
#rewardspagetitle { width: 800px; margin: auto; padding: 20px 0px; }
#rewardswords { width: 800px; margin: auto; line-height: 1.3em; }
#rewardswords p { padding-bottom: 20px; }
#rewardswords h2 { text-align: center; }

#introflash { width: 740px; margin: auto; margin-top: 20px; }

/* Downloads Page ---------------------------------------------------------------------------- */

/* Downloads Tab Descriptions at top of each tab. */

.tabinfo {
	width: 680px;
	margin-left: 20px;
	padding-top: 20px;
    }
    



/* Formatting info for each download */
	
/* These are the font formats for the names of each download */
.freedlnamefont {
	font-size: 20px;
	color: #184400;
	font-weight: bold;
}

.studentdlnamefont {
	font-size: 20px;
	color: #02186b;
	font-weight: bold;
}


.freebutton {
	float: left;
}

.studentbutton {
	float: left;
}

#dlnavbuttons {
	height: 56px;
	}

#scrollingbox {
	width: 680px;
        margin: auto;
}

.free {
	width: 680px;
	height: 215px;
	margin: 10px;
	background-image: url("images/downloads/downloadpanel.jpg");
}

.student1 {
	background: #e7feff;
}

.student2 {
	background: #bdeaff;
}

.dlimage {
	float: left;
	padding: 5px;
}

.dlwrap {
	float: left;
	margin: 15px 0px 0px 30px;
	width: 380px;
}

.dlwords { border-bottom: 3px solid #3d3e40; margin-bottom: 10px; }


/* Testimonials Page ----- */

.phototest { padding: 20px 0px; border-top: 1px solid blue; width: 700px; margin: auto; line-height: 1.3em; }
.pictest { float: left; width: 180px; }
.wordstest { float: right; width: 500px; }

/* Alumni Page ----- */

#mostrecent { margin: 30px 0px; margin-top: 40px; }
#prograds { margin: 30px 0px; width: 410px; float: left; }
#othergrads { margin: 30px 0px; width: 410px; float: right; }
#mostrecent h2, #prograds h2, #othergrads h2 { margin: 10px 0px; }
#mostrecent a { color: white; }

.recentwrap { float: left; }
.recentpic { width: 80px; height: 80px; background-image: url("images/alumni/recentgradback.jpg"); padding: 10px; float: left; }
.recentpic img { width: 80px; height: 80px; }
.recenttext { float: left; margin-left: 10px; width: 160px; }
.recenttext h3, .recenttext p { padding: 0; margin: 5px; }

/* Newsletter Page ------------------ */

#pagetitlenews { padding-top: 20px; }
#downloadnewsletterpic { float: left; }
#downloadnewslettertext { float: right; width: 400px; }
.error { background-color: red; padding: 10px; margin-bottom: 10px;}
.success { background-color: green; padding: 10px; margin-bottom: 10px;}

/* Tips Specific Code--------------------------------------------------------------------------------------- */

#vidtop, #vidbot { background-image: url("images/tips/vidborder.jpg"); height: 30px; }
#videowrap { background-color: #051c35; margin: auto; width: 870px; }
#video { margin: auto; width: 600px; }
#vidlist { width: 840px; margin: auto; margin-top: 10px; }
#vidlisttop { background-image: url("images/tips/vidseltop.jpg"); height: 19px; }
#vidlistmid { background-image: url("images/tips/vidselmid.jpg"); background-repeat: repeat-y; padding: 0px 10px; }
#vidlistbot { background-image: url("images/tips/vidselbot.jpg"); height: 19px; }
.videoitem { font-size: 12px; line-height: 1.3em; padding: 0px 10px; width: 105px; margin: auto; float: left; }
.vidlink a { color: #488FB2; }
#midwrap { width: 750px; margin: auto; }

/* Quiz Specific Code--------------------------------------------------------------------------------------- */

#quiztextbox {
	width: 700px;
	margin: auto;
	}

#quizdescription {
	line-height: 23px;
	padding-bottom: 20px;
	}

#quizdescription p {
	margin: 0; padding: 0;
	}


#quiz {
	padding-top: 1px;
	line-height: 23px;
	}
	
#datamiddle {
	background-image: url("images/quiz/bluetintquiz.jpg");
	background-repeat: no-repeat;
	width: 550px;
	margin: auto;
	padding: 20px;
	}

#datatitle, #namebox, #submit3, #smallwords {
	text-align: center;
	}

#submit3 {
	padding-top: 10px;
	}

#smallwords {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 10px;
	line-height: 12px;
	}

	
#quiz td b { color: #ff821d; }
	
#clearbox {
	clear: both;
	}