/*
Light green – cccc66
Green – 99cc00
Orange/yellow – ff9933p
Purple – 333399
Red – cc0033
*/

.error {
	color:#ff0000;
}

img, div { 

	behavior: url(iepngfix.htc)
}

h1, h2, h3 {
	line-height:110%;
	
}

img {
	border:0px;
}
a:link {
	color:#333399;
	text-decoration: none;
}

a:visited {
	color:#333399;
	text-decoration: none;
}

a:hover {
	color:#333399;
	text-decoration: underline;
}

div.row span.label {
	float: left;
	width:200px;
	text-align: right;
}

div.header {
	background-repeat: no-repeat;
	width: 1024px;
	height: 230px;
	background-image: url('images/mrsabanner.gif');
	font-size:16px;
	margin-bottom: -50px;
	
}

.header a:link, .header a:visited {
	color:#ffffff;
	text-decoration:none;
}

div.maintag {
	padding-left:65px;
	padding-top:20px;
	font-size:20px;
	color:white;
	float:left;
	width:600px;
	font-variant: small-caps;
}

div.logo {
	background-image:url('images/mrsa_logo.png');
	background-repeat:no-repeat;
	float:right;
	height:185px;
	width: 236px;
	margin-right:30px;
}


div.heading1 {
	margin-left:50px; 
	margin-top:10px; 
	font-size:26px; 
	text-align:center;
}


/*  MRSA Home CSS */

span.taglarge1 {
	color:#9999cc;
	font-size:36px;
}

span.taglarge2 {
	color:#ffffff;
	font-size:32px;
}

span.taglarge3 {
	color:#333399;
	font-size:22px;
	font-style:italic;
}


div.homebottombox {
	background-image:url(images/mainbottombox.gif);
	background-repeat:no-repeat;	
	height:650px;
	width:1000px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:20px;
	padding-right:20px;
	color:#ffffff;
	padding-top:20px;
	clear:both;
}

.homebottombox a:link {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

.homebottombox a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.homebottombox a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}


div.mainbottomright {
	
	height:310px;
	width:400px;
	font-size: 18px;
	color:#333399;
	font-size:10px;
	font-weight:bold;
	padding-top:140px;
	float:right;
	padding-right:70px;
}

.homebottombox p {
	padding-right:20px;
	padding-left:20px;
}


div.heading2 {
	font-size:24px; 
	text-align:center;
	color: #333399;
	padding: 25px 5px 5px 5px;
}

div.mainbottomleft {
	float:left;
	height:450px;
	width:450px;
	padding-left:20px;
	margin-top:30px;
}

/* End MRSA Home CSS */

/* Footer CSS */

div.footer2 a {
	color: #000000;
	text-decoration: none;
}

div.footer2 a:hover {
	color: #000000;
	text-decoration: underline;
}

div.footer {
	font-family: arial;
	font-size: 10px;
	width: 970px;
	height:150px;
	text-align: center;
	margin-right:30px;
}

div.footer2 {
	font-family: arial;
	font-size: 10px;
	width: 970px;
	text-align: center;
	margin-right:30px;
}

/* End Footer CSS */

/*  Navigation CSS */
div#page_container {
	height: 480px;
	font-size:14px;
	width:105px;
}

div.navbar {
	width:950px;
	height: 40px;
	margin-bottom: 20px;
}	
	
div.welcomemsg {
	height: 40px;
	float:left;
	width:325px;
	background-color: #6666cc;
	border: 2px #333399 solid;	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#page_tabs {
	height: 25px;
	width:435px;
	border: 2px #333399 solid;	
	background-color:#99cc00;
	float:left;
		
}

div#page_tabs div {
	float: left;
	height: 25px;
	width: 100px;
	text-align:center;
		
}

div#page_tabs div.selected {
	border: none;
	background-color:#6666cc;
	height:25px;	
	width: 100px;
	text-align:center;
	padding-top: -15px;
	
}


div#page_tabs a:hover {
	color:white;
	background-color: #333333;
}
/* End Navigation CSS */

/* Share it pages CSS */



div.shareitbox2 {
	height: 710px;
	width: 980px;
	margin-right:40px;
	text-align: left;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
}

.shareitbox ul {
	/*list-style-image:url(images/bullet.gif);*/
	line-height: 22px;

}
div.studposters {
	height:160px;
	width:787px;
	float:left;	
	padding: 5px 5px 5px 5px;
	background-color: #333333;
}

