html {
	height:100%;
}

body {
	background:url(../image/body_bg.png) repeat-x scroll 0 0 #1D395A;
	font-family:"Century Gothic";
	font-size:12px;
	margin:0px;
	height:100%;
}

li.sortable {
	position:relative;
	overflow:auto;
}

.handle {
	cursor:move;
}

div.handle {
	background:url(../image/handle.gif) repeat scroll 0 0 transparent;
	cursor:move;
	float:left;
	width:8px;
	height:100%;
}

#menu ul div.handle {
	background:url(../image/handle_white.gif) repeat scroll 0 0 transparent;
}

#container {
	clear:both;
	margin:0px auto;
	width:900px;
	background-color:#22446A;
	min-height:100%;
	position:relative;
	overflow:auto;
}

#header {
	color:#fff;	
	text-align:center;
	background:url(../image/body_bg.png) repeat-x scroll 0 0 #1D395A;
}

#header table {
	margin:0px auto;
}

#header h1 {
	font-size:25px;
	font-weight:normal;
	margin:1px;
	/* text-shadow: #FFF 0px 0px 5px; */
}

/* MENU */

#menu {
	display:block;
	height:28px;
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:13px;
	background:url(../image/menu_bg.gif) repeat-x 0px 0px;
	line-height:29px;
	border-bottom:1px solid #E9C46B;
}
#menu li {
	display:block;
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
}
#menu li.selected {
	background:#E9C46B;
}
#menu li:hover {
	background:url(../image/menu_hover.gif) repeat-x 0px 0px;
}
#menu a {
	color: #000;
	display: block;
	padding: 0px 10px;
	text-decoration:none;
}

/* SUBMENU */

#menu ul {	
	display: none;
	list-style: none;
	padding: 0px 0px 1px 0px;
	margin: -1px 0px 0px;
	position: absolute;	
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	background: #2F353B;
	border: 1px solid #DFBD6B;
	text-align: left;
	z-index: 99;
	white-space:nowrap;
}
#menu li:hover ul {
	display:block;
}
#menu ul li {
	float:none;
	padding:0px;
	margin:0px;
}
#menu ul a
{
	color: #fff;
}
#menu ul a:hover
{
	background: #000;
}

#shadow {
	height:10px;
	position:absolute;
	width:900px;
	background:url(../image/shadow.png) repeat-x 0px 0px;
}

#banner {
	background-position:center center;
	background-repeat:no-repeat;
}

/* WELCOME */

#welcome {
	background:url(../image/welcome_bg.gif) repeat-x scroll center top #EBC978;
	border-bottom:1px solid #05284F;
	border-top:1px solid #05284F;
	clear:both;
	color:#000000;
	margin:0;
	padding:10px;
	text-align:center;
}
#welcome h1 {
	font-size:14px;
	margin:0px 0px 5px;
}
#welcome p {
	padding:0px 80px;
}


/* CONTENT */

#content {

}

div.contents ul, div.contents ol {
	padding-top:5px;

}
div.contents ul {
	list-style-type:square;

}

div.contents li {
	padding-bottom:5px;	
}

ul.col {
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-top:10px;
	float:left;
	list-style:none;
	padding-bottom:60px;
}
ul.small {
	width: 240px;
}
ul.medium {
	width: 380px;
}
ul.large {
	width: 630px;
}
ul.full {
	width: 880px;
}
div.module {
	margin-bottom:10px;
	padding-bottom:15px;
	overflow:auto;
}

div.module p
{
	margin:10px 0px 0px 0px;
}


ul.col H1, ul.col H2, ul.col H3 {
	color: #000;
	font-size: 13px;
	margin: 0px;
	padding:0px;
	font-weight: bold;
}
ul.col h2 {
	color:#FFFFFF;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	height:21px;
	line-height:21px;
	margin:0;
	padding:0;
	text-align:center;
}
ul.small h2 {
	background:url(../image/module_heading/small.gif) no-repeat scroll 0 0 transparent;
}
ul.medium h2 {
	background:url(../image/module_heading/medium.gif) no-repeat scroll 0 0 transparent;
}
ul.large h2 {
	background:url(../image/module_heading/large.gif) no-repeat scroll 0 0 transparent;
}
ul.full h2 {
	background:url(../image/module_heading/full.gif) no-repeat scroll 0 0 transparent;
}

