@charset "utf-8";

/* 
==========================================================================================================================================

INDEX

1. BODY AND CONTAINERS
2. BANNERS & MENU
3. OTHER DIVS
4. TYPE

==========================================================================================================================================
*/


/*
==========================================================================================================================================
1. BODY AND CONTAINERS
------------------------------------------------------------------------------------------------------------------------------------------
*/

/* box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); */

body {
	
	font-size:12px;
	color:#222;
	margin: 0; 
	padding: 0;
	text-align: center;
	height:100%;
	width:100%;
	background-color:#fff;
	background-image:url(../images/background/grey_speckled.jpg)
	} 

.container {
	width:990px;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#FFF;
	padding:5px;
	box-shadow: 0 6px 12px -4px black;
	
}

.containerEmpty {
	width:1000px;
	margin:0 auto 0 auto;
	text-align:left;
	
	
}

.t2 {
	width:750px;
	float:left;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#FFF;
	padding:5px;
	box-shadow: 0 6px 12px -4px black;
}

.t1 {
	width:220px;
	float:left;
	margin:0 auto 0 auto;
	text-align:left;
	background-color:#FFF;
	padding:5px;
	box-shadow: 0 6px 12px -4px black;
}


/*
==========================================================================================================================================
2. BANNER MENU & TILES
------------------------------------------------------------------------------------------------------------------------------------------
*/

#home_search{
	text-align:center;
	font-size:18px;
	margin:100px 0 100px 0;
}

#searchPage_search {
	text-align:center;
	font-size:18px;
	margin:30px 0 30px 0;
}
#searchPage_search input {
	font-size:18px;
	padding:8px 5px;
	width:500px;
}
#home_search input {
	font-size:18px;
	padding:8px 5px;
	width:500px;
}

#banner {
	width:1000px;
	margin:-5px auto 0 auto;
	text-align:center;
	background-color:#FFF;
	padding:10px 0 0 0;
	box-shadow: 0 6px 12px -4px black;
	position:relative;
	height:130px;
	z-index:500
}

#socialButtons{
	position:absolute;
	top:10px;
	left:5px;
	width:100px;
	height:50px;
	overflow:hidden;
}

#loginDiv {
	width:20px;
	height:135px;
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	background-color:#FFF;
	margin-top:5px;
	overflow:hidden
}

#loginDetails {
	float:left;
	width:960px;
	padding:5px;
	
}

#loginDetails input[type=text]  {width:98%}
#loginDetails input[type=password]  {width:70%}
#loginButton{ float:left; width:20px; height:115px; padding:20px 0 0 0; background-color:#222; color:#FFF; cursor:pointer}

#logoutButton{ float:left; width:20px; height:120px; padding:15px 0 0 0; background-color:#222; color:#FFF; cursor:pointer; margin-left:1px}
#userHomeButton{float:left; width:20px; height:130px; padding:5px 0 0 0; background-color:#222; color:#FFF; cursor:pointer}



#menuBar {
	width:1000px;	
	margin:15px 0 0 0;
}

.menuButton {
	float:left;
	padding:2px 10px;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	position:relative;
	height:18px;
	z-index:200
}

.menuButtonDropDown {	
	padding:2px 10px;
	cursor:pointer;
	text-align:left;
	font-size:14px;
	position:relative;
	width:200px
	
}

.menuDropDown {
	position:absolute;
	top:20px; left:0;
	background-color:#eee;
	padding:5px;
	display:none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	z-index:100
}

#middleBar {
	width:998px;
	margin:5px auto;
	padding:1px;
	z-index:100
	
}

#right_underMenu {
	float:left;
	width:448px;
	text-align:left;
	font-size:12px;
	padding-top:0;
	text-align:right
}

#searchDiv{
	float:left;
	width:550px;
	text-align:left;
	position:relative;
	height:30px;
	
}

#forum_button{
	
	padding:0;
}

#bannerSearchButton {
	padding:0;
	margin-right:10px
}

#searchBarResults{
	position:absolute;
	top:30px; 
	left:5px;
	width:150px;
	z-index:200;
	background-color:#fff;
	padding:5px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	display:none;
	}

#searchBar {
	background-color:#FFF;
	border:#bbb 1px solid;
	color:#333;
	font-size:1rpx;	
	width:150px;
	padding:6px 3px;
}
	
.curriculumButtonDiv {
	float:right;
	padding-top:5px
}

/*
==========================================================================================================================================
3. OTHER DIVS
------------------------------------------------------------------------------------------------------------------------------------------
*/

#debug {position:fixed; top:0; left:0; width:200px; height:50px; z-index:200; background-color:#0CF; display:none}

