body,
html {
	margin:0px;
	padding:0px;
	background: #ccc;
	color: #555555;
	background: #eee;
}
body {
    min-width:580px;
    }
td {font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	}
#wrap {
    background: #fff url('images/bg.gif') repeat-y;
    margin:0 auto;
    width:580px;
    }
#header {
	background:#ddd;
	border-bottom: solid #fff 1px;
	}

#header-menu  {
	background: url(images/header-menu-bg.jpg);
	margin: 0;
	padding: 0;
	}
#header-menu ul  {
	margin: 0;
	padding: 0;
	}

#header-menu li {
	background-color: #4c4c4c; 
	border-right: dotted 1px #666;
	color: #fff; 
	display: inline; 
	float: right; 
	list-style: none;
	margin: 0;
	padding: 3px 5px;
	text-transform: uppercase;
	}
	
.skipnav { padding: 3px 10px;}
.skipnav a:link {color: #bbb; background-color: transparent;}
.skipnav a:visited {color: #bbb; background-color: transparent;}
.skipnav a:hover {color: #bbb; background-color: transparent;}
.skipnav a:active {color: #bbb; background-color: transparent;}

#breadcrumb {
    background: url(images/breadcrumb_arrow.gif) no-repeat 20px 12px;
	padding:10px 20px 0px 33px;
	text-align:left;
    }
#main {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
    float:right;
    width:604px;
	text-align:left;
	padding:0px;
	border-right: 1px solid #999999;
    }
	
#mainContent {
	padding: 1px 20px 20px 20px ;
	background-color: #fff;
}

#mainHeader {
width: 604px;
height: 100px;
border-bottom: solid #fff 1px;
}

#sidebar {
    background:#555;
    float:left;
    width:175px;
	padding:0px;
	text-align:left;
    }
#sidebar p {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	text-align:left;
	padding: 10px;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}
#sidebar a:hover {color: #fff; background:#666;}

#rightSidebar {
	padding:0;
	text-align:left;
    }

#searchBox {
width: 175px;
height:100px;
background:#666;
}

#footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
    background:#eee;
	text-align:center;
    clear:both;
	padding:10px;
    margin:0 auto;
	}
a, a:link, a:visited {
	color:#CC0000;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	}
a:hover {color: #666; background:#ececec; text-decoration:underline;}
a img {border: 0;}

cite.inspirational {display:block; text-style: italic; text-align:right;}
form{padding:0;}
blockquote {width: 70%;}
p {
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin:0px 0px 1em 0px;
	padding:0px;
}

li {padding: .25em; line-height: 16px;}
	
h1 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	line-height: 100%;
	margin: 1.5em 0 .5em 0;
	}

h2 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 100%;
	font-weight:normal;
	}

h2.submenu {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 100%;
	font-weight:normal;
	margin: 0; padding: 0;
	}	

h3 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight:bold;
	}

h4 {
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight:bold;
	}

h5, h7 {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight:bold;
	}
	
h6 {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight:bold;
	border-bottom: solid 1px #ccc;
	padding: 3px 0; margin: 0;
	}

	
/*  ^^^^^^^^^^^^^^^USER ACCESSIBLE^^^^^^^^^^^^^^^^^ */
/*  ^^^can we have the following styles available to the user on the edit page in the style drop-down? ^^^ */

dt {font-weight: bold; padding: 0; margin: 1.5em 0 .25em 0;}
dd {margin: 0; padding: 0 0 0 0; 	
   	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin:0px 0px 1em 0px;
	padding:0px;
}

p img {border:solid 1px #ddd; padding: 5px; margin: 10px;}


.photoleft {float:left; padding: 5px; margin: 10px 10px 10px 0px;}
.photoright {float:right; padding: 5px; margin: 10px 0px 10px 10px;}

.photoleft img {clear: both; padding: 5px;  display: block; border:solid 1px #ddd; }
.photoright img {clear: both; padding: 5px; display: block; border:solid 1px #ddd; }

.highlight-info {float:right; width: 180px; padding: 10px; margin: 10px; border:solid 1px #ddd;}

.photocaption {font-size: 11px; font-style: italic;}

.sidebar {float: right; width: 130px; padding: 5px; margin: 5px; border: solid 1px #ddd;}

table.borderon td {border: solid 1px #ccc; padding: 10px;}
table.borderon th {border: solid 1px #ccc; padding: 10px; font-weight: bold;}

ol.withroman { list-style: lower-roman; }

table.borderon {border-collapse: collapse;}

.sidebar ul {margin: 0; padding: 0; list-style: none;}
.sidebar li {margin auto 0; padding: auto 0; }


.s2s-priorities td {padding: 5px 10px 5px 0px;}
.s2s-priorities img {padding:0px; margin:0px; border: none;}

.s2s-priorities h2 {text-transform: uppercase; font-family: Garamond Pro, Garamond, Times, Times New Roman, serif; margin: 0; padding:  0; font-weight: bold;}
.s2s-priorities h3 {text-transform: uppercase; font-family: Garamond Pro, Garamond, Times, Times New Roman, serif; margin: 3px 0 0 0; padding: 3px 0; font-weight: normal; color: #333;}

/* ------------------------------- FORMS -------------------------------*/

.forminput {float:right; width: 48%;}
.formlabel {float:left; width: 48%; text-align: right; font-weight: bold;}
.formitem {clear: both; padding: 10px; width: 100%;}
.fullwidth {clear: both; padding: 10px; width: 100%;}
.fullwidth .forminput {float:right; width:100%;}
.fullwidth .formlabel {float:left; width: 100%; text-align: left; font-weight: bold;}
fieldset p {padding: 1em;}

textarea {margin: 10px; padding: 3px;}
fieldset {width: 80%;}


/* -------------------------------MENU -------------------------------*/
#mainmenu {!important; border:none; padding:0em; margin: 0px;}
#mainmenu ul {list-style-type:none; background-color:#4c4c4c; padding:0px; margin: 0px;}
#mainmenu li {display:block; width:175px; line-height: 1.2em; padding: 0; margin: 0;}
#mainmenu li a  {display:block; margin:0;}

#mainmenu li a:link {display:block; background-color:#4c4c4c; text-decoration:none; color:#eee; padding: 7px 10px; border-bottom: dotted 1px #666; margin: 0;}
#mainmenu li a:visited {display:block; background-color:#4c4c4c; text-decoration:none; color:#eee; border-bottom: dotted 1px #666; padding:7px 10px; margin: 0;}
#mainmenu li a:hover {display:block; background-color:#666; text-decoration:none; color:#eee; border-bottom: dotted 1px #666; padding:7px 10px; margin: 0;}
#mainmenu li a:active {display:block; background-color:#666; text-decoration:none; color:#eee; border-bottom: dotted 1px #666; padding:7px 10px; margin: 0;}

#mainmenu li a#current:link {display: block; color: #fff;  background:#900 url(images/right-white.gif) top left no-repeat;}
#mainmenu li a#current:visited {display:block; color: #fff;  background:#900 url(images/right-white.gif) top left no-repeat;}
#mainmenu li a#current:hover {display:block; color: #333;  background:#ccc url(images/right-white.gif) top left no-repeat;}
#mainmenu li a#current:active {display:block; color: #fff;  background:#900 url(images/right-white.gif) top left no-repeat;}

#mainmenu {margin: 0 0 200px 0;}
/* SIDE MENU */
#mainmenu #submenu li a {display:block; border:none;}
#sidemenu ul {
			 border-top: solid 1px #aaa;
			 border-bottom: solid 1px #aaa;
}