/*
CSS Reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,strong,th,var
{
    font-style:normal;
    font-weight:normal;
}

ol,ul
{
    list-style:none;
}

caption,th
{
    text-align:left;
}

h1,h2,h3,h4,h5,h6
{
    font-size:100%;
    font-weight:normal;
}

q:before,q:after
{
    content:'';
}

abbr,acronym
{
	border:0;
}

*
{
	color: #284A85;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
}

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

#page
{
	background-color: #001A3B;
	margin: 10px auto 10px auto;
	padding: 15px 0 0 0;
	width: 780px;
}

#logo
{
	background: url(images/logo.png) no-repeat;
	cursor: hand;
	clear: both;
	display: block;
	height: 104px;
	margin: 0;
}

/* Main menu container */
#mainmenu
{
	font-size: .8em;
	margin: 0;
	padding: 0;
	width: 780px;
}

/* Menu items containers */
#mainmenu ul
{
	display: none;
	background-color: #002047;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* First level menu */
#mainmenu ul.main
{
	display: block;
}

/* All Sub Menus */
#mainmenu ul.submenu
{
	left: auto;
	padding: 2px;
	position: absolute;
	top: auto;
	margin: 0;
}

/* Display Nested Menus */
#mainmenu li:hover > ul
{
	display: block;
}

/* Position First Level Sub Menus */
#mainmenu > ul li:hover > ul
{
	display: block;
	top: 26px;
	left: 0;
}

/* Position Nested Sub Menus */
#mainmenu > ul * li:hover > ul
{
	top: -3px;
	left: 190px;
}

/* All menu items */
#mainmenu li
{
	cursor: hand;
	float: left;
	position: relative;
	text-align: left;
}

#mainmenu li.menu-parent
{
	background: url(images/menu_parent.png) no-repeat 98% 50%;
}

#mainmenu li:hover
{
	background-color: #01527F;
}

/* First level sub menu items */
#mainmenu li.firstlevel
{
	display: inline;
	float: left;
	height: 27px;
	padding: 5px 0 0 0;
	text-align: center;
	width: 124px;
	z-index: 100;
}

#mainmenu li.menu-seperator
{
	background: url(images/menu_seperator.png) no-repeat;
	height: 27px;
	width: 5px;
}

/* Sub menu items */
#mainmenu li
{
	width: 190px;
}

/* Main menu links */
#mainmenu a
{
	border: none;
	color: #fff;
	font-weight: 400;
	padding: 3px 12px 3px 12px;
	text-decoration: none;
}

#mainmenu a:hover
{
	color: #fff;
	text-decoration: none;
}

/* Sub menu links */
#mainmenu > ul > li > ul * a
{
	border: none;
	display: block;
	font-size: .9em;
	font-weight: normal;
	height: 20px;
	padding: 3px 12px 3px 12px;
	text-decoration: none;
}

/* IE6 Hacks */
/* Hard code 3 levels of menu items for IE6. IE7 && Firefox have infinite */
#mainmenu li.over ul.submenu
{
	display: block;
}

#mainmenu li.over * ul.submenu
{
	display: none;
}

#mainmenu li.over ul.submenu li.over ul.submenu
{
	display: block;
}

#mainmenu li.over ul.submenu li.over * ul.submenu
{
	display: none;
}

#mainmenu li.over ul.submenu li.over ul.submenu li.over ul.submenu
{
	display: block;
}

#mainmenu li.over ul.submenu li.over ul.submenu li.over * ul.submenu
{
	display: none;
}

#mainmenu ul.main li.over ul.submenu
{
	top: 26px;
	left: 0;
}

#mainmenu ul.submenu li.over ul.submenu
{
	top: -3px;
	left: 190px;
}
/* End IE6 Hacks */

#main
{
	background: url(images/hr.png) no-repeat;
	clear: both;
	margin: 0;
	padding: 1px 0 0 0;
}

/* related menu container */
#left-nav
{
	clear: both;
	font-size: .9em;
	float: left;
	width: 200px;
}

/* related menu */
#left-nav > ul
{
	margin: 10px;
	padding: 10px;
	width: 200px;
	z-index: 101;
}

/* sub menus */
#left-nav li > ul
{
	background-color: #002047;
	display: none;
	left: auto;
	margin: 0;
	padding: 2px;
	position: relative;
	top: auto;
	width: 200px;
	z-index: 102;
}

/* active sub menu */
#left-nav li:hover > ul
{
	display: block;
}

/* Position First Sub Menus */
#left-nav > ul * ul
{
	left: 160px;
	top: -24px;
}

/* Position Nested Sub Menus */
#left-nav > ul * li:hover > ul
{
	top: -30px;
	left: 150px;
}

/* all menu items */
#left-nav li
{
	cursor: hand;
	height: 20px;
	margin: 5px 0 5px 0;
	position: relative;
	width: 180px;
}

/* all menu item links */
#left-nav a
{
	border: none;
	color: #fff;
	display: block;
	font-size: .8em;
	height: 15px;
	padding: 5px 10px 5px 10px;
	margin: 0;
	text-decoration: none;
}

#accordion
{
	clear: both;
	float: left;
	min-height: 435px;
	width: 200px;
}

#content
{
	background-color: #f2f2f2;
	border: none;
	float: left;
	margin: 0;
	min-height: 425px;
	padding: 0 10px 10px 10px;
	width: 560px;
}

#flash-intro
{
	background-color: #001A3B;
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
}

.clear
{
	clear: both;
	height: 0;
}

.designer
{
	background: #f2f2f2;
}

#legal
{
	background: #002047 url(images/hr.png) no-repeat;
	color: #154063;
	clear: both;
	font-size: .7em;
	height: 49px;
	margin: 0;
	padding: 5px 0 0 40px;
}

#legal a, #legal span
{
	border: none;
	color: #fff;
}

#footer
{
	background: #002047 url(images/footer_background.png) no-repeat;
	background-color: #C7C7C5;
	color: #828282;
	font-size: .7em;
	padding: 20px 0 0 0;
	text-align: center;
	width: 780px;
}

#footer a
{
	border: none;
	color: #828282;
}

#web-design
{
	background-color: #C7C7C5;
	color: #F8F7FC;
	font-size: .7em;
	text-align: center;
}

#web-design a
{
	border: none;
	color: #ddd;
}

#popup
{
	background-image: none;
	background-color: #f2f2f2;
	margin: 10px;
}

#staff-directory
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#staff-directory li
{
	display: inline;
	float: left;
	font-size: .8em;
	width: 200px;
	height: 200px;
	text-align: center;
}

#staff-directory img
{
	clear: both;
	display: block;
	padding: 5px;
	margin: 0 auto 0 auto;
}

.bold
{
	font-weight: 700;
}

.button
{
	background: url(images/button_background.png) no-repeat;
	border: none;
	color: #fefefe;
	cursor: pointer;
	font-weight: bold;
	height: 27px;
	letter-spacing: -1px;
	margin: 0px;
	padding: 2px;
	text-transform: uppercase;
	width: 97px;
}

.confirm
{
	padding: 10px 0 10px 0;
}

.error, .info, .success, .warning
{
    border-bottom: 2px solid;
    border-top: 2px solid;
    color: #000000;
    margin-top: 10px;
	padding: 1em 2em 2em 2em;
    text-align: left;
    vertical-align: text-bottom;
}

.error
{
	background-color: #FFC7C7;
	border-color: #A50000;
}

.info
{
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 20px;
	padding-bottom: 0;
}

.success
{
	background-color: #F6FFC7;
	border-color: #598D03;
}

.warning
{
	background-color: #FFFAC7;
	border-color: #FF6A03;
}

.messageTitle
{
	font-weight: 800;
	padding-left: 20px;
}

.error .messageTitle
{
	background: url(images/error.png) no-repeat 0 50%;
}

.info .messageTitle
{
	background: url(images/information.png) no-repeat 0 50%;
}

.success .messageTitle
{
	background: url(images/accept.png) no-repeat 0 50%;
}

.warning .messageTitle
{
	background: url(images/warning.png) no-repeat 0 50%;
}

.messageText
{
	padding: .8em 0 0 0;
}

h1
{
	color: #364692;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: -1px;
	padding-bottom: 2px;
}

h3
{
	color: #364692;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: -1px;
	padding-bottom: 2px;
}

hr
{
	color: #004A2B;
	height: 1px;
}

p
{
	margin-bottom: 10px;
}

label
{
	font-size: .9em;
	font-weight: bold;
}

a
{
	text-decoration: none;
	border-bottom: dotted 1px;
}

a.help
{
	background: url(images/help.png) no-repeat 0px 50%;
	border: none;
	padding-left: 20px;
}

.contentpanel
{
	clear: both !Important;
	padding: 10px 2px 5px 2px;
	width: 545px;
}

.contentpanel h1
{
	border-bottom: solid 1px #003964;
	color: #284A85;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: -1px;
	padding-bottom: 2px;
}

.contentpanel > div
{
	clear: both;
	margin-top: 10px;
}

.contentpanel a
{
	color: #284A85;
	font-size: .9em;
}

.sectionpanel
{
	margin: 0 10px 10px 10px;
	padding: 10px;
}

.wizard h1
{
	border-bottom: solid 1px #003964;
	color: #284A85;
	font-size: 1.0em;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 15px 0 15px 10px;
}

#donation-grid-table td
{
	padding: 4px 2px 4px 2px;
}

.gift-designation-amount
{
	text-align: right;
}

.adduser
{
	background: url(images/user_add.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.edituser
{
	background: url(images/user_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.deleteuser
{
	background: url(images/user_delete.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.addgroup
{
	background: url(images/group_add.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.editgroup
{
	background: url(images/group_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.deletegroup
{
	background: url(images/group_delete.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.folder
{
	background: url(images/folder.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.addfolder
{
	background: url(images/folder_add.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.editfolder
{
	background: url(images/folder_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.deletefolder
{
	background: url(images/folder_delete.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.content
{
	background: url(images/page.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.addcontent
{
	background: url(images/page_add.png) no-repeat 0px 50%;
	padding-left: 20px;
}
.previewcontent
{
	background: url(images/page_go.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.editcontent
{
	background: url(images/page_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.deletecontent
{
	background: url(images/page_delete.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.link
{
	background: url(images/link.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.addlink
{
	background: url(images/link_add.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.previewlink
{
	background: url(images/link_go.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.editlink
{
	background: url(images/link_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.deletelink
{
	background: url(images/link_delete.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.arrowdown
{
	background: url(images/arrow_down.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.arrowup
{
	background: url(images/arrow_up.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.editform
{
	background: url(images/application_form_edit.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.checked
{
	background: url(images/tick.png) no-repeat 0px 50%;
	padding-left: 20px;
}

.general-panel-icon
{
	background: url(images/wrench.png) no-repeat;
}

.content-panel-icon
{
	background: url(images/page.png) no-repeat;
}

.forms-panel-icon
{
	background: url(images/application_form.png) no-repeat;
}

.groups-panel-icon
{
	background: url(images/group.png) no-repeat;
}

.staff-panel-icon
{
	background: url(images/user.png) no-repeat;
}

.users-panel-icon
{
	background: url(images/user.png) no-repeat;
}