/* CSS Document */

/*Global Text Styles*/
span, p, ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	line-height: 15px;
}

/*section block titles*/
h1{
	font: normal 18px "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	padding:4px 0px 5px 18px;
	margin: 0px;
}
/*sidebar titles*/
h2 {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	padding:6px 0px 5px 15px;
	margin: 0px;
}
h3 {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF; padding:0px 5px; margin: 0px;
}
h4, h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;	color: #064693;	line-height: 13px; 	position: relative; z-index: 3;}
h4:hover, h5:hover {color:#b82828; text-decoration:underline;font-weight: bold;}

a {color:#064693; text-decoration:none; font-weight: bold;} 
a:hover {color:#b82828; text-decoration:underline;font-weight: bold;}

/*Global Page Formatting*/
body {background: url(../images/global/homebg.gif) repeat; margin: 0px; padding-top: 35px;}
#container{margin: 0px auto; width: 810px; height: 100%;}

#content {
	background: url(../images/global/mainFill.gif) repeat-y;
	background-color: #FFFFFF;
	position:relative; top:42px;
	_margin-bottom: 60px;/*css hack for IE6*/
}
/*************************/
.jumpingJax #content {background: url(../images/blogArchives/jumpingJax/mainFill.gif) repeat-y;}
.firedUp #content {background: url(../images/blogArchives/firedUp/mainFill.gif) repeat-y;}
.n00b #content {background: url(../images/blogArchives/firedUp/mainFill.gif) repeat-y;}

/*************************/

.newsPage {min-height: 300px;}

/*Menu*/
#Menu {position:absolute; z-index:+2;}

#Menu img.About {position:absolute; left: 0px;}
#Menu img.Training {position:absolute; left: 97px;}
#Menu img.Library {position:absolute; left: 228px;}
#Menu img.Logo {position:absolute; left: 354px; top: -35px;}
#Menu img.News {position:absolute; left: 455px;}
#Menu img.Defense {position:absolute; left: 514px;}
#Menu img.Cadets {position:absolute; left: 628px;}
#Menu img.FunStuff {position:absolute; left: 719px;}

/* Header */
#searchBar {position: absolute;	left: 500px; top: -29px; width: 300px;}
#googleButton {position: absolute; left: 18px; top: -24px;	width: 40px;}
#socialButtons{position: absolute; left: 68px; top: -24px; width: 200px;}

#Header {
	position:relative; left: 5px; z-index:+1;
	width:800px;
}

.aboutHeader {background-image: url(../images/about/AboutHeader.jpg); height: 154px;}
.missionsHeader {background-image: url(../images/missions/MissionsHeader.jpg); height: 154px;}
.libraryHeader {background-image: url(../images/library/LibraryHeader.jpg); height: 154px;}
.library_searchingHeader {background-image: url(../images/library/library_searchingHeader.jpg); height: 154px;}
.library_evaluatingHeader {background-image: url(../images/library/library_evaluatingHeader.jpg); height: 154px;}
.library_usingHeader {background-image: url(../images/library/library_usingHeader.jpg); height: 154px;}

.newsHeader {background-image: url(../images/news/NewsHeader.jpg); height: 154px;}
.facultyHeader {background-image: url(../images/facultyPages/facultyHeader.jpg); height: 154px;}
.cadetLifeHeader {background-image: url(../images/cadetLife/cadetLifeHeader.jpg); height: 154px;}
.funstuffHeader {background-image: url(../images/funstuff/FunStuffHeader.jpg); height: 154px;}
.searchHeader {background-image: url(../images/global/searchHeader.jpg); height: 154px;}
.sitemapHeader {background-image: url(../images/global/sitemapHeader.jpg); height: 154px;}
.scavengerHeader {background-image: url(../images/funstuff/scavengerHeader.jpg); height: 188px;}
.visitHeader {background-image: url(../images/global/visitHeader.jpg); height: 40px;}

.crimeHeader {background-image: url(../images/facultyPages/cyberCriminals/crimeHeader.jpg); height: 154px;}
.crime_profilesHeader {background-image: url(../images/facultyPages/cyberCriminals/crime_profilesHeader.jpg); height: 154px;}
.crime_operateHeader {background-image: url(../images/facultyPages/cyberCriminals/crime_operateHeader.jpg); height: 154px;}
.crime_catchingHeader {background-image: url(../images/facultyPages/cyberCriminals/crime_catchingHeader.jpg); height: 154px;}

.computersHeader {background-image: url(../images/facultyPages/computer/computersHeader.jpg); height: 154px;}
.computer_settingHeader {background-image: url(../images/facultyPages/computer/computer_settingHeader.jpg); height: 154px;}
.computer_maintainHeader {background-image: url(../images/facultyPages/computer/computer_maintainHeader.jpg); height: 154px;}
.computer_computerHeader {background-image: url(../images/facultyPages/computer/computer_computerHeader.jpg); height: 154px;}
.computer_mobileHeader {background-image: url(../images/facultyPages/computer/computer_mobileHeader.jpg); height: 154px;}

.commHeader {background-image: url(../images/facultyPages/communication/commHeader.jpg); height: 154px;}
.comm_safeHeader {background-image: url(../images/facultyPages/communication/comm_safeHeader.jpg); height: 154px;}
.comm_identityHeader {background-image: url(../images/facultyPages/communication/comm_identityHeader.jpg); height: 154px;}
.comm_netiquetteHeader {background-image: url(../images/facultyPages/communication/comm_netiquetteHeader.jpg); height: 154px;}
.comm_personalHeader {background-image: url(../images/facultyPages/communication/comm_personalHeader.jpg); height: 154px;}
.comm_bullyingHeader {background-image: url(../images/facultyPages/communication/comm_bullyingHeader.jpg); height: 154px;}

.environmentHeader{background-image: url(../images/facultyPages/environment/environmentHeader.jpg); height: 154px;}
.environment_issuesHeader{background-image: url(../images/facultyPages/environment/environment_issuesHeader.jpg); height: 154px;}
.environment_greenHeader{background-image: url(../images/facultyPages/environment/environment_greenHeader.jpg); height: 154px;}
.environment_recycleHeader{background-image: url(../images/facultyPages/environment/environment_recycleHeader.jpg); height: 154px;}

.crimeLabHeader {background-image: url(../images/blogArchives/crimeLab/crimelabHeader.jpg); height: 154px;}
.dailyDiagHeader {background-image: url(../images/blogArchives/dailyDiagnostics/dailyDiagHeader.jpg); height: 192px;}
.studyHallHeader {background-image: url(../images/blogArchives/studyHall/studyHallHeader.jpg); height: 159px;}
.digiEnvHeader {background-image: url(../images/blogArchives/digitalEnv/digiEnvHeader.jpg); height: 178px;}
.imptAnonHeader {background-image: url(../images/blogArchives/importance/imptAnonHeader.jpg); height: 205px;}
.onGoHeader {background-image: url(../images/blogArchives/tnt/onGoHeader.jpg); height: 152px;}

.shockHeader {background-image: url(../images/blogArchives/yoko/shockHeader.jpg); height: 179px;}
.firedUpHeader {background-image: url(../images/blogArchives/firedUp/firedUpHeader.jpg); height: 154px;}
.jumpingHeader {background-image: url(../images/blogArchives/jumpingJax/jumpingHeader.jpg); height: 154px;}
.n00bHeader {background-image: url(../images/blogArchives/n00b/n00bHeader.jpg); height: 114px;}
.sunshineHeader {background-image: url(../images/blogArchives/sunshine/sunshineHeader.jpg); height: 189px;}
.latestHeader {background-image: url(../images/blogArchives/theLatest/latestHeader.jpg); height: 158px;}

/* Footer */
#Footer {
	clear:both;
	height:47px;
	position:relative; z-index: +2;
	background-image:url(../images/global/footerImg.gif);
}

