/*  GLOBAL SETTINGS
===============================*/

body,html,a,p,div,table,tr,td,input,textarea,h1,h2,h3,h4,ul,li,img{
	margin:0px;
	padding:0px;
	border:0px;	
}

div {
	display:block;
}

html {
	overflow:auto;
}

html,body { 
	min-height:735px;
	height: 100% !important;
	height: 735px;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	background-color: #fff; 
	color: #333;
}

a {
	color:#016648;
}
.hideForPrint {
	display:none;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1050px;	
	height:100% !important; /* real browsers */
	height:735px; /* IE6: treaded as min-height*/
	min-height:735px; /* real browsers */
	background: transparent url('../images/main_bg.jpg');
}

/*  HEADER
===============================*/

#header {
	position:absolute;
	top:0;
	background: transparent url('../images/header_bg.jpg');
	width:100%;
	height:74px;
}

#header .logo {
	position:absolute;
	left:30px;
	top:20px;
	width:440px;
	height:49px;
	display:block;
	background: transparent url('../images/banner_logo.png?v2') no-repeat;
}

#header .logo_name {
	position:absolute;
	left:35px;
	top:29px;
	height:30px;
	display:block;
	font-size:1.9em;
	letter-spacing:0.18em;
	line-height:30px;
	color: #F2EC86;
	text-align:left;
	text-shadow: 0px 2px 3px #333;
}

#header .link {
	position:absolute;
	right:35px;
	top:31px;
	height:30px;
	display:block;
	font-size:1.2em;
	letter-spacing:0.1em;
	text-align:right;
	text-shadow: rgba(55, 55, 55, 0.75) 0px 2px 0px;
	z-index:25;
}

#header .link a {
	line-height:30px;
	display:block;
	color: #F2EC86;
	text-decoration:none;
	background: transparent url('../images/big_yellow_arrow.png?v2') no-repeat top right;
	padding-right:45px;
}

#header .link a:hover {
	text-decoration:none;
	color:#fff;
}

#header_shadow {
	width:100%;
	height:8px;
	background: transparent url('../images/header_shadow_bg.png?v2') no-repeat;
	position:absolute;
	top:0px;
	z-index:99;
}

/*  MAIN
===============================*/

#main {
	width:100%;
	position:absolute;
	top:74px;
	bottom:56px;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -131 +'px' : body.clientHeight -131 +'px');
	min-height:600px;
}

/*  MAIN NAV
===============================*/

#main_nav {
	background-color: transparent;
	background-image: url('../images/main_nav_bg.png?v2');
	background-repeat: no-repeat;
	position:relative;
	top:0px;
	left:16px;
	width:1018px;
	height:424px;
	z-index:900;
	visibility:hidden;
	line-height:17px;
}

#main_nav h1 {
	padding:20px 0 6px;
	color:#333333;
	font-size:15px;
}

#main_nav h2 {
	padding-bottom:3px;
	color:#333333;
	font-size:12px;	
}

#main_nav a {
	color:#444444;
	font-size:11px;
	text-decoration:none;
}

#main_nav a:hover {
	text-decoration:underline;
	color:black;	
}

#main_nav .main_nav_column_01 {
	position:absolute;
	left:109px;
	top:0px;
	width:333px;
	height:313px;
}

#main_nav .main_nav_column_01 .mini_column {
	position:absolute;
	left:195px;
	top:0px;
	width:167px;
	height:127px;
}

#main_nav .main_nav_column_02 {
	position:absolute;
	left:467px;
	top:0px;
	width:333px;
	height:313px;	
}

#main_nav .main_nav_quicklinks {
	position:absolute;
	right:67px;
	top:30px;
	width:164px;
	height:313px;	
}

#main_nav .main_nav_quicklinks h1 {
	padding:0;
	border:1px solid #dddddd;
	text-align:center;
	font-size:15px;
	display:block;
	width:162px;
	height:41px;
	line-height:41px;
	color:#333333;
}

#main_nav .main_nav_quicklinks .links {
	margin-top:4px;
	text-align:center;
	border:1px solid #dddddd;
}

#main_nav .main_nav_quicklinks .links a {
	font-size:15px;
	display:block;
	width:162px;
	height:37px;
	line-height:37px;
}

