/* Basic/Generic Elements | Main Structure | Admin | Module - News | Module - Gallery | Module - Downloads | Module - About Us | Links | CSS Preload Image Hack */


/* Basic/Generic Elements
------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font:11px/normal normal normal Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
/*	background-color: #FFF;*/
	background:transparent url(../images/splash/new/background.png) repeat top left;
	position:relative;
}

a {
	color: #588FB9;
}

a:hover, a:active {
	color: #3D464D;
}

table {
	border-collapse:collapse;
}

td {
	vertical-align:top;
}

/* Main Structure
------------------------------------- */

#mainGrid_TABLE {
	width: 100%;
}

#mainGrid_R1C1 {
	width: 50%;
/*	background: transparent url(../images/bgL.png) repeat-y top right;*/
	background: transparent url(../images/gradientL.png) repeat-y top right;
}

#mainGrid_R1C2 {
	padding: 13px;
	background-color: #fff;
}

#mainGrid_R1C3 {
	width: 50%;
/*	background: transparent url(../images/bgR.png) repeat-y top left;*/
	background: transparent url(../images/gradientR.png) repeat-y top left;
}

#mainContent_container {
	margin: 12px 4px 0px;
}

#mainContent_container_TABLE {
	width:100%;
}

#mainContent_container_R1C1 {
	padding:0px 18px 0px 0px;
	width: 305px; /*set a width so the transition effects work cleanly*/
}

#mainContent_container_R1C2 {
	width:100%;
	padding:0px;
}

#mainContent {
}

#calendar {
	margin: 0 0 12px;
}

#events, #events ul, #events li, #events img {
	margin:0px;
	padding:0px;
	border:0px solid;
	list-style:none;
	line-height:0px;
	font-size:0px;
}

#events ul li {
	cursor:pointer;
	margin:0px 0px 12px;
}

#banner {
	background: transparent url(../images/banners/New_Logo.jpg) no-repeat scroll left top;
	width: 774px;
	height: 243px;
}

body #mainContent {
	line-height: 140%;
}

/* Admin
------------------------------------- */

#logoutLink {
	margin:0px;
	padding:6px;
	background-color:#CC0033;
	font: 14px/normal bold normal "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}

#logoutLink span {
	margin: 0px 24px;
}

#logoutLink a {
	margin: 0px 24px;
	color:#000;
	float:right;
}

#logoutLink a:hover {
	text-decoration:none;
	color:#fff;
}

.adminNewLink {
	margin:0px 0px 12px;
	padding:2px;
	background-color:#CC0033;
	font: 12px/normal bold normal "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

.adminNewLink:hover, .adminNewLinkk:active {
	background-color:#333;
	text-decoration:underline;
}

.adminForm {
	margin:0px 0px 12px;
	padding:10px 28px 10px 18px;
	background-color:#ccc;
	color:#000;
}

.adminForm table{
	width:100%;
}

.adminForm td{
	padding:0px;
}

.adminTitle, .adminBody {
	width:100%;
	background-color:#eaeaea;
	border-top:1px solid #eaeaea;
	border-right:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	border-left:1px solid #eaeaea;
	margin:0px 0px 4px;
	padding:2px;
}

.adminForm textarea {
	height:200px;
}

.adminButton {
	background-color:#f2f2f2;
	border-top:2px solid #f9f9f9;
	border-right:2px solid #e5e5e5;
	border-bottom:2px solid #e5e5e5;
	border-left:2px solid #f9f9f9;
	cursor:pointer;
	padding:2px;
}

.adminButton:hover {
	background-color:#fff;
	border-top:2px solid #fff;
	border-right:2px solid #e9e9e9;
	border-bottom:2px solid #e9e9e9;
	border-left:2px solid #fff;
}

.adminTitle:focus, .adminButton:focus, .adminBody:focus {
	background-color:#fff;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	border-left:1px solid #e5e5e5;
}

#newArticleForm_R1C1, #newArticleForm_R2C1, #newArticleForm_R3C1{
	text-align:right;
	padding: 4px 4px 0px 0px;
}