div.studvideos {
	height: 513px;
	width: 170px;
	float:left;
	padding: 5px 5px 5px 5px;
	background-color:#666666;
	margin-top:2px;
}

div.studiframe {
	height: 350px;
	width: 590px;
	float: left;
	padding: 5px 5px 5px 5px;
}
	
div.studdocs {
	height:515px;
	width: 170px;
	float:right;
	padding: 5px 5px 5px 5px;
	background-color:#999999;
}


div.studaudio {
	height: 155px;
	width: 785px;
	float: left;
	padding: 5px 5px 5px 5px;
	background-color: #333333;
	margin-left: 2px;
}

div#tab_container {
	margin-top: 10px;
	border: 1px solid black;
	height: 600px;
	font-size:14px;
	background-color: transparent;
}

div#tab_tabs {
	width: 100%;
	background-color: white;
	padding: 0;
	margin: 0;
	height: 40px;
}

div#tab_tabs div {
	float: left;
	height: 40px;
	padding: 0 10px 0 10px;
	margin: 0;
	background-color: #000000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	width:73px;
	font-weight:bold;
	font-size: 14px;
}

div#tab_tabs div.selected {
	border-bottom: none;
	background-color: #bbb;
}

div#tab_container div.tab {
	padding: 10px;
	
}

div#tab_tabs a:hover {
	color:white;
	
}


/* End Share pages CSS */

/* Live it page CSS */
div.liveitbox {
	min-height:720px;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:10px;
}

div.risksurvey {	
	width:750px;
	float:left;
	font-size:12px;
}

div.cdcliveit {
	background-image:url(images/waystolive_box.gif);
	background-repeat:no-repeat;
	width:750px;
	float:left;
	font-size:20px;
	height: 150px;
	float:left;
	text-align: left;
}


div.surveytop {
	background-image:url('images/surveytop.gif');
	background-repeat:no-repeat;
	height:50px;
}

div.surveybottom {
	background-image:url('images/surveybottom.gif');
	background-repeat:no-repeat;
	height:50px;
}

div.surveymiddle {
	padding: 10px 20px 10px 20px;
	background-image:url('images/surveyfill.gif');
	background-repeat:repeat-y;
}

div.liveittips {
	background-image:url(images/new_mrsa_tips.gif);
	background-repeat:no-repeat;
	width:225px;
	height:720px;
	float:right;
	margin-right:40px;
	font-family:Arial, Helvetica, sans-serif;
}

/* End Live it apge CSS */
/*  Learn it page CSS */
div.learnitbox {
	height:700px;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}


div.ticker {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	height:200px;
	width:320px;
	float:left;
	background-image:url('images/tickerbox1.gif');
	background-repeat:no-repeat;	
	color:#ffffff;
}
div.learnittop {
	height:450px;
	width:1024px;
	
}

div.games {	
	float:left;
	width:310px;
	height:425px;
	background-repeat:no-repeat;
	color:#333399;
	background-image:url('images/new_games_box.gif');
}

div.mrsatut {
	width: 650px;
	height: 200px;
	color:#ffffff;
	text-align: left;
	padding-top: 40px;
}

.mrsatut a:link {
	color:#ffffff;
	text-decoration:none;
}

.mrsatut a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.mrsatut a:visited {
	color:#bbb; 
	text-decoration:underline;
}

div.cdcposters {
	width:650px;
	height:225px;
	color:#000000;
}

div.tutpostbox {
	width:650px;
	height:445px;
	background-image:url(images/new_tutorialsandpostersbox.gif);
	background-repeat:no-repeat;
	float:right;
	margin-right:20px;	
}

div.resourcelinks {
	background-image:url(images/new_knowledge_is_power_box.gif);	
	background-repeat:no-repeat;
	height:300px;
	float: left;
	width:970px;
	font-size:20px;
	text-align:left;
}

div.contestinfo {
	background-image: url(images/win_it.gif);
	background-repeat:no-repeat;
	height:760px;
	width: 1024px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear:both;
}

div.accountform {
	width:980px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}

div.loginbox {
	width:300px; 
	float:left; 
	height:100%;
}

div.loginboxtop {
	background-image:url(images/loginboxtop.png);
	background-repeat:no-repeat;
	height:32px;
}