.page_thumb {
	width: 182px;
	height: 235px;
	overflow:hidden;
	padding:3px;
	margin:5px;
	float:left;
	background-color:#FFF;	
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	text-align:center;
	cursor:pointer
}

.page_thumb_frame{
	width:182px;
	height:220px;
	overflow:hidden;
	position:relative;
}

 
.zoomButton {float:left;  width:20px; height:20px; cursor:pointer; margin:0 5px 0 0}
.shareSVG {float:left; width:550px; height:30px}
.enlargeSVG{float:left; width:130px}
.page_svg{
	width:750px;
	height:500px;
	overflow:auto;
	position:relative
}

.box_wide {width:590px; background-color: rgba(255,255,255,.3); float:left; border:#ccc 1px solid; padding:5px }
.box_narrow {width:370px; background-color: rgba(255,255,255,.3); float:left; margin-left:16px; border:#ccc 1px solid; padding:5px }

.box_narrow {}
.fltLt {float:left; margin:5px 5px 5px 0}
.fltRt {float:right; margin:5px 0 5px 5px}
.clr {clear:both; height:1px}
.spacer {clear:both; height:15px}
.spacer10 {clear:both; height:10px}
.spacer20 {clear:both; height:20px}
.spacerH5 {float:left; width:5px; height:10px}
.spacerH10 {float:left; width:10px; height:10px}

#note_new {width:100%; height:40px}
.noteDiv {width:218px; padding:1px}
.noteTitle {background-color:#222; color:#fff; padding:2px; text-align:center; cursor:pointer}
.noteContent {display:none}
.noteContent textarea {width:216px; height:40px;}

.delete {!important padding:0; color:#F00} 

.readingBar {width:14px; height:4px; margin:5px 0 5px 0; background-color:#CCC; border:#999 1px solid; float:left; margin-right:5px}
.readingBarInner {width:14px; background-color:#0C0; height:4px}
#readingPopup img{ margin-right:5px}
#readingPopup {font-size:14px}
#readingPopup p {font-size:14px}

/*
==========================================================================================================================================
4. TYPE 
------------------------------------------------------------------------------------------------------------------------------------------
*/

p {color:#222; font-size:12px; margin:0; padding:0 0 5px 0;}
h1 { color:#00589b; margin:0; padding:0 0 8px 0; font-size:26px}
h2 { color:#00589b; margin:0; padding:0 0 5px 0; font-size:24px}
h3 { color:#00589b; margin:0; padding:0 0 5px 0; font-size:20px}
h4 { color:#00589b; margin:0; padding:0 0 5px 0; font-size:18px}
h5 { color:#00589b; margin:0; padding:0 0 5px 0; font-size:16px}
h6 { color:#00589b; margin:0; padding:0 0 5px 0; font-size:14px}

#banner h2 {font-size:40px; padding:0 0 8px 0;}
#banner h1 {font-size:40px; padding:0 0 8px 0;}
#banner h3 {font-size:24px}

#banner h2 a:link {text-decoration:none; color:#00589b}
#banner h2 a:visited {text-decoration:none; color:#00589b}
#banner h2 a:hover {text-decoration:none; color:#00589b}

#banner h1 a:link {text-decoration:none; color:#00589b}
#banner h1 a:visited {text-decoration:none; color:#00589b}
#banner h1 a:hover {text-decoration:none; color:#00589b}

.blackButton a:link {text-decoration:none; color:#fff}
.blackButton a:visited {text-decoration:none; color:#fff}
.blackButton a:hover {text-decoration:none; color:#FFC}

a:link {text-decoration:none; color:#030}
a:visited {text-decoration:none; color:#030}
a:hover {text-decoration:none; color:#390}

.username {text-decoration:underline; color:#cd3500; cursor:pointer}

.menuButton a:link {text-decoration:none; color:#000}
.menuButton a:visited {text-decoration:none; color:#000}
.menuButton a:hover {text-decoration:none; color:#000}

/*
==========================================================================================================================================
4. FORM 
------------------------------------------------------------------------------------------------------------------------------------------
*/

textarea {font-size:12px}

/*
input[type=text] {background:#eee; border:#999 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; padding:1 3px; width:95%}
input[type=password] {background:#eee; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; padding:1 3px}
input[type=submit] {background:none; background-color:#aaa; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer; color:#fff; padding:1px 5px}
select {background-color:#151515; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer; color:#fff; padding:3px}
textarea {background-color:#eee; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; padding:3px }
*/

/*
==========================================================================================================================================
5. MAPS 
------------------------------------------------------------------------------------------------------------------------------------------
*/