ul.small div.module {
	background:url(../image/module_yellow/small.gif) no-repeat scroll left bottom transparent;
}
ul.medium div.module {
	background:url(../image/module_white/medium.gif) no-repeat scroll left bottom transparent;
}
ul.large div.module {
	background:url(../image/module_white/large.gif) no-repeat scroll left bottom transparent;
}
ul.full div.module {
	background:url(../image/module_white/full.gif) no-repeat scroll left bottom transparent;
}

ul.small div.custom, ul.medium div.custom, ul.large div.custom, ul.full div.custom {
	background:none;
}

div.module div.contents {
	background:none repeat scroll 0 0 #FFFFFF;
	border-left:1px solid #1B3A5D;
	border-right:1px solid #1B3A5D;
	margin:0px;
	padding:0px 10px 10px 10px;
	text-align:left;
	overflow:auto;
}

div.module div.calendar {
	padding:0px;
}

/* ANNOUNCEMENTS MODULE */

ul.small div.announcements {
	background:url(../image/module_gray/small.gif) no-repeat scroll left bottom #22446A;
}
ul.medium div.announcements {
	background:url(../image/module_gray/medium.gif) no-repeat scroll left bottom #22446A;
	padding-bottom:7px;
}
ul.large div.announcements {
	background:url(../image/module_gray/large.gif) no-repeat scroll left bottom #22446A;
	padding-bottom:7px;
}
ul.full div.announcements {
	background:url(../image/module_gray/full.gif) no-repeat scroll left bottom #22446A;
	padding-bottom:7px;
}

ul.col div.announcements div.contents {
	background:#A4B2C0;
	padding-bottom:0px;
}
div.contents ul.announcements, div.contents UL.files, div.contents UL.links
{
	list-style: none;
	list-style-type:none;
	margin:5px -5px 0px -5px;
	padding: 0px;
}

div.contents UL.files LI, div.contents UL.links LI
{
	text-align: left;
	line-height: 22px;
	padding:0px;
}
UL.files a, UL.links a
{
	padding-left:5px;
}

UL.files LI, UL.links LI
{
	background: #FFFFFF;
}
UL.files LI.i2, UL.links LI.i2
{
	background: #F0F1F4;
}

ul.announcements li
{
	text-align: left;
	border: 1px solid #8593A1;
	padding: 10px;
	background: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 5px;
}
div.date {
	color:#768594;
}
UL.files LI SPAN.type
{
	float: right;
	color: #768594;
	padding-right: 5px;
}



#toolbar
{
	float:left;
	width:100%;
	padding: 0px 0px;
	background: #474747;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	clear:both;
}

#toolbar A 
{
	float: left;
	text-decoration:none;
	margin:5px 10px;
	color: #FFFFFF;
	font-size:10px;
	width:55px;
	text-align:center;
}

#toolbar A IMG
{
		border:0px;
		
}

form.options td {
	padding:2px 4px 2px 0px;
}

form.options textarea.rich {
	width:100%;
	height:351px;
}

div.actions button, form.options input[type=submit] {
	width:80px;	
}


div.edit {
	background-color:#000;
	clear:both;
	margin:0;
	padding:5px 0;
	text-align:right;
}

div.edit a {
	color:#FFF;
	font-size:11px;
	margin:0 4px;
}

a.properties {
	background:url(../image/staff/properties.gif) no-repeat scroll left center transparent;
	padding-left:16px;
}

a.delete {
	background:url(../image/staff/delete.gif) no-repeat scroll left center transparent;
	padding-left:15px;
}

span.spacer {
	padding:10px;
}

a.add {
	background:url(../image/staff/add.gif) no-repeat scroll left center transparent;
	padding-left:13px;
}

a.edit {
	background:url(../image/staff/edit.gif) no-repeat scroll left center transparent;
	padding-left:8px;
}

span.error {
	color:darkred;
	margin:5px;
}

div.error {
	color:darkred;
	margin:0px 5px;
}

