@import url('reset.css');

body {background:url(body-bg.png) center top repeat-x; font-family: Century Gothic, Arial, helvetica, sans-serif; font-size:11pt; color:#616161;}

div.fb {position:fixed; bottom:0; right:0; height:86px; width:86px; background:url(facebook.png) right top no-repeat; padding:0;}
.fb a {display:block; height:50px; width:50px; margin:25px 25px;}

#header {width:830px; margin:0 auto;clear:both; height:115px; background:url(header-floral.png) right top no-repeat;}
#logo 	{float:left; margin-top:24px;}
#logo a {display:block; background:url(logo.png) left top no-repeat; width:244px; height:91px;}

em {font-style: italic;}

h2 {margin-bottom:.2em;}
h4 {font-size:13pt; font-weight:bold; font-style: italic; color:#838383;}

h2 a {color:#e58600; text-decoration:none;}
h2 a:hover {font-style:italic;}

#prime-nav			{}
#prime-nav a		{color:#e48600; text-decoration: none;}
#prime-nav ul		{list-style: none; margin: 0; padding: 0; position: absolute; top:102px; left:50%; margin-left:-60px;}
#prime-nav ul li	{float:left; list-style: none; margin-right:25px;}

#content-container	{background:url(content-bg-grad.png) left 50% repeat-x #f7debd; border:1px solid #f3cb95; width:810px; margin:10px auto; padding:10px;}

#home3 				{height:360px; float:right;}
#home3 ul			{list-style: none; margin: 0; padding:0;}
#home3 li			{float:left; margin:0 0 5px 0; padding:0; text-indent:-9999px; clear:both;}
#home3 li, #home3 li a			{width:181px; height:120px; display:block;}
#home3 li#box1 		{background:url(home-box-1.png) center top no-repeat;}
#home3 li#box2 		{background:url(home-box-2.png) center top no-repeat;}
#home3 li#box3 		{background:url(home-box-3.png) center top no-repeat;}

#homelargepic		{height:369px; width:613px; text-indent:-9999px; float:left; background: url(home-large-pic.png) left top no-repeat;}

a {color:#e58600; text-decoration:underline;}
a:hover {color:#f2a840; text-decoration: none;}

#pt-home				{background:url(pt-home.png);}
#pt-about				{background:url(headings/about.png);}
#pt-how-to-enroll		{background:url(headings/how-to-enroll.png);}
#pt-pay-online			{background:url(headings/pay-online.png);}
#pt-class-schedule		{background:url(headings/class-schedule.png);}
#pt-locations			{background:url(headings/locations.png);}


#content				{background: #fff; border:1px solid #ddc7d1; padding:15px 18px;}
#content h1.img-head	{display:block; width:772px; height:42px; margin:0 auto 10px auto; background-position: top left no-repeat; text-indent: -9999px;}
#content p				{margin:0 0 .8em 0; line-height:1.4em;}

#footer			{width:830px ;margin:8px auto 0 auto; text-align: center; font-size:10pt; color:#e48600; background:rgba(255, 255, 255, 0.5); padding:5px 0; }
#footer a		{color:#e48600; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.legal			{font-size: 8pt;}

.rightie	{width:320px; padding:13px 18px; border: 1px solid #e48600; float:right; margin-left:50px;}
.rightie ul, .checklist	{list-style: url(bullet-check.gif) !important; margin-left:20px; font-size: 10pt;}
.rightie ul li, .checklist li {margin-bottom:6px;}

h2.home	{font-size: 18pt; color:#e58600; border-bottom:1px solid #ccc; margin-bottom:4px; margin-top:20px;}
h3.home {font-size:14pt; color:#fac554; text-align: right; margin-bottom:20px;}
h5.home {font-size: 10pt; text-align: right; margin-top:-20px; margin-bottom:30px;}

h5.home a{ color:#838383; text-decoration:none;}
h5.home a:hover {text-decoration: underline;}


.feature-box-wide, .feature-box-right 	{border:1px solid #f6ddba; padding:.7em .8em; margin-bottom:1em;}
.feature-box-wide h1, .feature-box-right h1 {font-size:13pt; color:#e58600; margin-bottom:1em;}
.feature-box-wide ul, .feature-box-right ul {list-style: url(plus-bullet.gif); padding-left:2.5em; font-size: 10pt; color:#838383}
.feature-box-wide li, .feature-box-right li {margin-bottom:.7em;}
.feature-box-right {float:right; width:345px; margin-left:1.2em}

.map {background: url(force-round-20.png) left top no-repeat;}

.course-schedule th	{font-size:13pt; text-align: left; font-weight: bold; font-style: italic; color:#e58600;}
.course-schedule th, .course-schedule td {border-bottom:2px dotted #ccc; padding:3px;}

#regform input {border:1px solid #ccc; font-size: 12pt; color:#666; padding:2px 4px; margin-bottom:7px;}