@import url("jquery.lightbox-0.5.css");

@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;	
	background-color:#00ACD4;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color:#0065A3;
	line-height:1.5em;
	background:#00ACD4 url(../img/main_bg.jpg) top center no-repeat; margin:0 auto;
}

td {
    background:none 
}
img {
	border: 0px;
	}
a:link {
	color:#0065A3;
}
a:visited {
	color:#0065A3;
}
a:hover {
	color:#0065A3;
}
a:active {
	color:#0065A3;
}
	
.clear_float { clear: both; }

h2{
	font-size:16px;
	font-weight:bold;
	margin: 15px 0 10px 0;
}
h1 {
	font-size:18px;
	font-weight:bold;
	margin: 15px 0 10px 0;
}
#main {
		width:860px;
		margin:0 auto;
}

#header {
		width:100%;
		height:100px;
		position:relative;
		padding: 0px;
		margin: 0px 0px 50px 0px;
}
#subhead{
	margin-bottom:15px;	
}

#subhead .indent {
	margin-left:195px;
	margin-top:0px;
	z-index:1000;
	position:absolute;
}
#nav-wrap {
		float:right;
		width:740px;
		margin-top:10px;
		padding:0px;
	}
#logo {
	    float:left;
		width:104px;
		margin-top:15px;
	}
.section-wrap{
	/*border-bottom:#4DB7F1 1px solid;*/
	margin: 25px 0 1px 15px;
	padding-bottom: 25px;	
	position:relative;	
}
.section-wrap-bottom{
	border-bottom:;
	margin: 25px 0 25px 15px;
	padding-bottom: 25px;	
	position:relative;	
}
.section-cta{
	margin-top:15px;
	float:right;
	}
.red-cta{
	font-family:'Comic Sans MS', cursive;
	font-size:24px;
	font-weight:bold;
	color:#D11241;
	text-align:center;
	display:block;
	line-height:1.25em;	
}
.solid {
	width: 100%;
	height: 1px;
	background:url(../img/solidline_repeat.jpg) repeat-x;
	margin: 5px 0 5px 0;
	_margin: 3px 0 -9px 0;
	text-align: center;
}
#book-event
{
	display: block;
	width:222px;
	height: 60px;
	background: url('../img/cta/book_event.jpg') no-repeat 0 0;
}

#book-event:hover
{ 
background-position: 0 -60px;
}
#view-more
{
	display: block;
	width:190px;
	height: 60px;
	background: url('../img/cta/view_more.jpg') no-repeat 0 0;
}

#view-more:hover
{ 
background-position: 0 -60px;
}
#book-event-small
{
	display: block;
	width:155px;
	height: 40px;
	background: url('../img/cta/book_event_small.jpg') no-repeat 0 0;
}

#book-event-small:hover
{ 
background-position: 0 -40px;
}
#view-tools
{
	display: block;
	width:300px;
	height: 60px;
	background: url('../img/cta/view_ed_tools.jpg') no-repeat 0 0;
}

#view-tools:hover
{ 
background-position: 0 -60px;
}
#view-tools-small
{
	display: block;
	width:205px;
	height: 40px;
	background: url('../img/cta/view_ed_tools_small.jpg') no-repeat 0 0;
}

#view-tools-small:hover
{ 
background-position: 0 -40px;
}
#learn-more-small
{
	display: block;
	width:155px;
	height: 40px;
	background: url('../img/cta/learn_more_small.jpg') no-repeat 0 0;
}

#learn-more-small:hover
{ 
background-position: 0 -40px;
}
#intro-box {
		float:left;
		width:517px;
		padding:80px 15px 5px 15px;
		background: url('../img/intro_box.jpg') no-repeat;
	}
#intro-main-copy{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#D9EFF4;
		width:517px;
	}
#intro-cta{
	font-family:'Comic Sans MS', cursive;
	font-size:16px;
	margin: 5px 0 25px 0;
	line-height:2em;
	text-align:center;
	color:#FFFFFF;
	}