#Footer p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; text-align:center; line-height: 11px; color:#064693;}
#Footer a {color:#064693; text-decoration:none;} 
#Footer a:hover {color:#b82828; text-decoration:underline;}
#Footer p.copyright {
	font-variant:normal; 
	color: white;
	padding: 7px 0px 10px 0px; 
	*padding: 0px 0px 20px 15px; /*css hack for IE7*/
}
/***********************/
.crimeLab #Footer {*margin-top: 10px;}
.dailyDiag #Footer {*margin-top: 10px;}

.jumpingJax #Footer {background-image:url(../images/blogArchives/jumpingJax/jaxFooter.gif);}
.jumpingJax #Footer a{color:#620002;}
.jumpingJax #Footer p{color:#620002;}
.jumpingJax #Footer p.copyright{color:#FFFFFF;}
.jumpingJax #Footer a:hover {color:#db6a27;}
.firedUp #Footer {background-image:url(../images/blogArchives/firedUp/footerImg.gif);}
.firedUp #Footer p{color:#FFFFFF;}
.firedUp #Footer a{color:#808080;}
.firedUp #Footer a:hover {color:#c62127;}
.n00b #Footer {background-image:url(../images/blogArchives/firedUp/footerImg.gif);}
.n00b #Footer p{color:#FFFFFF;}
.n00b #Footer a{color:#51e354;}
.n00b #Footer a:hover {color:#38daf7;}

