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

	scratch.css
	Manning School for Girls

	This stylesheet is used for additional page styles and is responsible for
	the rounded edges in the firefox browser
	
**********************************************************************/

/*
#menu-wrap{
	position: relative;
	float: left;
	min-height: 200px;
	width: 170px;	
	margin-top: 30px;
	-moz-border-radius: 0px 30px 30px 30px;
	-webkit-border-radius: 0px 30px 30px 30px;
	border-radius: 0px 30px 30px 30px;
	background-color: #2D2D2D;
}
*/
#menu-wrap{
	margin-top: 10px;
}


/*** 
	colors for the block content headers/footers 
***/
.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08{
	color: #FFF;
	background-position: top;
	background-repeat: repeat-x;
}
.col-01{	
	background-image:url("/image/tiles/col-01.png");
}
.col-02{
	background-image:url("/image/tiles/col-02.png");
}
.col-03{
	background-image:url("/image/tiles/col-03.png");
}
.col-04{
	background-image:url("/image/tiles/col-04.png");
}
.col-05{
	background-image:url("/image/tiles/col-05.png");
}
.col-06{
	background-image:url("/image/tiles/col-06.png");
}
.col-07{ 
	background-image:url("/image/tiles/col-07.png");
}
.col-08{
	background-image:url("/image/tiles/col-08.png");
}
/*** block content **/
.block-content{
	position: relative;
	display: block;
	/*-moz-border-radius: 20px 20px 10px 10px;*/
	margin-bottom: 10px;
	background-color: #181818;
	background-image: url("/image/back-tile.png");
	background-attatchment: fixed;
	background-repeat: repeat-x;
	background-position: top;
}
/*** generic block content styles (inheritted by the block-content-body) ***/
.block-content-body p{
	color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 300;
	padding-top: 10px;
}
.block-content	a{
	color:#B9F7FD;
	text-decoration:none;
	font-weight: bold;
	font-style:italic;
}
.block-content	a:hover{
	text-decoration:underline;
}
/*** 
	block-content header, body and footer markup divs
***/
.block-content-header{
	/*-moz-border-radius: 20px 20px 0px 0px;*/
	border-bottom: 1px solid #1D1D1D;
}
.block-content-body{
	min-height: 50px;
}
.block-content-footer{
	bottom: 0;
	display: block;
	clear:both;
	margin-top: 10px;
	/*-moz-border-radius-: 0px 0px 30px 30px;*/
	background-color: #2A323A;
	/*-moz-border-radius: 0px 0px 10px 10px;*/
}
/*** 
	block-content-header styles
***/
.block-content-header h1{
	font-family: "Century Gothic", Arial;
	font-weight: 100;
	font-size: 17px;
	color: #FFF;
	min-height: 20px;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 1px;
	margin-right: 30px;
}
/****
	block-content-footer styles 
***/
.block-content-footer h6{
	padding: 2px 0px 2px 0px;
	background:transparent;
	font-size: 11px;
	text-align: center;
	font-family: "Century Gothic", Georgia,"Verdana", Arial;
	font-weight: 100;
	color: #CDD2D6;
}
.block-content-body h1{
	font-size: 20px;
	color: #E9E9E9;
	padding: 4px 15px 2px 15px;
	line-height: 1.5;
}
.block-content-body h2{
	font-size: 18px;
	color: #E9E9E9;
	padding: 4px 15px 2px 15px;
	line-height: 1.5;
}
.block-content-body h3{
	font-size: 16px;
	color: #ABABAB;
	padding: 4px 15px 2px 15px;
	line-height: 1.5;
}
.block-content-body h4{
	font-size: 14px;
	color: #ABABAB;
	padding: 4px 15px 2px 15px;
	line-height: 1.5;
}
.block-content-body img{
	margin-bottom: 10px;
}

.header-click{
	display: block;
	position: absolute;
	top: 0;	
	right: 0;
	width: 10px;
	height: 10px;
	margin: -5px;
	margin-right: 0px;
	cursor: pointer;
	padding: 10px;
}
.block-content-header p{
	font-size: 20px;
	color: #FFF;
	text-shadow: #000 1px 1px 1px;
}