#main_nav .main_nav_quicklinks .links a:hover {
	background-color:#7B9B7B;
	color:#fff;
	text-decoration:none;
}

#main_nav .main_nav_quicklinks .links .line {
	display:block;
	overflow:hidde;
	width:152px;
	height:1px;
	margin:0 auto;
	background-color:#cccddd;
}

#main_nav_open {
	cursor:auto;
	position:absolute;
	display:block;
	top:0px;
	left:538px;
	width:264px;
	height:56px;
	background: transparent url('../images/nav_open.png?v2') no-repeat;
}

#main_nav_open:hover {
	cursor:auto;
	background: transparent url('../images/nav_open.png?v2') no-repeat 0% -58px;
}

#main_nav_close {
	position:absolute;
	top:368px;
	left:738px;
	width:264px;
	height:56px;	
}

/*  SIDEBAR
===============================*/

#search{
	position:absolute;
	left:10px;
	top:25px;
	width:190px;
	height:23px;
	background: transparent url('../images/search_bg.png?v2') no-repeat;
	padding:4px 5px;
	*padding:2px 5px;
}

#search form input.form_light {
	padding:0 1px 1px;
	color:#aaa;
}

#search form input.form_dark {
	padding:0 1px 1px;
	color:#000;
}


#sidebar {
	position:absolute;
	top:0px;
	left:16px;
	width:200px;
	bottom:0px;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -131 +'px' : body.clientHeight -131 +'px');
	overflow:hidden;  
	min-height:600px;
}

#page_list {
	width:200px;
	overflow-x:hidden;  
	overflow-y:auto;
	bottom: 180px;
	left: 0px;
	right: auto;
	top: 70px;
	position:absolute;
	height:expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -306 +'px' : body.clientHeight -306 +'px');
	min-height:600px;
	}

#page_list a {
	text-decoration:none;
}

#page_list .page_button {
	display:block;
	background: transparent url('../images/sidebar_list_item_bottom.png?v2') no-repeat left bottom;
	height: 32px;
	overflow: hidden;
	width: 200px;
	position:relative;
	cursor:default;
}

#page_list .page_button_top {
	display:block;
	background: transparent url('../images/sidebar_list_item_bottom.png?v2') no-repeat left bottom;
	height: 2px;
	overflow: hidden;
	width: 210px;
	position:relative;
	cursor:default;
	}

#page_list .page_button:hover {
	background: url('../images/sidebar_list_item_hover.png?v2') no-repeat left bottom;
}

#page_list .page_button.sel{
	background: url('../images/sidebar_list_item_select.png?v2') no-repeat left bottom;
}

#page_list .page_button.sel:hover {
	background: url('../images/sidebar_list_item_select.png?v2') no-repeat left bottom;
}

#page_list .page_button .title {
	float: left;
	height: 21px;
	padding-top: 3px;
	position: relative;
	top: 4px;
	left:20px;
	white-space: nowrap;
	width: 155px;
	color: rgb(64, 71, 77);
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px 0px;
}

#page_list .page_button.sel .title {
	top: 5px;
	color: white;
	text-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 0px;
}

/*  CONTENT
===============================*/

#content {
	background: transparent url('../images/watermark_sun_sea.jpg') no-repeat center 65%;
	position:absolute;
	top:0px;
	left:216px;
	right:16px;
	bottom:0px;
	width:818px;
	overflow:hidden;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -131 +'px' : body.clientHeight -131 +'px');
	min-height:600px;
}

#content_header {
	position:absolute;
	top:0px;
	left:0px;
	width:816px;
	height:56px;
}

#content_header h1 {
	padding:12px 0 12px 20px;
	width:537px;
	height:56px;
	color:#016648;
	font-size:35px;
	font-weight:bold;
	text-shadow: 0px 2px 3px #999;
}

#content_main {
	position:absolute;
	top:56px;
	left:0px;
	bottom:0px;
	width:816px;
	height: expression(document.compatMode=='CSS1Compat'? document.documentElement.clientHeight -186 +'px' : body.clientHeight -186 +'px');
	overflow-x:hidden;
	overflow-y:auto;
	min-height:545px;
}

#content_main h2 {
	padding-bottom:5px;
}


/*  POP UP with footer
===============================*/