div.actions {
	clear:both;
	margin-top:10px;
	text-align:right;
}

fieldset {
	padding:10px;
}

span.edit_item  {
	float:right;
	line-height:0;
	padding:2px;
	text-align:right;
}

span.edit_item a {
	float:left;	
	background:url(../image/staff/edit_button.gif) repeat scroll 0 0 transparent;
	border:0px;
	height:17px;
	margin:0px 0px 0px 1px;
	padding:0px;
	width:18px
}

span.edit_item a.delete {
	background:url(../image/staff/delete_button.gif) repeat scroll 0 0 transparent;
}

li.add {
	padding-bottom:5px;
	text-align:center;
}

div.add {
	text-align:center;
	padding-top:5px;
}

a.add {
	background:url(../image/staff/add.gif) no-repeat scroll left center transparent;
	color:#FFF;
	padding-left:13px;

}













#thumb_container {

	clear:both;
	height:350px;
	overflow:auto;
	border:1px solid black;
	background:white;
}

#thumb_container div {
	width:162px;
	height:162px;
	float:left;
	margin:5px;
	border:1px solid white;
	position:relative;
}

#thumb_container div:hover {
	border:1px solid #b8d6fb;
	background:#ecf3fd;
}

#thumb_container div.on {
	border:1px solid #84acdd;
	background:#d0e5fe;
}

#thumb_container div input {	
	display:none;
}

#thumb_container span {
	position:absolute;
	bottom:5px;
	width:100%;
}

#thumb_container div img {
	display:block;
	border:1px solid #b9b9b9;
	margin:auto;
}

#progress_bar_container {
	height:20px;
	width:80%;
	float:right;
	border:1px solid #b2b2b2;
	padding:1px 0px;
	margin:0px;
	visibility:hidden;
	background:white;
}

#progress_bar_container div {
	height:20px;
	background:#58cc6c;
	width:0px;
	line-height:20px;
	text-align:center;
	color:white;
	font-weight:bold;
}

#with_selected, #select_help {
	height:30px;
	line-height:30px;
}

#with_selected {
	display:none;
}

#select_info {
	padding-left:5px;
	width:120px;
}

div.preview {
	width:160px;
	height:160px;
	float:left;
}
div.preview img {
	margin:auto;
	display:block;
	border:1px solid #b9b9b9;
}

div.properties {
	width:160px;
	height:160px;
	float:left;
	padding-right:10px;
}

div.properties textarea {
	width:150px;
	height:80px;
}

#footer {
	padding:10px;
	text-align:center;
	clear:both;
	color:white;
}

#footer a {
	color:white;
}


/*Homepage Quicklinks*/
UL#quicklinks 
{
	list-style: none;
	padding: 0px;
	text-align:left;

	width: 110px;
	text-align: center;
	margin:5px 5px 2px 785px;
	z-index:5;
	position:absolute;
}
#edit_mode UL#quicklinks
{
	width:160px;
	margin:5px 5px 2px 735px;
}

UL#quicklinks LI
{
	height: 28px;
	line-height: 28px;
	margin: 0px 0px 2px 0px;
	padding:0px;
	border: 1px solid #05284f;
	font-weight:bold;
	background:#a2a7af;
	
}