/*** 	.clear-none class used to remove the clear setting on elements ***/
.clear-none{
	clear: none;
}
.clear-both{
	clear: both;
}
/*** this selector overrides the img tag applied to any image that falls inside a block content ***/
img.img-full
{
	width: 80%;
	margin-left: 9%;
}
img.img-half
{
	width: 44%;
	margin-left: 3%;
	margin-right: 2%;
}
img.img-quarter{
	width: 22%;
	margin-left: 2%;
}
img.img-eighths{
	width: 10%;
	margin-left: 1%;
}
img.img-banner{
	width: 60%;
	margin-left: 20%;
}
h1.text-center
{
	text-align: center;
}
h3.text-yel
{
	color: #DC8505;
}
p.text-indent{
	margin: 10px 30px;
}
li{
	margin-left: 50px;
	padding: 5px 0px;
	color: #D5D5D5;
	font-weight: bold;
	list-style: disc;
}
ul{
	margin-bottom: 20px;
}

/****
	default table styles
***/

table.default-table{
	margin: 10px;
	margin-left: 5%;
	background-color:#2D2D2D;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	margin-left: 5%;
	background-color: #2A2A2A;
}
.default-table input{
	background-color:#2D2D2D;
	color: #C0C0C0;
	border: none;
	padding: 5px;
	width: 90%;
	margin: auto;
}
.default-table tr{
	color: #C0C0C0;
}
.default-table th{
	font-size: 14px;
	color: #FDFDFD;
	background-color: #191919;
	overflow: hidden;

}
.default-table td{
	color: #D5D5D5;
	text-align: left;
}
.default-table tr, .default-table th, .default-table td
{
	padding: 8px;
	margin: 0px;
	border: 1px solid #040404;
	line-height: 1.3
}
img.table-icons-small
{
	display: block;
	width: 20px;
	margin: 0 auto;
	cursor: pointer;
}

/*********************************************************************
	
	popup screen functions (controlled by the javascript Screen object
	
	#blackout is a <div> which is used in combination with the 
	'popup' windows. When the blackout div is set to display,
	it will cover the entire page and switch the users attention
	to the popup window shown
	
**********************************************************************/

#blackout{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	display: none;
	background-color: black;
	cursor: pointer;
}
#popup-wrap{
	position: absolute;
	top: 15%;
	left: 50%;
	display: none;
}
.popup-wrap p{
	line-height: 1.3;
	text-align: left;
}
.popup-1{
	width: 400px;
	min-height: 300px;
	margin-left: -200px;
	display: none;
}
.popup-2{
	width: 500px;
	min-height: 300px;
	margin-left: -250px;
	display: none;
}
.popup-3{
	width: 600px;
	min-height: 400px;
	margin-left: -300px;
	display: none;
}
.popup-4{
	width: 800px;
	min-height: 400px;
	margin-left: -400px;
	display: none;
	background-color: yellow;
}
.popup-flashVideo{
	width: 720px;
	height: 480px;
	margin-left: -360px;
	background-color: #181818;
	display: none;
	border: 1px solid #181818;
}

h1.text-comp{
	font-size: 20px;
	color: green;
	margin: 0px 20px;
	background-color: #000;
	display: block;
	font-family: "Courier New";
}
span.blink{
	text-decoration: blink;
}
.click-link{
	display: block;
	text-align: center;
	background-color: #191919;
	border: 1px solid #011;
	margin: 5px 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
	clear: both;
	background-image:url("/image/tiles/back-01.png");
}
.click-link:hover{
	background-image:url("/image/tiles/back-01-hover.png");
}
h1.click-link{
	font-family: "Century Gothic", Arial;
	font-weight: 100;
	font-size: 15px;
	color: #FFF;
}


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

	Public appliction styles

	This section contains the styles for public applications. These
	are class-based applications that have public member functions 
	that require styling outside of the existing block system 
			
**********************************************************************/


/****
	classVote
***/

.block-cand{
	display: inline;
	float: left;
	width: 90%;
	margin: 1px 20px;
}
.block-cand h1{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #0080FF;
}
.block-cand p{
	clear: none;
	font-size: 13px;
	color: white;
}
.block-content-body-infocus{
	background-color: #181818;
	cursor:pointer;
}
.block-content-body-nofocus{
	background-color: #222222;
}
.block-cand input{
	background-color: #222222;
	color: #1874CD;
	padding: 5px;
	border: 1px solid gray;
	margin-right: 20px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}