#newArticleForm_R1C2, #newArticleForm_R2C2, #newArticleForm_R3C2 {
	width:100%;
}

.deleteEvent {
	position:relative;
	color:#CC0033;
	cursor:pointer;
	font-size:18px;
	line-height:18px;
	top: 23px;
	left:2px;
	background-color: #FFFFFF;
	border:2px solid #c03;
	padding:0px 6px;
}

.deleteLink, .editLink {
	color:#c03;
	font-size:1.25em;
	cursor:pointer;
	border:1px solid #c03;
	float:left;
	margin: 0px 3px 6px 0px;
	padding: 0px 3px;
}

.deleteLink:hover, .editLink:hover {
	color:#333;
	border:1px solid #333;
}

/* Module - Audio Player
------------------------------------- */

#audioplayer {
	position: fixed;
	bottom: 0px;
	right: 0px;
}

/* Module - News
------------------------------------- */

.article {
	padding: 0px;
}

.postedDate {
	color:#9cc;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	clear:both;
}

.title {
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
	text-transform:uppercase;
	margin:1px 0px 0px;
}

.body {
	color:#666;
	margin:1px 0px 0px;
	line-height:140%;
	padding: 0px 12px 0px 0px;
}

.articleSeparator {
	height:0px;
	background-color:#fff;
	width: 80%;
	margin: 9px 20% 9px 0px;
	border-top:0px solid;
	border-right:0px solid;
	border-bottom: 2px dashed #666;
	border-left:0px solid;
}

/* Module - Gallery
------------------------------------- */

#photoGallery {
	text-align:center;
	padding:0px auto;
}

.galleryitem, .album, .photo {
	background-color:#000;
	margin: 13px;
	padding: 7px;
	float: left;
	width: 150px;
	height: 150px;
}

.album {
	background-color:#000;
}

#photoGallery a {
	border:0px;
}

#photoGallery img {
	display: block;
	border:0px;
}

.albumCaption {
	display:block;
	background-color:#000;
	color:#fff;
	padding:2px 4px 0px;
	width:142px;

	height:12px;
	position:relative;
	bottom:14px;
	overflow-y:hidden;
}

.sortablehelper {
	float: left;
	background-color: red;
}

.sortableactive {

}

.sortablehover {

}

.pager {
	clear: both;
}

#ImageBoxOverlay {
	background-color: #000;
}

#ImageBoxCaption {
	background-color: #F4F4EC;
}

#ImageBoxContainer {
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}

#ImageBoxCaptionText {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}

#ImageBoxCaptionImages {
	margin: 0;
}

#ImageBoxNextImage {
	background-image: url(../images/photoPopup/spacer.gif);
	background-color: transparent;
}

#ImageBoxPrevImage {
	background-image: url(../images/photoPopup/spacer.gif);
	background-color: transparent;
}

#ImageBoxNextImage:hover {
	background-image: url(../images/photoPopup/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}

#ImageBoxPrevImage:hover {
	background-image: url(../images/photoPopup/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}

/* Module - Downloads
------------------------------------- */

/* Module - About Us
------------------------------------- */

/* Module - Blog
------------------------------------- */

.entry .title {
	clear: both;
	color: #588FB9;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
	border-bottom:2px solid #ace;
	width: 90%;
}

.entry .base {
	text-align:center;
	font-size:40px;
	font-family:"Courier New", Courier, monospace;
	line-height:40px;
	letter-spacing:-7px;
	position:relative;
	top:-14px;
	left:-120px;
}


/* Links
------------------------------------- */

#links {
	background-color:#000;
	margin:0px 4px;
	height:27px;
}

#links .link {
	cursor: pointer;
	color:#fff;
	height:27px;
	margin: 0px 20px 0px 8px;
	float:left;
	clear:none;
	background-color:transparent;
	background-repeat:no-repeat;
}

#aboutUs {
	background-image: url(../images/links/aboutUs_link.jpg);
	width: 118px;
}