/***********************/

/*Side Menu */
#SideMenu {position:absolute; left:592px; z-index: +1;}

#sideHeader{
	background: url(../images/global/blueSideHeader.gif) no-repeat top;
	width: 175px; height: 38px;
	margin: 0px;
}
#newsSideHeader{
	background: url(../images/news/NewsArchivesSideMenu.gif) no-repeat top;
	width: 175px; height: 38px;
	margin: 113px 0px 0px 0px;
	position: relative; z-index: 2;
}
#sideFooter{
	background:url(../images/global/sideFooter.gif) no-repeat;
	position: absolute;	left: 0px; bottom: -12px; z-index: 1; 
	width: 175px; height: 65px;
}
.gradientFill {
	background: url(../images/global/sideFill.gif) repeat-y; 
	width:175px;
	position: relative; 
	margin-bottom: 25px;
}
.gradientFill p {
	font-size: 10px; line-height: 12px; text-align: center;
	padding: 0px 10px 10px 10px; 
	margin: 0px; 
	position: relative; z-index: 2;
}
.gradientFill form{
	padding: 8px 25px 25px 25px;
	position: relative;
	z-index: 2;
	margin: 0px;
}
.gradientFill img{margin: 2px 0px 4px 0px;}

.list p{
	border-bottom: solid 1px #9fb5d1;
	margin: 0px 10px;
	padding: 5px 0px;
	font-size: 10px;
}
.list p.noLine{border-bottom: 0px; padding-bottom: 8px;}
.list p.noLineLinks{border-bottom: 0px; padding-bottom: 3px;}
/******************************/

/*Content Blocks */
#wholeBlock {
	width: 700px;
	overflow: hidden;/*width + overflow fixes the no-height-when-everything-inside-floats problem - width: 100% is also an option*/
	position:relative; left: 45px; margin-bottom: 20px;
}

#visitBlock {
	width: 750px;
	position:relative; left: 31px; margin-bottom: 20px;
}

#sectionBlock {
	width: 534px;
	overflow: hidden;/*width + overflow fixes the no-height-when-everything-inside-floats problem - width: 100% is also an option*/
	position:relative; left: 45px; margin-bottom: 20px;
}
#sectionBlock p {margin: 5px 5px 10px 18px;}
#sectionBlock p.small {font-size:10px; line-height: 13px; margin: 5px 15px 10px 15px; position: relative; z-index: 2;}
#sectionBlock p.smallCentered {font-size:10px; line-height: 13px; margin: 8px 0px 15px 0px; position: relative; z-index: 2; width: 534px; text-align: center;}
#sectionBlock ul {list-style-image:url(../images/global/bullet.gif); padding: 0px 30px 0px 30px; margin: -5px 0px 10px 30px;}
#sectionBlock li {padding: 0px; *padding: 0px 0px 5px 0px; margin: 0px;  font-size: 10px; line-height: 13px;}