UL#quicklinks LI.title 
{
	background:#e1c683 url(../image/quicklink_title.gif) no-repeat center left;
	color:black;
}
UL#quicklinks a.link
{
	display:block;
	color: white;
	background: url(../image/quicklink_bg.gif) no-repeat center left;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
UL#quicklinks LI A:hover
{
	text-decoration: underline;
}
UL#quicklinks LI IMG
{
	padding: 0px 5px 0px 0px;
	border: 0px solid #000000;
}

p.easycms-status {
background:none repeat scroll 0 0 #DAEED9;
border:1px solid #A0CB9F;
margin-bottom:20px;
padding:10px;
}
p.easycms-error {
background:none repeat scroll 0 0 #EEDFD9;
border:1px solid #C57458;
margin-bottom:20px;
padding:10px;
}
table.easycms-table {
clear:both;
text-align:left;
}
table.easycms-table th, table.easycms-table td {
border-top:1px solid white;
height:22px;
}
table.easycms-table table td {
border:0 none;
}
table.easycms-table a {
text-decoration:none;
}
table.easycms-table a:hover {
text-decoration:underline;
}
table.easycms-table td.label {
background:none repeat scroll 0 0 #EEEEEE;
line-height:22px;
padding-left:5px;
padding-right:5px;
text-align:right;
}
table.easycms-table th {
border-bottom:1px solid #4F81BD;
border-top:1px solid #4F81BD;
text-align:left;
}
table.easycms-table td {
overflow:hidden;
padding:1px;
}
table.easycms-table input[type="text"], table.easycms-table select {
width:250px;
}
table.easycms-table select.easycms-date {
width:auto;
}
table.easycms-table input[type="checkbox"] {
margin:2px;
}
table.easycms-table tr.row-a {
background:none repeat scroll 0 0 #f0f1f4;
}
table.easycms-table tr.row-a:hover, table.easycms-table tr.row-b:hover {

}
table.easycms-table tr:hover a {
color:white;
}
table.easycms-table tr.row-edit {
background:none repeat scroll 0 0 #ACD4FF;
}
table.easycms-restore {
border-top:1px solid #C5C5C5;
clear:both;
display:none;
}
table.easycms-restore td {
border-bottom:1px solid #C5C5C5;
padding:2px 5px 2px 2px;
}
a.easycms-button {
background:url("/admin/image/btn.gif") repeat-x scroll left top #E8F2FE;
border:1px solid #7099C9;
color:black;
cursor:default;
float:left;
height:21px;
line-height:21px;
margin-bottom:10px;
margin-right:5px;
padding:0 5px;
text-decoration:none;
}
a.easycms-button img {
border:0 none;
margin-left:-3px;
padding:2px 5px 2px 0;
}
a.easycms-button:hover {
background:url("/admin/image/btn-over.gif") repeat-x scroll left top #C4DDFC;
}
a.easycms-action {
}
table.easycms-filter {
border:1px dotted black;
clear:both;
}
table.easycms-filter td {
padding:2px;
}

form img.staff_photo {
	border:1px solid #474747;
	padding:2px;
	display:block;
}

Div.staff_container
{
	margin:0px 64px;
}

DIV.staff
{
	float: left;
	border:1px solid #d8b768;
	padding: 0px;
	width: 166px;
	height: 175px;
	background: #FFFFFF;
	margin: 10px 10px 10px 10px;
	line-height: 20px;
	text-align: center;
	background:url(../image/welcome_bg.gif) repeat-x scroll center top #EBC978;
}
DIV.staff IMG
{
	display: block;
	padding: 3px;
	border: 1px solid #515151;
	margin: 1px auto;
	background: #FFFFFF;
}

div.staff_placeholder {
	background:url(../image/apple.png) no-repeat center center;
	height:135px;
}

#chalkboard {
	background:#2c3238;
	padding-top:15px;
}

#chalkboard div {
	background:#2c3238 url(../image/chalkboard-apple.png) no-repeat 20px bottom;
	overflow:hidden;
	padding:0px 20px 20px 70px;
	border-bottom:5px solid #c2c7cc;
	line-height:30px;
}

#chalkboard a {
	color:#ededed;
	font-weight:bold;
	font-size:15px;
	margin-right:20px;
	text-decoration:none;
	display:block;
	float:left;
}

#chalkboard a.on, #chalkboard a:hover {

	background:url(../image/chalk-underline.gif) no-repeat bottom center;
}

UL DIV.gallery IMG
{
	display: block;
	padding: 2px;
	border: 1px solid #8593A1;
	margin:auto;
}

DIV.gallery A.img 
{

}
UL DIV.gallery A.img
{
	display: block;
	float: left;
	margin-top: 10px;
	height: 156px;
	text-align:center;
}
UL.small DIV.gallery A.img
{
	width: 100%;
}
UL.medium DIV.gallery A.img
{
	width: 50%;
}
UL.large DIV.gallery A.img
{
	width: 33.33%;
}
UL.full DIV.gallery A.img
{
	width: 25%;
}

option.new {
	color:darkred;
}