input.vote-button{
	cursor: pointer;
	border: 1px gray;
}
input.vote-button:hover{
	background-color: #424242;
}
p.vote-strong{
	color: #FF0080;
	font-weight: bold;
	font-size: 18px;
}
div.vote-hidden{
	display: none;
}
div.vote-show{
	display: block;
}
tr.vote-row-on{
	background-color:#191919;
	border: 3px solid #FFF;
}

/****
	classFeedback
***/

#feedback-wrap{
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
}
#feedback-wrap textarea{
	width: 100%;
	height: 100px;
	padding: 5px;
	overflow: auto;
	border: 1px solid #011;
	background-color: #181818;
	color: #FFFF00;
	font-family: Cursive, Arial;
	font-size: 14px;

}
#feedback-response{
	font-size: 16px;
	float: left;
}
p.normal{
	color: #FFF;
	font-weight: 100;
}
p.exceeded{
	color: #FE1010;
	font-weight: bold;
}
button{
	float: right;
	margin: 2px -12px 2px 0px;
	width: 200px;
	background-color: #969696;
	border: 1px solid #011;
	padding: 2px;
	cursor: pointer;
}
#feedback-button:hover{
	background-color: #FFFF00;
}
#feedback-confirmation{
	width: 200px;
	height: 200px;
	margin-left: -100px;
}
#feedback-comment-form{
	display: none;
}
#feedback-button{

}
#feedback-thanks{
	width:400px;
	height: 200px;
	background-color: red;
	margin-left: -200px;
	display: none;
}

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

.div-show{
	display: block;
}
.div-hide{
	display: none;
}
.showHideIndicator{
	position: relative;
}

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

.file-icon{
	position: relative;
	min-width: 128px;
	float: left;
	margin-left: 5px;
	background-color: #1D1D1D;
	cursor: pointer;
}
.file-icon:hover{
	background-color: #2F386A;
}
.file-icon img{
	display: block;
	width: 100px;
	margin: 0 auto;
	border: none;
}
.file-icon p{
  display: block;
  color: #FFF;
  text-align: center;
  font-family: arial;
  padding: 2px;
}

/************************************************/
/*
	CMS Modular Blocks - Individual Styles
*/

ul.module-blocks{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	margin-left: 5%;
}
.module-blocks{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}
.module-blocks li{
	list-style: none;
	padding: 2px;
	margin: 2px;
	color: #FFFFFF;
	font-weight: 100;
}
a.show-more{
	display: block;
	margin: 0px 10px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #0080FF;
	font-style: normal;
}
img.module-news{
	position: relative;
	display: block;
	height: auto;
	width: 150px;
	float: left;
	margin: 2px 10px 2px 10px;
}
.sub-block{
	margin: 2px 5px 2px 5px;
}
.sub-block p{
	padding: 5px;
	font-size: 20px;
	font-family: Georgia,Times New Roman,Times,Serif;
	font-weight: bold;
	color: #D5D5D5;
}
img.module-image{
	width: 80%;
	margin-left: 9%;
}
#image-lightbox{
	width: 800px;
	height: 400px;
	margin-left: -400px;
	background-color: red;
}
.module-blocks a{
	font-style: normal;
	margin: 1px;
	padding: 5px;
	color: #EAEAEA;
	margin-left: 10px;
}
img.module-icon{
	width: auto;
	height: 20px;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	border: none;
}
table.module-table{
	width: 90%;
	font-size: 11px;
	background-color: #181818;
	border: 1px solid #818181;
	margin: 5px auto;
}
.module-table tr{
	border-bottom: 1px solid #6C6C6C;
}
.module-table td{
	padding: 4px;
	color: #EAEAEA;
}
.module-table-header{
	background-color: #0D0D0D;
}
.module-links a{
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
h1.module-links{
	padding: 0px;
	margin: 0px;
}
.menu-item h2{
	padding: 2px;
	color: #FFF;
	margin-left: 5px;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
}
.menu-item h2:hover{
	color: #2D96FF;
}
ul.module-list{
	margin: 5px 5px 5px -5px;
	padding: 0px;
}
.module-list li{
	font-size: 12px;
	font-weight: 100;
}


ul.multi-column, ol.multi-column
{
  width: 90%;  /* room for 3 columns */
  list-style:katakana;
}
ul.multi-column li, ol.multi-column li
{
	font-size:10px;
	float: left;
	width: 30%;  /* accommodate the widest item */
	list-style-type: none;
	padding: 0px 0px 4px 0px;
}