#intro-cta-bold{
	text-decoration:underline;
	font-size:34px;
	font-weight:bold;	
}
#intro-contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#D9EFF4;
	text-align:center;
}
#apipa-logo {
		float:right;
		width:250px;
	}
#calendar-wrap{
  width:839px;
	background: url('../img/calendar_bg.jpg');
	height:225px;
	overflow:hidden;
}
#calendar-large-wrap{
    width:840px;	
}		
ul.calendar{
	width:840px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.calendar li {
	float:left;
	display:inline;
	margin-left:18px;
	margin-right:20px;
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0065A3;
	width:70px;
	padding: 0px 5px;
}
ul.img-gallery{
	width:840px;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.img-gallery li {
	float:left;
	display:inline;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0065A3;
	width:237px;
	padding: 0px 5px;
	text-align:center;
}
ul.img-gallery li h2 {
	margin-top:10px;
	margin-bottom:0px;
	
}
ul.calendar-large{
	width:840px;
	list-style: none;
	padding: 0px;
}

ul.calendar-large li {
	float:left;
	display:inline;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	margin-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0065A3;
	width:60px;
	padding: 0px 5px;
}
#section-img{
	float:left;
	margin-right:25px;
}
#footer{
	position:relative;	
	margin:0px;
}
/***********NAVIGATION************/
ul.nav
{
	list-style: none;
	padding: 0px;
}

.displace {
    position: absolute;
	left: -5000px;
} 

ul.nav li { 

float:left;

}

ul.nav li a
{
display: block;
height: 70px;
background: url('../img/nav/nav.jpg');
}

/*NORMAL LINKS*/

ul.nav li.home a
{
background-position: 0 0;
width:89px;
}
ul.nav li.news a
{
background-position: -89px 0;
width:97px;
}
ul.nav li.about a
{
background-position: -186px 0;
width:97px;
}
ul.nav li.tools a
{
background-position: -283px 0;
width:97px;
}
ul.nav li.community a
{
background-position: -380px 0;
width:160px;
}
ul.nav li.members a
{
background-position: -540px 0;
width:160px;
}

/*HOVER LINKS*/

ul.nav li.home a:hover
{
background-position: 0 -70px;
width:89px;
}
ul.nav li.news a:hover
{
background-position: -89px -70px;
width:97px;
}
ul.nav li.about a:hover
{
background-position: -186px -70px;
width:97px;
}
ul.nav li.tools a:hover
{
background-position: -283px -70px;
width:97px;
}
ul.nav li.community a:hover
{
background-position: -380px -70px;
width:160px;
}
ul.nav li.members a:hover
{
background-position: -540px -70px;
width:160px;
}


/*ACTIVE LINKS*/

ul.nav li.home a.current
{
background-position: 0 -70px;
width:89px;
}
ul.nav li.news a.current
{
background-position: -89px -70px;
width:97px;
}
ul.nav li.about a.current
{
background-position: -186px -70px;
width:97px;
}
ul.nav li.tools a.current
{
background-position: -283px -70px;
width:97px;
}
ul.nav li.community a.current
{
background-position: -380px -70px;
width:160px;
}
ul.nav li.members a.current
{
background-position: -540px -70px;
width:160px;
}

/********END NAVIGATION**********/

/***SUBPAGE SETUP********/

#subpage-wrap{
	margin:25px 0 0 15px;
	position:relative;	
	}
#left-column {
	float:left;
	width:560px;
	padding-right:15px;
}

#left-column p {
	margin-bottom:35px;	
}

#right-column{
	float:right;
	width:245px;
	padding-left:20px;
	border-left:#4DB7F1 1px solid;
}
.sidebar-item{
	margin-bottom:100px;
}

/******END SUBPGAGE SETUP*********/

#about-btm{
	margin: 0px;
	height:276px;
	position:relative;
	background: url('../img/about_btm.png') no-repeat;
}
#about-btm-home{
	height:276px;
	position:relative;
	background: url('../img/about_btm.png') no-repeat;
}
 .submit_button {
  width: 110px;
  height: 41px;
  padding: 0;
  border: 0;
  background: transparent url(../img/submit_button.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}



/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #400;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #000;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #333;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