#aboutUs:hover, #aboutUs:active {
	background-image: url(../images/links/aboutUs_hover.jpg);
}

#aboutUs.selected {
	background-image: url(../images/links/aboutUs_selected.jpg);
}

#students {
	background-image: url(../images/links/students_link.jpg);
	width: 118px;
}

#students:hover, #students:active {
	background-image: url(../images/links/students_hover.jpg);
}

#students.selected {
	background-image: url(../images/links/students_selected.jpg);
}

#leaders {
	background-image: url(../images/links/leaders_link.jpg);
	width: 118px;
}

#leaders:hover, #leaders:active {
	background-image: url(../images/links/leaders_hover.jpg);
}

#leaders.selected {
	background-image: url(../images/links/leaders_selected.jpg);
}

#parents {
	background-image: url(../images/links/parents_link.jpg);
	width: 118px;
}

#parents:hover, #parents:active {
	background-image: url(../images/links/parents_hover.jpg);
}

#parents.selected {
	background-image: url(../images/links/parents_selected.jpg);
}

#blog {
	background-image: url(../images/links/blog_link.jpg);
	width: 70px;
}

#blog:hover, #blog:active {
	background-image: url(../images/links/blog_hover.jpg);
}

#blog.selected {
	background-image: url(../images/links/blog_selected.jpg);
}

#darkToLight {
	background-image: url(../images/links/darkToLight_link.jpg);
	width: 177px;
}

#darkToLight:hover, #darkToLight:active {
	background-image: url(../images/links/darkToLight_hover.jpg);
}

#darkToLight.selected {
	background-image: url(../images/links/darkToLight_selected.jpg);
}

#downloads {
	background-image: url(../images/links/downloads_link.jpg);
	width: 156px;
}

#downloads:hover, #downloads:active {
	background-image: url(../images/links/downloads_hover.jpg);
}

#downloads.selected {
	background-image: url(../images/links/downloads_selected.jpg);
}

#galleryLink {
	background-image: url(../images/links/gallery_link.jpg);
	width: 106px;
}

#galleryLink:hover, #galleryLink:active {
	background-image: url(../images/links/gallery_hover.jpg);
}

#galleryLink.selected {
	background-image: url(../images/links/gallery_selected.jpg);
}

#home {
	background-image: url(../images/links/home_link.jpg);
	width: 75px;
}

#home:hover, #home:active {
	background-image: url(../images/links/home_hover.jpg);
}

#home.selected {
	background-image: url(../images/links/home_selected.jpg);
}

#news {
	background-image: url(../images/links/news_link.jpg);
	width: 70px;
}

#news:hover, #news:active {
	background-image: url(../images/links/news_hover.jpg);
}

#news.selected {
	background-image: url(../images/links/news_selected.jpg);
}

/* CSS Preload Image Hack
------------------------------------- */

.preloadImagesCSS {
	position:absolute;
	bottom:0px;
	right:0px;
	height:0px;
	width:0px;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	z-index:1;
	color:#fff;
	background-color:transparent;
}

.preloadImagesCSS  a{
	padding:0px;
	font-size:0px;
	line-height:0px;
	border:0px;
}

.preloadImagesCSS  a:hover,
.preloadImagesCSS  a:active,
.preloadImagesCSS  a:visited {
	background:transparent url() no-repeat fixed 0px 0px;
}

#preload1 a{
	background-image: url(../images/links/aboutUs_hover.jpg);
}

#preload1 a:link{
	background-image: url(../images/links/blog_hover.jpg);
}

#preload2 a{
	background-image: url(../images/links/darkToLight_hover.jpg);
}

#preload2 a:link{
	background-image: url(../images/links/downloads_hover.jpg);
}

#preload3 a{
	background-image: url(../images/links/gallery_hover.jpg);
}

#preload3 a:link{
	background-image: url(../images/links/home_hover.jpg);
}

#preload4 a{
	background-image: url(../images/links/news_hover.jpg);
}

#preload4 a:link{
	background-image: url(); /*unused and can be used for another preloaded image*/
}