@charset "utf-8";

/* ============= Global ==============*/
body {background-image:url(images/header-bkgrd.jpg); background-position:center 0; background-repeat:no-repeat; background-color:#000;}
#wrapper{position:relative;width:960px;margin:0 auto;}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, div{font-family:Arial, Helvetica, sans-serif; line-height:1.3;}
h1{font-size:45px; color:#fff;line-height:1.1; letter-spacing:-0.02em;}
h2{font-size:24px; color:#fff; background-color:#666;border:1px solid #333;padding:1px;}
h2 span{display:block; padding:1px 1px 1px 15px; background-image:url(images/h2-bgrd.gif); background-repeat:repeat-x; height:36px;}
h3{font-size:18px; color:#333; background-color:#fff;border:1px solid #ccc;padding:1px; line-height:1.1;}
h3 span{display:block; padding:5px 1px 1px 40px; background-image:url(images/h3-bgrd.gif); background-repeat:repeat-x; height:31px;}
.h3-plus-icon{position:absolute;width:16px; height:16px; background:url(images/h3-plus-icon.gif) no-repeat;margin:3px 0px 0px -20px;}
h4{font-size:13px; color:#333;background-color:#fff;border:1px solid #ccc;padding:1px;margin:5px;}
h4 span{display:block; padding:1px 1px 1px 15px; background:url(images/h4-bgrd.gif) repeat-x; height:22px;}
h5{color:#39c; font-size:16px; font-weight:bold;margin:0px 0 10px 0px; line-height:1.2;}
h5 a{text-decoration:none;color:#39c; font-size:14px; font-weight:bold;}
h5 a:hover{text-decoration:underline;}
.intro-text{font-size:14px; color:#ccc;line-height:1.5;}
p {font-size:13px; color:#333333; margin-top:0.75em;margin-bottom:0.75em;}
.overflow-hidden{overflow:hidden;display:block;}
p a{color:#f60;text-decoration:none;}
p a:hover{text-decoration:underline;}


/* ============= Slider ==============*/
.slider{
	overflow:hidden;cursor:pointer;}
.slider_categories{border: #ccc 1px solid; background-color:#fff;
	visibility:hidden;height:0px;overflow:hidden;position:relative;}
.slider_categories_content{padding:10px;position:relative;}


/* ============= Top Nav ==============*/
#top-nav{position:absolute; left:630px;top:26px;z-index:100;}
#intro-nav{position:absolute; left:90px;top:390px;z-index:500;}

/* ============= Header ==============*/
#header{width:960px;height:86px;clear:both;}
#header-logo{position:absolute;top:0;left:0px;}
#tagline{position:absolute;top:53px;left:90px;color:#5192bb;font-size:17px;}

/* ============= Intro ==============*/
#intro{position:relative; width:960px;height:368px; background-color:#fff;clear:both;overflow:visible;}
#intro-text-container{position:absolute;width:620px; height:357px; top:10px; left:10px; background-image:url(images/intro-text-bgrd.jpg); background-repeat:no-repeat;overflow:visible;}
#intro-text{position:absolute;top:50px;width:460px;height:300px;float:left; margin-left:80px;overflow:visible;}
#intro-text hr {border-top: 2px solid #000;border-bottom: 1px solid #324450;color: #000;background-color: #324450;height: 3px;}
/*#intro-image{position:absolute;width:321px;height:357px;top:10px;left:630px;}*/
#intro-image{position:absolute;width:321px;top:10px;left:630px;}
#intro-image-school-profile{position:absolute;width:322px;top:10px;left:630px;background:url(images/intro-bgrd-profile-page.jpg) 0 0 repeat-x;overflow:hidden;height:358px;}
#intro-school-logo{overflow:hidden;width:322px;background:#fff url(images/intro-logo-bgrd.gif) 0 0 no-repeat;position:absolute;bottom:0px;height:178px;}
#intro-school-logo img{margin-top:60px;margin-left:40px;}
#intro-image-btn-container{position:relative;top:-19px;padding:3px 3px 0px 5px; width:312px; height:18px; background:#fff; overflow:hidden;border-top:1px #000 solid;font-size:10px; color:#666;}
#intro-image-btn-container a{text-decoration:none;color:#666;}
#intro-image-btn-container a:hover{text-decoration:underline;}


/* ============= Content ==============*/
#content-container{width:960px;background-color:#ccc;background:url(images/content-bgrd.gif) repeat-y; overflow:auto;}
#left-column{position:relative;width:630px; float:left; padding-bottom:20px;background-image:url(images/content-left-bgrd.jpg); background-repeat:no-repeat; background-color:#fff;}
#share-this{position:relative;top:6px;left:110px;clear:both;height:50px;}
#share-this a{color:#666;font-size:12px;}
#left-column-content{width:460px; float:left; margin-left:90px;display:inline;background-color:#fff;/*border:#00CC66 1px solid;*/}
#left-column-content p{margin-left:20px; margin-right:20px;}
#left-column-content-index{width:460px; float:left; margin-left:90px;display:inline;background-color:#fff;/*border:#00CC66 1px solid;*/}
#left-column-content-index p{margin-left:0px; margin-right:0px;}
.programs-offered-container{width:418px; border:#ccc 1px solid;margin:20px;padding-bottom:10px;}
		/* ==== home page ===*/
/*.index-row{width:480px;overflow:hidden;margin-bottom:25px;}*/
.index-article{width:300px; padding-bottom:20px;padding-left:160px;overflow:hidden;}
/* ==== Read More ===*/
.readmore{/*clear:both;width:auto;*/}
.readmore li{/*clear:both;*/}
.readmore li a{background: url(images/arrow-orange.gif) 0 0px no-repeat;padding-left:20px;font-size:11px; color:#333; text-decoration:none; /*clear:both;*/}
.readmore a:hover{color: #000;text-decoration:underline;}

.readmore-index{}
.index-content-divider{background:url(images/home-content-divider.gif) 0 0 no-repeat; overflow:hidden;width:460px; height:3px;margin-left:0px;margin-bottom:20px;}

		/* ==== Home page Image ===*/
.index-small-image{position:relative;overflow:hidden;padding:4px;border: #dcddde 1px solid; float:left;overflow:visible;display:inline;margin-left:-160px;}
.index-small-image img{border: #999 1px solid;}

		/* ==== Category Page Images ===*/
.content-image{overflow:hidden;padding:4px;border: #ccc 1px solid;}
.content-image img{border: #999 1px solid;}
		/* ==== Category list ===*/
ul.categories{clear:both;width:auto; padding: 10px 0px 0 30px;}
ul.categories li{clear:both;text-transform:uppercase;}
ul.categories li a{background: url(images/bullet-blue.gif) 0 2px no-repeat;padding-left:20px;
	font-size:11px; color:#39c; text-decoration:none; clear:both;}
ul.categories a:hover{text-decoration:underline;}
		/* ==== Program list ===*/
ul.program{clear:both;width:auto;}
ul.program li{padding-left:30px; text-decoration:none; clear:both;}
ul.program li p{margin-top:0; margin-bottom:0;}

		/* ==== School list ===*/
ul#grey-list{clear:both; width:auto; padding: 10px 5px 0 30px;}
ul#grey-list li{clear:both;padding-left:15px;background: url(images/bullet-grey.gif) 0 8px no-repeat;}
ul#grey-list li a{font-size:12px; color:#333; text-decoration:none; clear:both;}
ul#grey-list a:hover{text-decoration:underline;}

		/* ==== Contact Form ===*/
#contact-header-container{width:460px;background-color:#CC6600;height:93px;margin-top:20px;overflow:hidden;}/*For IE only*/
#left-column-content > #contact-header-container{width:460px;background-color:#CC6600;height:93px;margin-top:20px;overflow:visible;}/*For all other browsers*/
#contact-header{position:relative;top:-102px;font-weight:bold;font-size:20px; line-height:1.3;color:#fff; background-color:#666;border:1px solid #333;padding:1px;}
#contact-header span{display:block; padding:20px 1px 1px 100px; background-image:url(images/contact-bgrd.gif); background-repeat:repeat-x; height:68px;}
#contact-icon{position:relative;top:13px; left:-14px; width:102px; height:102px; background:url(images/contact-icon.jpg) no-repeat; z-index:2;}
#form-container-bgrd{position:static; width:450px; background-color:#ccc; border:#999 1px solid; overflow:hidden;padding:4px;z-index:1;}
#form-container{width:410px;background:#eeeeee;padding:20px;overflow:visible;}
#form-container p{margin:0;}

.form-first-column{width:200px; float:left; overflow:hidden;}
.form-second-column{width:200px; float:right; overflow:hidden;}
.form-style{width:400px;margin:0px 0px 5px 0px;padding:3px;border:#ccc 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#fff;background:url(../html/images/h3-bgrd.gif) repeat-x;}
.form-style-textarea{width:400px;margin:0px 0px 5px 0px;padding:3px;border:#ccc 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#fff;}
.first-name{width:180px;}
.program-drop-select-category{color:#666; text-transform:uppercase;}
.form-submit-btn{margin-left:150px;}


/* ============= Right Column ==============*/
#right-column{position:relative;width:330px;float:right; padding-top:50px;background-image:url(images/content-right-bgrd.jpg); background-repeat:no-repeat; background-color:#ccc;}
#r-container{width:243px;background:#eee;border:1px solid #999;margin-left:39px;padding:4px;margin-bottom:30px;}
#school-logo{padding:10px 0;background:#fff;overflow:hidden;}
#map_canvas{width: 241px; height: 135px; border:1px solid #999;}

		/* ==== Locations list ===*/
#locations-container{overflow:hidden;background-color:#FFFFFF;width:243px;padding-bottom:20px;}
.location{clear:both; width:auto; padding:10px 0 0 20px;}
.location li{clear:both; line-height:16px; background: url(images/arrow-orange.gif) -0px 2px no-repeat; padding-left:20px;}
.location li a{font-size:13px; color:#333; text-decoration:none;}
.location a:hover{text-decoration:underline;}
		/* ==== Address list ===*/
.address{padding-right:10px;}
.address li{margin-top:-5px; margin-bottom:-10px;padding-left:40px;text-decoration:none;}
.address li p{color:#666; font-size:10px;}
		/* ==== phone number ===*/
#r-phone-container{width:259px; height:64px;overflow:hidden; background:url(images/r-phone-bgrd.jpg);margin:-5px 0 30px 33px;}
#r-phone-number{position:relative;top:10px;left:62px;color:#113854; font-size:24px;font-weight:bold;}
		/* ==== articles ===*/
.article{overflow:visible;width:174px;margin:10px 0 0 39px;padding-left:80px; padding-bottom:20px;}
.article .photo{height:60px; width:60px; padding:4px;border:1px solid #999;background:#fff;overflow:visible;float:left;margin-left:-80px;display:inline;}
.article h3{color:#333;background:none;border:none;}
.article h3 a{color:#333;background:none;border:none;text-decoration:none;}
.article h3 a:hover{text-decoration:underline;}
.article-divider{overflow:hidden;width:259px;height:3px;background:url(images/article-divider.jpg);margin:15px 0 0px -80px;}
.article-plain{overflow:visible;width:194px;margin:10px 0 0 39px;padding-left:20px; padding-bottom:20px;}
.article-plain h3{color:#333;background:none;border:none;}
.article-plain h3 a{color:#333;background:none;border:none;text-decoration:none;}
.article-plain h3 a:hover{text-decoration:underline;}
.article-divider-plain{overflow:hidden;width:259px;height:3px;background:url(images/article-divider.jpg);margin:15px 0 0px -20px;}
			

			/* ==== Feature Article ===*/
.feature-article-container{width:243px; padding: 4px; border:1px solid #999; margin-left:39px;margin-bottom:25px; background:#fff;}
.feature-article{width:203px;background:#000 url(images/feature-article-bgrd.jpg) no-repeat;overflow:hidden;padding:20px;}
.feature-article h3{color:#fff;background:none;border:none;}
.feature-article h3 a{color:#fff;background:none;border:none;text-decoration:none;}
.feature-article h3 a:hover{text-decoration:underline;}
.feature-article p{color:#fff}
.feature-article ul.readmore li a{background: url(images/arrow-orange.gif) 0 0px no-repeat;padding-left:20px;font-size:11px; color:#fff; text-decoration:none; clear:both;}
.feature-article ul.readmore a:hover{color: #fff;text-decoration:underline;}

/* ============= Carousel ==============*/
#carousel-header{width:960px; height:60px; background-image:url(images/carousel-top-bgrd.jpg); background-repeat:no-repeat;clear:both;}
#carousel-header-title{color:#333;font-size:32px;padding:10px 0 0 90px; letter-spacing:-0.02em;}
#carousel{width:960px; background-image:url(images/carousel-bgrd.gif); background-repeat:repeat-y;clear:both;padding:0 0 20px 0;overflow:hidden;}
#previous-btn{width:63px; height:96px; margin:25px 0 0 27px;float:left;display:inline;}
#carousel-content{width:800px; overflow:hidden; float:left;margin:0 0 0px -20px;}
.carousel-object{width:140px;float:left;margin-left:20px;display:inline;text-align:center; }
.carousel-object a{color:#fff; font-size:14px; text-decoration:none;}
.carousel-object a:hover{text-decoration:underline; text-align:center;}
.carousel-object img{display:block; margin-bottom:5px;}
#next-btn{width:63px; height:96px; margin:25px 0 0 0px;float:left;}

/* ============= Footer ==============*/
#footer{width:960px; background-color:#333; background-image:url(images/footer-top-bgrd.jpg); background-repeat:no-repeat;clear:both;overflow:hidden;padding-bottom:20px;}
#footer-content{width:1000px;overflow:hidden;background:url(images/footer-bgrd-2.gif) repeat-y;margin:40px 0 20px 70px;}
.footer-group{width:300px; float:left; margin-left:20px; display:inline;}
.footer-title{width:300px;color:#f90;font-size:12px;font-weight:bold;}
.footer-col{width:140px; float:left;ma rgin-right:20px;}
		/* ==== Footer list ===*/
.footer-col ul{clear:both;width:auto;font-size:11px;color:#999;}
.footer-col ul li{clear:both;margin-top:0; margin-bottom:0;margin-bottom:5px;}
.footer-col ul li a{color:#999;text-decoration:none;}
.footer-col ul li a:hover{text-decoration:underline;}

#share-this-footer{float:left;width:200px;margin:0 0 0 90px;display:inline;}
#share-this-footer a{color:#fff;font-size:12px;}
#copyright{display:inline;float:right;font-size:11px;color:#999;width:430px; text-align:right; margin-right:50px;}
#copyright a:{font-size:11px;color:#999;width:230px; text-decoration:none;}
#copyright a:hover{font-size:11px;color:#999;width:230px; text-decoration:underline;}