#app_pop_up {
	display:none;
	width:650px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-225px auto auto -325px;
	z-index:100;
	background: transparent url('../images/popup_top_bg.png?v2') no-repeat;
	overflow:hidden;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:50;	
}

#app_pop_up .close {
	background: url('../images/widget_close.png?v2') no-repeat;
	cursor: pointer;
	display: block;
	height: 28px;
	margin: 0px -3px -3px 10px;
	outline: none;
	position: relative;
	text-indent: -9999px;
	top: 13px;
	width: 28px;
	z-index: 101;
}
#app_pop_up_content {
	background: transparent url('../images/popup_footer_bg.png?v2') no-repeat bottom left;
	overflow:hidden;
}
.app_pop_up_main {
	background: transparent url('../images/popup_middle_bg.png?v2');
	padding:20px 50px;
	min-height:235px;
	overflow:hidden;
}
.app_pop_up_footer {
	position:relative;
	background:none;
	height:57px;
}

/*  POP UP no footer
===============================*/

#pop_up {
	visibility:hidden;
	display:block;
	width:650px;
	height:450px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-225px auto auto -325px;
	z-index:200;
	background: transparent url('../images/popup_bg.png?v2') no-repeat;
}

#pop_up .close {
	background: url('../images/widget_close.png?v2') no-repeat;
	cursor: pointer;
	display: block;
	height: 28px;
	margin: 0px -3px -3px 10px;
	outline: none;
	position: relative;
	text-indent: -9999px;
	top: 13px;
	width: 28px;
	z-index: 201;
}

#pop_up_content {
	margin:20px 50px;
	overflow:hidden;
}

.pop_up_heading {
	padding-bottom:7px;
	width:100%;
	border-bottom:3px solid #016648;
	color:#016648;
	font-size:20px;
	font-weight:bold;
	text-shadow: 0px 2px 3px #999;
}

.pop_up_heading select {
	position:relative;
	top:-2px;
	*top:0px;
}

.pop_up_subheading {
	line-height:1.5em;
	padding:10px 0;
	width:100%;
	color:black;
	font-size:15px;
	font-weight:bold;	
}
.pop_up_details{
	max-height:375px;
	color:#222;
	line-height:1.75em;
	overflow:auto;
}

.pop_up_details a, ul.pop_up_list li a {
	color:#016648;
	font-size:1.15em;
	text-decoration:none;
}

.pop_up_details a:hover, ul.pop_up_list li a:hover {
	text-decoration:underline;
}

ul.pop_up_list {
	margin-left:15px;
	padding-top:12px;
	line-height:2em;
	list-style:none;
}

ul.pop_up_list li {
	background: transparent url('../images/bullet.png?v2') no-repeat 0px 50%;
}

ul.pop_up_list li a {
	margin-left:15px;
}



/*  FOOTER
===============================*/
#footer_email_form,
#popup_email_form {
	display:none;
	position:absolute;
	bottom:57px;
	right:40px;
	width:200px;
	border:1px solid #d0d0d0;
	background-color:#fff;
	padding:10px 15px 15px;
	z-index:40;
	border-bottom:none;
}
.close_email_form{
	width:100%;
	text-align:right;
	display:block;
	margin-bottom:10px;
	color:#016648;
	font-size:10px;
	cursor:pointer;
}
#footer_email_form .form_light,
#popup_email_form .form_light {
	color:#aaa;
}

#footer_email_form .form_dark,
#popup_email_form .form_dark {
	color:#000;
}
#footer_email_form .red,
#popup_email_form .red {
	color:darkred;
}
#email_sent_message,
#popup_email_sent_message {
	display:none;
	padding:25px 0px;
	display:block;
	color:darkgreen;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
#footer_email_form a.button,
#footer_email_form input,
#footer_email_form textarea,
#popup_email_form a.button,
#popup_email_form input,
#popup_email_form textarea {
	display:block;
	border:1px solid #d0d0d0;
	padding:4px;
	color:#333;
	width:95%;
	margin-bottom:15px;
}
#footer_email_form a.button,
#popup_email_form a.button {
	color:#fff;
	background-color:#587E67;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin-bottom:0px;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 0px;
}
#footer_email_form a.button:hover,
#popup_email_form a.button:hover {
	background-color:#42594B;
}
#footer_email_form p,
#popup_email_form p {
	font-size:10px;
	margin-bottom:15px;
	line-height:1.5em;
}
#footer {
	background: transparent url('../images/footer_bg.jpg');
	position:absolute;
	width:100%;
	bottom:0;
	height:56px;
}