#sectionHeader{
	background: url(../images/global/headerBlank.gif) no-repeat top;
	width: 534px; height: 34px;	margin: 0px; position: relative; z-index: 2;
}

/*********/
#colorBlock {
	width: 534px;
	position:relative; left: 45px; margin-bottom: 30px;
	overflow: hidden;
}
#colorBlock.red {background: url(../images/global/cyberpediaFill.gif) repeat-y;}
#colorBlock.blue {background: url(../images/global/blueBlockFill.gif) repeat-y;}

#colorBlock p {font-size:12px; line-height: 15px; margin: 5px 15px 15px 15px; position: relative; z-index: 2;}
#colorBlock p.smallText {font-size: 10px; line-height: 13px; position: relative; z-index: 2; margin: 0px 15px 15px 15px;}
#colorBlock.blue p.smallTitle{font-size:13px; margin: 8px 0px 5px 15px; font-weight: bold; color: #064693;}
#colorBlock.red p.smallTitle{font-size:13px; margin: 8px 0px 5px 15px; font-weight: bold; color: #b82828;}
#colorBlock p.villainTitle{font-size:13px; margin: 0px 0px 8px 15px; padding-top: 10px; font-weight: bold; color: #ac2727;}
#colorBlock p.alphabetLetter{font-size:18px; margin: 15px 0px 5px 15px; font-weight: bold; color: #ac2727;}
#colorBlock p.switchgroup1 {font-size:10px; line-height: 14px; margin: 10px 10px 10px 35px; position: relative; z-index: 3;}
#colorBlock h4{margin: 0px 5px 2px 15px;}
#colorBlock h5{margin: 0px 5px 10px 25px;}

/*#colorBlock.red ul{list-style-image:url(../images/global/bullet.gif); margin: -5px 150px 20px 60px; padding: 0px; position: relative; z-index: 2;}
#colorBlock.red li{font-size: 12px; line-height: 15px; padding: 0px; *padding: 0px 0px 5px 0px; margin: 0px;}*/
#colorBlock ul{list-style:disc; margin: 0px 0px 30px 40px; padding: 0px; position: relative; z-index: 2;}
#colorBlock li{font-size: 10px; line-height: 13px; padding: 0px 0px 5px 0px; margin: 0px;}
#colorBlock.blue a{color: #b82828;}
#colorBlock.blue a:hover{color: #064693;}

#colorHeader{width: 534px; height: 34px; margin: 0px; position: relative; z-index: 2;}
#colorHeader.red {background: url(../images/global/redHeaderBlank.gif) no-repeat top;}
#colorHeader.blue {background: url(../images/global/blueHeaderBlank.gif) no-repeat top;}

#colorFooter{position: absolute; left: 0px; bottom: 0px; z-index: 1; height: 65px; width: 534px;}
#colorFooter.red {background:url(../images/global/cyberpediaFooter.gif) no-repeat;}
#colorFooter.blue {background:url(../images/global/blueBlockFooter.gif) no-repeat;}

#colorBlock p.alphabet{font-size:14px; margin: 15px 0px 0px 0px; text-align: center; letter-spacing:2px; font-weight: bold; color: #064693;}
#colorBlock p.faculty{margin-bottom: 5px;}

#facultyBlock {position: relative; z-index: 3; left: 15px; margin: 0px 0px 0px 0px; width: 355px; border-top: solid 1px #e2a8a8;}
#facultyBlock.midBlock{margin: 0px 0px -15px 0px; padding: 0px;}
#facultyBlock p{left: -15px; padding-top: 5px;}
#facultyBlock p.indentBlock{font-size: 10px; padding: 0px 0px 10px 40px; line-height: 13px; margin: -5px 0px 15px 0px;}