div.loginboxmiddle {
	background-image:url(images/loginboxmiddle.gif);
	background-repeat:repeat-y;
	height:300px;;
	padding-left: 20px;
}

div.loginboxbottom {
	background-image:url(images/loginboxbottom.png);
	background-repeat:no-repeat;
	height: 35px;
}

div.shareitinfo {
	padding: 30px 10px 10px 30px;
	width:580px; 
	float:left; 
	height:650px;
	margin-left: 10px;
	background-image:url(images/shareitbox.png);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:14px;
	
}

.shareitinfo a:link {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.shareitinfo a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

.shareitinfo a:hover {
	color:#bbb; 
	text-decoration:underline;
	font-weight:bold;
}
div.uploadbox {
	
	padding: 30px 10px 10px 20px;
	width:400px; 
	float:left; 
	height:400px;
	text-align:left;
	background-image:url(images/box_3.png);
	background-repeat:no-repeat;
}

div.infobox {
	
	padding: 40px 10px 10px 30px;
	width:475px; 
	float:left; 
	height:400px;
	text-align:left;
	margin-bottom: 20px;
	margin-left: 20px;
	background-image: url(images/box_4.png);
	background-repeat:no-repeat;
}

div.newaccount {
	width:645px; 
	float:left; 
	height:100%;
}

div.newaccounttop {
	background-image:url(images/newaccounttop.png);
	background-repeat:no-repeat;
	height:40px;
}

div.newaccountbottom {
	background-image:url(images/newaccountbottom.png);
	background-repeat:no-repeat;
	height:65px;
	margin-bottom:20px;
}

div.newaccountmiddle {
	background-image:url(images/newaccountmiddle.gif);
	background-repeat:repeat-y;
	height:100%;
	padding-left:20px;
}

div.errorbox {
	height:100%;
	text-align:center;
	width:720px;
}

div.errorboxtop {
	height:35px;
	background-image:url(images/errorboxtop.png);
	background-repeat:no-repeat;
}

div.errorboxbottom {
	height:45px;
	background-image:url(images/errorboxbottom.png);
	background-repeat:no-repeat;
}

div.errorboxmiddle {
	height:100%;
	background-image:url(images/errorboxmiddle.gif);
	background-repeat:repeat-y;
	padding: 0px 20px 0px 20px;
}

div.createinfo {
	width:275px;
	float:left;
	margin-left:10px;
	height: 700px;
	text-align:center;
	padding: 30px 10px 10px 20px;
	background-image:url(images/box_6.png);
	background-repeat:no-repeat;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
height: 120px;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;

}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;

}

div.adminnav {
	background-color: #99cc00;
 	border:#000000 2px solid;
	width: 175px;
}




/*End Learn it Page links */

/* Lesson plans page */


div.lessonplans {
	background-image: url(images/teachers_lesson_plans_box.gif);
	background-repeat:no-repeat;	
	width: 1024px;
	height: 400px;
	color:#ffffff;
	font-size:24px;
	text-align:left;
}

.lessonplans a:link {
	color:#ffffff;
	text-decoration:none;
}

.lessonplans a:hover {
	color:#ffffff;
	text-decoration:underline;
}

.lessonplans a:visited {
	color:#bbb; 
	text-decoration:underline;
}


/*  Voting Page css */

div.votepage {
	width: 920px; 
	text-align:center;
	background-image:url(images/voteonbox.png);
	background-repeat:no-repeat;
	margin-right: 40px; 
	height: 650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}

div.voteimage {
	width: 215px;
	height: 205px;
	text-align:center;
	float:left;
	color: #ffffff;
	font-size:14px;
	}
	
div.picside {
	width: 580px;
	float:left;
	height: 500px;
	}
		
div.voteside {
	width: 175px;
	float:right;
	height: 500px;
	text-align:center;
	border-left: 2px #000000 solid;
	
	}	
	
div.shareitbox {
	width: 980px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	}

div.winners {
	background-image:url(images/winners.png);
	background-repeat:no-repeat;
	height: 450px;
	width: 1000px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	}
	
div.mention {
	background-image:url(images/mention.png);
	background-repeat:no-repeat;
	height: 350px;
	width: 1000px;
	color: #ffffff;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
.mention a:link {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

.mention a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}
.mention a:hover {
	color:#ffffff;
	text-decoration:underline;
}