/*  TOOLBAR
===============================*/

.toolbar {
	display:block;
	position:absolute;
	top:0px;
	right:25px;
}

.toolbar li {
	display:inline;
}

#toolbar_hint{
	position:relative;
	top:9px;
	vertical-align:top;
	color:#222;
	visibility:hidden;
	margin:0px 10px;
	font-weight:bold;
	text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
}

.toolbar_icon {
	background: transparent url('../images/toolbar_icons.png?v2') no-repeat 0px 0px;
	margin:3px 3px 0px;
	cursor:pointer;
}

.toolbar_download{
	background-position: 0px 0px;
}
.toolbar_download:hover{
	background-position: -54px 0px;
}
.toolbar_download_calendar{
	background-position: 0px -383px;
}
.toolbar_download_calendar:hover{
	background-position: -52px -383px;
}
.toolbar_feedback{
	background-position: 0px -33px;
}

.toolbar_feedback:hover{
	background-position: -53px -33px;
}

.toolbar_email_send {
	background-position: -6px -480px;
}

.toolbar_email_send:hover{
	background-position: -58px -480px;
}

.toolbar_email_page {
	background-position: 0px -66px;
}

.toolbar_email_page:hover{
	background-position: -53px -66px;
}

.toolbar_email_current_list{
	background-position: 0px -66px;
}

.toolbar_email_current_list:hover{
	background-position: -53px -66px;
}

.toolbar_add{
	background-position: 2px -99px;	
	
}

.toolbar_add:hover{
	background-position: -51px -99px;	
}

.toolbar_logout{
	background-position: 0px -132px;
	margin:3px 2px 0px !important;
}

.toolbar_logout:hover{
	background-position: -53px -132px;
}

.toolbar_print_page{
	background-position: 0px -164px;
}

.toolbar_print_page:hover{
	background-position: -53px -164px;
}

.toolbar_subscribe_to_calendar{
	background-position: 0px -413px;
}

.toolbar_subscribe_to_calendar:hover{
	background-position: -52px -413px;
}
.toolbar_rss{
	background-position: 0px -226px;
}

.toolbar_rss:hover{
	background-position: -53px -226px;
}
.toolbar_blog_admin{
	background-position: 0px -258px;
	margin:3px 3px 0px !important;
}

.toolbar_blog_admin:hover{
	background-position: -53px -258px;
}
.toolbar_delete{
	background-position: 0px -289px;
	margin:3px 3px 0px !important;
}
.toolbar_delete:hover{
	background-position: -53px -289px;
}
.toolbar_save{
	background-position: 0px -319px;
	margin:3px 3px 0px !important;
}
.toolbar_save:hover{
	background-position: -53px -319px;
}
.toolbar_save_as{
	background-position: 0px -351px;
	margin:3px 3px 0px !important;
}
.toolbar_save_as:hover{
	background-position: -52px -351px;
}
.toolbar_graduate{
	background-position: -2px -446px;
}

.toolbar_graduate:hover{
	background-position: -54px -446px;
}

/*  MISC BUTTONS
===============================*/

.grey-button-outer{
	background: transparent url('../images/controls.png?v2') no-repeat 100% -864px;
	background-attachment: scroll;
	color: rgb(28, 79, 173);
	cursor: default;
	display: block;
	height: 24px;
	margin: 0px 2px;
	padding: 0px 16px 0px 0px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px 0px;
}

.grey-button-inner{
	background: transparent url('../images/controls.png?v2') no-repeat 0px -720px;
	display: block;
	height: 24px;
}

.grey-button-inner .label {
	font-family:helvetica;
	background: transparent url('../images/controls.png?v2') repeat-x 0px -240px;
	color: black;
	display: block;
	font-size: 13px;
	font-weight: normal;
	height: 14px;
	margin-left: 16px;
	min-width: 48px;
	padding: 3px 0 7px;
	text-align: center;
	text-shadow: rgba(206, 214, 221, 0.74902) 0px 1px 0px;
	white-space: nowrap;
}