/*
Theme Name: Phyls Academy
Theme URI: http://phylsacademy.com/
Description: The default theme for Phyls Academy.
Version: 
Author: Maxwell Berkel
Author URI: http://solomediaworks.com/
Tags: one/two column, school, education

	This theme was designed and built by Maxwell Berkel.
	Developer at Solo Media Works (http://www.solomediaworks.com)

*/

html{color:#000; background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0; font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#000}del,ins{text-decoration:none}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*** General ***/
a {	color: #053CA9; text-decoration: none; }
a:hover { color: #0647CA; }
a.bulleted { background: url(images/bullet1.png) no-repeat 0 7px; margin: 0 0 4px 0; padding: 0 0 0 14px; }
a.back-to-top { font-size: 12px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: #fff url(images/main_bg.jpg) repeat-x top center; color: #111; text-align: center; }

h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, san-serif; font-weight: normal;	color: #000; margin: 0 0 10px 0; }
h1 { height: 44px; font-size: 44px; margin-bottom: 12px; }
h2 { height: 32px; font-size: 32px;	margin-bottom: 10px; }
h3 { height: 25px; font-size: 25px; margin-bottom: 2px; }
h4 { height: 22px; font-size: 18px; }

em { font-style: italic; }

h1.skip-sifr embed { display: none; }

iframe.bordered { border: 1px solid #dadada; background-color: #FDE370; padding: 6px; }

img, a img { border: 0; }
img.bordered { border: 1px solid #dadada; background-color: #FDE370; padding: 6px; }
img.left { margin: 0 15px 10px 0; }
img.right {	margin: 0 0 10px 15px; }

hr { border: 0; border-bottom: 1px dotted #bbbbbb; margin: 20px 0; clear: both; }

p {	margin: 0 0 12px 0; }
p.bulleted { background: url(images/bullet1.png) no-repeat 0 7px; margin: 10px 0 8px 0; padding: 0 0 0 14px; }
p.error, span.error { color: #ff0000; }
p.required, span.required {	color: #ff0000; }

ol, ul { margin: 12px 0 14px; }
ol li { list-style: decimal; margin: 0 0 6px 22px; padding-left: 2px; }
ul li { list-style: circle url(images/bullet1.jpg); margin: 0 0 6px 15px; padding-left: 2px; }

a.highlight, a.highlight:hover, span.highlight, p.highlight { color: #fdfccc; }


/*** Wrapper ***/
#wrapper { width: 864px; text-align: left; margin: 0 auto; }


/*** Header ***/
#header { height: 136px; padding-left: 52px; clear: both; }

#logo { display: block; width: 110px; height: 120px; float: left; text-indent: -99999px; margin-top: 14px; }

#main #header { background: url(images/header_bg_main.png) no-repeat bottom center; }
#fort-lauderdale #header { background: url(images/header_bg_fort_lauderdale.png) no-repeat bottom center; }
#jonesboro #header { background: url(images/header_bg_jonesboro.png) no-repeat bottom center; }
#miramar #header { background: url(images/header_bg_miramar.png) no-repeat bottom center; }


/*** Banner ***/
#banner { height: 317px; background: url(images/banner_bg.png) no-repeat top center;	text-align: center;	clear: both; }
#banner #slideshow, #choose-a-campus { width: 777px; height: 315px; margin: 0 auto; }
#banner #slideshow { padding-top: 15px; height: 295px; }
#banner #logo-footer { position: absolute; width: 120px; height: 53px; margin-left: 48px; }

#choose-a-campus { background: url(images/main_banner_bg.jpg) no-repeat 12px 0; }
#choose-a-campus ul { list-style: none; padding: 55px 0 0; margin: 0; }
#choose-a-campus ul li { display: inline; float: left; list-style: none; padding: 0; margin: 0; }
#choose-a-campus ul li a { display: block; width: 175px; height: 235px; text-indent: -99999px; margin-left: 3px; }
#choose-a-campus a.campus-brooklyn-ny { background: url(images/campus_brooklyn.jpg) no-repeat top center; margin-left: 32px; }
#choose-a-campus a.campus-fort-lauderdale-fl { background: url(images/campus_fort_lauderdale.jpg) no-repeat top center; }
#choose-a-campus a.campus-miramar-fl { background: url(images/campus_miramar.jpg) no-repeat top center; }
#choose-a-campus a.campus-jonesboro-ga { background: url(images/campus_jonesboro.jpg) no-repeat top center; }


/*** Top Quick Links Navigation ***/
#quick-links-nav { width: 640px; height: 20px; float: right; font-size: .8em; color: #AABCDF; margin-top: 14px; }
#quick-links-nav a, #quick-links-nav a:hover { color: #fff; }
#fort-lauderdale #quick-links-nav a.campus-fort-lauderdale, #fort-lauderdale #quick-links-nav a.campus-fort-lauderdale:hover,
#jonesboro #quick-links-nav a.campus-jonesboro, #jonesboro #quick-links-nav a.campus-jonesboro:hover,
#miramar #quick-links-nav a.campus-miramar, #miramar #quick-links-nav a.campus-miramar:hover { color: #FFCC00; }
#quick-links-nav .campus-location { color: #FFCC00; margin: 0 5px 0 10px; }
#quick-links-nav .mn-campus { margin-right: 15px; }
#quick-links-nav .mn-home { margin-left: 15px; }


/*** Navigation styles ***/
#nav { height: 25px; font-size: 14px; list-style: none; padding: 0; margin: 0 0 30px; clear: both; }

#nav li { display: inline; height: 25px; float: left; list-style: none; padding: 0; margin: 0; }
#nav li a { display: block; text-decoration: none; font-weight: bold; color: #000; white-space: nowrap; padding: 7px 9px 0;  }
#nav li a:hover { color: #000; }

#nav li ul { position: absolute; width: 175px; visibility: hidden; background: #FFCC00; padding: 0 0 15px 10px; margin: 0 0 0 -10px; }
#nav li ul li { float: none; display: inline; }
#nav li ul li a { width: auto; }
#nav li ul li a:hover {}


/*** Content styles ***/
#content { min-height: 380px; height: auto !important; height: 380px; background: url(images/content_bg.png) no-repeat top center;	padding: 0 45px 15px; clear: both; }

#content-main {	width: 515px; float: left; text-align: justify; }
body.no-sidebar #content-main {	width: auto; float: none; }

#content-sidebar { width: 220px; float: right; padding-top: 10px; }
#content-sidebar div.space { height: 28px; clear: both; }

.map { margin: 20px 0 0; clear: both; }

a.btn-larger-map { display: block; width: 272px; height: 44px; background: url(images/btn_larger_map.png) no-repeat top left; text-indent: -99999px; }

div.image-panel { text-align: center; padding: 18px 0 20px; }
div.image-panel img { border: 1px solid #dadada; background: #FDE370; margin: 0 auto;	padding: 6px; }
	
a.btn-make-a-payment { display: block;	width: 185px; height: 108px; background: url(images/sb_btn_make_a_payment.png) no-repeat top left; text-indent: -99999px; padding: 0; margin: 10px 0 4px; clear: both; }
a.btn-aftercare-payment { display: block; width: 185px; height: 138px; background: url(images/sb_btn_aftercare_payment.png) no-repeat top left; text-indent: -99999px; padding: 0; margin: 18px 0 0; clear: both; }

#status-message { background: #FEFFC2; border-bottom: 1px dotted #ccc; margin: 0 0 12px; padding: 20px 28px; clear: both; }
#status-message.errors { color: #fff; background-color: #f00;	font-weight: bold; }


/*** Footer ***/
#footer { text-align: center; font-size: 11px; padding: 25px 0 15px; clear: both; }
#footer p { margin: 0 0 6px; }

#footer-nav { height: 15px; list-style: none; padding: 0; margin: 0 0 5px; clear: both; }
#footer-nav li { display: inline; list-style: none; padding: 0; margin: 0; }
#footer-nav li a { margin: 0 8px; }

#powered-by { display: block; width: 90px; height: 36px; background: url(images/powered_by_smw.jpg) no-repeat top center; text-indent: -99999px;	margin: 10px auto 0; }


/*** Home page ***/
#content ul.jump-list { list-style: none; padding: 0 0 0 18px; margin: 0; }
#content ul.jump-list li { display: inline;	float: left; list-style: none; margin: 0; padding: 0; }
#content ul.jump-list li a { display: block; width: 239px; height: 88px; text-indent: -99999px; margin-bottom: 10px; }
#content ul.jump-list li a.student-registration { background: url(images/icon_student_registration.jpg) no-repeat top center; }
#content ul.jump-list li a.lunch-schedule { background: url(images/icon_lunch_menu.jpg) no-repeat top center; }
#content ul.jump-list li a.upcoming-events { background: url(images/icon_events_calendar.jpg) no-repeat top center; }
#content ul.jump-list li a.new-campus { background: url(images/icon_georgia_campus.jpg) no-repeat top center; }


/*** Map and directions ***/
#content ul.locations { width: 275px; float: left; list-style: none; margin: 0; }
#content ul.locations li { list-style: none; margin: 0; padding: 15px; }
#content ul.locations li.selected { background-color: #F0F8FF; border: 1px solid #E3EBF2; }
#content div.map { width: 480px;height: 470px; float: right; }
#content div.map iframe { border: 1px solid #dadada; background-color: #FDE370; padding: 6px; }


/*** Programs ***/
img.aftercare-logo { margin-left: 140px; clear: both; }


/*** Ads ***/
#ad-uniform-purchase { width: 416px; margin: 30px 0 10px; clear: both; }


/*** Buttons ***/
button { display: block; width: 124px; height: 44px; border: 0;	text-align: left; margin-bottom: 15px; }

button.back { 	background: url(images/btn_back.png) no-repeat top left; text-indent: -99999px; }
button.confirm { 	background: url(images/btn_confirm.png) no-repeat top left; text-indent: -99999px; }
button.continue { background: url(images/btn_continue.png) no-repeat top left;	text-indent: -99999px; }
button.download {	background: url(images/btn_download.png) no-repeat top left; text-indent: -99999px; }
button.larger-map { background: url(images/btn_larger_map.png) no-repeat top left;	text-indent: -99999px; }
button.print { background: url(images/btn_print.png) no-repeat top left;	text-indent: -99999px; }
button.sign-in {	background: url(images/btn_sign_in.png) no-repeat top left; text-indent: -99999px; }
button.submit {	background: url(images/btn_submit.png) no-repeat top left; text-indent: -99999px; }
button.subscribe {	background: url(images/btn_subscribe.png) no-repeat top left; text-indent: -99999px; }


/*** UI Tabs ***/
ul.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; }
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style:none !important; }

ul.tabs a { background: url(images/tabs_bg.png) no-repeat -652px 0; font-size:15px; font-weight: bold;	display:block; height: 30px; line-height:30px; width: 111px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; }
ul.tabs a:active { outline:none; }
Ul.tabs a:hover { background-position: -652px -31px; color:#fff;	}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-position: -652px -62px; cursor:default !important; color:#000 !important; }

ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }

ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

ul.tabs a.w4 { background-position: -0px -0px; width:248px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }

div.panes div.pane { display:none; }
div.panes div { min-height: 290px; border:1px solid #999; border-top:0; padding: 15px; }