#facultyPageBlock {position: relative; z-index: 3; margin: 0px 20px 0px 0px; }
#facultyPageThumb {position:relative; float:right; width: 164px; margin:6px 0px 0px 4px; }
#facultyPageThumb img.hintButton{position:relative; margin: 5px 0px 0px 12px; }
#facultyPageThumb p{text-align: center; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px;}

#galleryBlock {position: relative; z-index: 3; left: 15px; margin: 0px 0px 10px 0px; width: 504px; clear: both;}
#galleryBlock.redLine{border-top: solid 1px #e2a8a8;}
#galleryBlock.blueLine{border-top: solid 1px #9fb5d1;}

#galleryBlock.redLine p{font-size: 10px; line-height: 13px; margin: 0px; padding: 3px 0px 0px 10px;}
#galleryBlock.blueLine p{font-size: 10px; line-height: 13px; margin: 0px; padding: 3px 0px 0px 10px;}

/*#galleryBlock ul{list-style: disc; margin: 5px 0px 20px 50px; padding: 0px;}
#galleryBlock li{font-size: 10px; line-height: 13px; padding: 0px; margin: 0px 0px 3px 0px;}*/

#galleryThumb {position:relative; float:right; width: 164px; margin:6px 0px 10px 4px;}
#galleryThumb p{text-align: center; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px 5px;}


#blogThumb {position:relative; float:right; z-index: 3; display:block; width: 120px; margin:6px 15px 8px 4px;}
#blogThumb.double {margin:6px 0px 8px 4px;}
#blogThumb p{text-align: center; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px 5px;}
#blogThumb img{margin-bottom: 2px;}
#facultyThumb {position:relative; float:right; z-index: 2; margin:2px 12px 0px 10px;}
#facultyThumb img.hintBuffer{margin-bottom: 15px;}

#photo {position:relative; float:right; margin:2px 0px 0px 5px; z-index: 2;}
#colorPhoto {position:relative; float:right; margin:2px 12px 0px 5px; z-index: 3;}
#colorPhoto p{position:relative; text-align: center; font-size:10px; line-height: 12px; padding: 0px 2px; margin: 0px;}
#villainPhoto {position:relative; float:left; margin:2px 5px 0px 20px; z-index: 3;}
#video {position:relative; float:right;	margin:3px 13px 5px 0px; background-image:url(../images/missions/videoBkgd.jpg); z-index: 2;}

/*Missions Page*/
#centerText{position: relative;	left: 13px; z-index: 2; width: 155px; margin-bottom: 25px;}
#centerText p{
	padding: 5px 0px 5px 0px; margin: 0px;
	font-size: 10px; line-height: 12px; text-align: center;
	border-bottom: solid 1px #e2a8a8;
}
#centerText p.noLine{border-bottom: 0px; padding-bottom: 7px;}

/* */

/*Library Page*/
#scrolling{
	width: 267px;
	position: relative; z-index: 2;
}
#scrolling.right{float: right; position:inline;}

.handcursor{
	cursor:hand;
	cursor:pointer;
}

/*******/

/*News Page*/
img.newsOmni {position: absolute; top:64px;	left:580px;	z-index: +1;}
#newsLinks {
	width: 442px;
	position:relative;
	left: 90px;
	margin-bottom: 10px;
}
#newsLinks p{text-align: center;}

/*Fun Stuff Page*/
#gameBlock{
	width: 170px;
	padding: 0px;
	margin: 2px 0px 0px 7px;
	float: left;
}
#gameBlockLeft{
	width: 170px;
	padding: 0px;
	margin: 2px 0px 0px 7px;
	float: left;
}
#sectionBlock p.missionCaption {
	text-align: center;
	font-size:10px;
	line-height: 12px;
	padding: 0px 2px;
	margin: 0px;
}
#PostSH p.scavClue {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 color: #f4822e;
 text-align: center;
}








/**********************/