/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 

body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background-color:#fff; 
		background:url(/img/layout/header-bg.jpg) top left repeat-x;} 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:1000px; margin:0 auto;} 

#backgroundHome {background:url(/img/layout/bg-home.png) top left repeat-x; margin:0; padding:0; width:100%;}
#backgroundInterior {background:url(/img/layout/bg-interior.png) top left repeat-x; margin:0; padding:0; width:100%;}

#news {float:right; height:247px; padding:0; margin:0 15px 15px 0; text-align:center;}
#news a {margin:0 auto; font-size:24px; color:#fff;}
#news img {width:975px; margin:5px auto 0 auto;}
.pageListInline {padding:0 10px 10px 10px;}

#treePageDetailsTitle {height:38px; width:97%; margin:10px 10px 10px 0; padding:7px 0 0 10px; background:url(/img/layout/title-bg.jpg) top left repeat-x; color:#94e91a;}

/* HEADER */ 
#header {position:relative; width:100%; margin:0;}
#h1wrapper {float:right; margin:0; padding:0 0 0 0; width:842px; height:47px; text-align:right; background:url(/img/layout/pencil.jpg) top left no-repeat;}
h1 {margin:15px 120px 0 0; font-size:14px;}
h4 {color:#777777; padding:0; margin:15px 0 0 12px; font-size:16px;}

#logo {float:left;}
#logo a {width:455px; height:88px; display:block; background:url(/img/layout/logo.jpg) top left no-repeat;}
#subNav {float:right; width:450px; font-size:.9em; line-height:1.4em;}
#subNav li {float:right; list-style:none; margin:0 5px;}
#subNav a {color:#fff;}

#search {float:right; position:relative; width:237px; margin:20px 0 0 0;}
.searchbutton {position:absolute; margin:0;}
.searchinput {margin:1px 5px 0 0;}

#mainNav {float:right; width:100%; height:49px;}
#mainNav ul {padding:0; margin:15px 0 0 15px;}
#mainNav ul li ul {display:none;}
#mainNav li {float:left; list-style:none; padding:0 18px;}
#mainNav a {float:left; font-size:17px; color:#232323;}
#mainNav a:hover {text-decoration:none; color:#fff;}

/****CTA****/
#subjects {float:right; width:925px; height:155px;}

#math a {float:left; width:212px; height:153px; background:url(/img/layout/CTA-math.jpg) top left no-repeat; display:block;}
#math a:hover {background:url(/img/layout/CTA-math.jpg) bottom left no-repeat;}

#english a {float:left; width:212px; height:153px; background:url(/img/layout/CTA-english.jpg) top left no-repeat; display:block;}
#english a:hover {background:url(/img/layout/CTA-english.jpg) bottom left no-repeat;}

#science a {float:left; width:212px; height:153px; background:url(/img/layout/CTA-science.jpg) top left no-repeat; display:block;}
#science a:hover {background:url(/img/layout/CTA-science-ro.jpg) bottom left no-repeat;}

#contests a {float:left; width:235px; height:153px; background:url(/img/layout/CTA-contests.jpg) top left no-repeat; display:block;}
#contests a:hover {background:url(/img/layout/CTA-contests.jpg) bottom left no-repeat;}

/* CONTAINER */ 
#container {position:relative; width:100%; min-height:500px; padding:24px 0 0 1px; background:url(/img/layout/container-top.jpg) top center no-repeat;}
#container a {color:#243C82; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {width:992px; background:url(/img/layout/container-bg.jpg) top center repeat-y;}

#contentLeft {float:right; min-height:500px; width:610px; margin:0 30px 0 0;}
#contentHome {float:right; min-height:500px; width:905px; margin:0 30px 0 0;}

#detailWrapper {width:630px;}

#contentRight {float:right; width:268px; height:500px; margin:10px 20px 0 0;}
.featuredVideoTitle {height:38px; width:97%; margin:0 10px 10px 0; padding:7px 0 0 10px; font-size:24px; font-weight:bold; background:url(/img/layout/title-bg.jpg) top left repeat-x; color:#94e91a;}

.featuredVideo {width:268px; padding:0 0 10px 0; margin:0 0 10px 0; background:url(/img/layout/featured-video-divider.jpg) bottom center no-repeat;}
#contentLeftAd {width:268px; height:100px; background:#fff; font-size:18px; text-align:center; padding:0 0 0 0; border:1px solid #ccc;}

/*****HOME CONTENT****/
.featured1 {float:left; width:261px; height:295px; margin:20px 0 0 0; padding:10px; background:url(/img/layout/pencil-outline1.jpg) top center no-repeat; overflow:auto;}
.featured2 {float:left; width:279px; height:295px; margin:20px 0 0 0; padding:10px 20px; background:url(/img/layout/pencil-outline2.jpg) top center no-repeat; overflow:auto;}
.featured3 {float:left; width:259px; height:295px; margin:20px 0 0 0; padding:10px 20px; background:url(/img/layout/pencil-outline3.jpg) top center no-repeat; overflow:auto;}

#homeNews {float:left; width:601px; height:165px; padding:0 10px 5px 0; background:url(/img/layout/pencil-outline-news.jpg) top center no-repeat; overflow:auto;}
#studentHighlight {float:left; width:253px; height:173px; padding:0 20px; background:url(/img/layout/pencil-outline-student-highlight.jpg) top center no-repeat;}

/* FOOTER */ 
#footerWrapper {width:100%; height:235px; background:url(/img/layout/footer-bg.jpg) top left repeat-x;}
#footer {width:100%; height:205px; margin:0 auto; padding:30px 0 0 0; background:url(/img/layout/footer-images.jpg) top center no-repeat;}

#footerContent {position:relative; width:960px; margin:0 auto;}

#footerLinks {float:left; width:175px; height:150px; margin:50px 0 0 300px;}
#footerLinks ul {margin:0; padding:0;}
#footerLinks li {list-style:none;}

#footerLinks ul ul {display:none;}

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

#footerLinks2 {float:left; width:175px; height:150px; margin:50px 0 0 0;}
#footerLinks2 a {color:#fff; text-decoration:underline;}
#footerLinks2 a:hover {text-decoration:none;}

#footerLinks2 ul ul {display:none;}

#pubTree136 {padding:0; margin:0;}
#footerLinks2 li {list-style:none;}
.footerLinkTitle {font-size:18px; color:#fff; margin:0; padding:0;}
.secondWord {font-weight:bold; color:#94e91a;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:active{text-decoration:none;color:#333333;}
#delawarelink a:hover {text-decoration:underline;}

/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
.treePageDetailsVideoGalleryThumbnailImage {height:96px; overflow:hidden;}
#treePageDetailsVideoGalleryWrapper {width:630px;}
.treePageDetailsVideoGalleryThumbnailWrapper {width:120px; height:140px;}

#pageList {padding:0;}
#pageListHeader {height:38px; width:97%; margin:10px 10px 10px 0; padding:7px 0 0 10px; background:url(/img/layout/title-bg.jpg) top left repeat-x; text-align:left; color:#94e91a;}

#pubTree146 {display:none;}

/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* HIDES FROM IE-MAC \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* END HIDE FROM IE-MAC */

/****Stuff that wouldn't work at the top*******/
.portfolioItemSmallTitle {height:38px; width:97%; margin:10px 10px 10px 0; padding:11px 0 0 10px; background:url(/img/layout/title-bg.jpg) top left repeat-x;}
.portfolioItemSmallTitle a:link, .portfolioItemSmallTitle a:active, .portfolioItemSmallTitle a:visited {color:#fff; text-decoration:none;}
#detailWrapper h3 a {color:#fff;}
#detailWrapper h3 a:hover {color:#94e91a;}