/* reset.css, part of YUI's CSS Foundation */

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;
}

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
	clear: both;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/**********************************/
/* Base Website Styles Start Here */
/**********************************/

input,textarea
{
	padding: 2px 1px;
}

body { font-family: Verdana; font-size: 11px; color: #666; background-color: #ECECEC; }

h1 { font-size: 25px; color: #E13E2D; }
h2 { font-size: 16px; color: #017630; }
h3 { font-size: 16px; color: #171411; }
h4 { color: #E13E2D; }
h5 { color: #017630; }
h6 { color: #171411; }

a { color: #019E40; }
a:hover { color: #017630; }

/*********************************/
/* Master Page Styles Start Here */
/*********************************/


/* Top Menu */
#menubar { border-top: solid 8px #000; background-color: #017630; }
#menubar #topnav { width: 970px; margin: 0 auto; }

#topnav ul { display: inline; margin: 0; padding: 0; }
#topnav li { float: left; list-style: none; margin: 0; padding: 0; }
#topnav li a { display: block; line-height: 40px; padding: 0 20px; color: #fff; text-decoration: none; border-right: solid 1px #ECECEC; }
#topnav li:hover a, #topnav li.selected a { background-color: #666; }

#topnav a.login { float: right; line-height: 40px; padding: 0 20px; color: #fff; font-weight: bold; text-decoration: none; border-left: solid 1px #ECECEC; }
#topnav a.login:hover { background-color: #666; }
 
/* Main Page Layout */
#mainbar { background-color: #fff; }
#mainbar #mainarea { position: relative; width: 970px; margin: 0 auto; min-height: 400px; }

#mainarea #home { width: 970px; }
#mainarea #setup { width: 930px; padding: 0 20px ; }
#mainarea #setup #crumbs { margin-bottom: 20px; }
#mainarea #setup h1.SetupTable { margin: 0; }

#mainarea #menu { float: left; width: 180px; padding: 75px 10px 20px; }
#mainarea #content { float: left; width: 750px; padding: 0 10px 10px; }

/* Breadcrumbs */
#crumbs { font-size: 9px; padding: 5px 0; margin-bottom: 1em; }
#crumbs a { font-size: 9px; color: #666; text-decoration: none; }
#crumbs a:hover { color: #017630; text-decoration: underline; } 

h1.pagetitle { margin-top: 0.5em; margin-bottom: 0; }

/* Left Hand Menu */
#menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; margin: 0; padding: 0; }
#menu li div { padding: 0.5em; }
#menu img { padding-right: 0.5em; }

/* Left Hand Menu - Level 1 */
#menu li div { border: solid 1px #fff; border-top: dotted 1px #E0DFE3; }
#menu li div a { color: #666; font-weight: bold; text-decoration: none; }

#menu li div:hover { background-color: #F4F4F4; border: solid 1px #ECECEC; }
#menu li div:hover a { color: #017630; }

#menu li.selected div a { color: #E13E2D; }

/* Left Hand Menu - Level 2 */
#menu li.selected li div a { color: #666; font-weight: normal; }

#menu li li div:hover a { color: #017630; }

#menu li li.selected div a { color: #E13E2D; }

/* Left Hand Menu - Level 3 */
#menu li li.selected li div { padding-left: 2em; }
#menu li li.selected li div a { color: #666; font-weight: normal; }
#menu li li li div:hover a { color: #017630; }

/* Footer */
#footer { width: 950px; margin: 0 auto; padding: 10px; text-align: right; font-size: 10px; }
#footer .copyright { float: left; }
#footer a { font-size: 10px; color: #666; text-decoration: none; }
#footer a:hover { color: #017630; text-decoration: underline; } 


/* Toolbox */
.toolbox { width: 180px; }
.toolbox th { text-align: left; color: #FFFFFF; background-color: #017630; padding: 1px 2px; }
.toolbox td { border-width: 0px; padding: 1px 2px; background-color: #F4F4F4; }

/* Editor */
#home .editor { float: left; width: 970px; margin-bottom: 1em; }
#home .editing { width: 970px; height: 400px; }

#content .editor { width: 750px; }
#content .editing { width: 750px; height: 400px; }

.editing table { margin-bottom: auto; border-collapse: separate; }
.editing th, td { padding: 0px; }

@media print {
  #header #quickfind { display: none; }
  #header #gobtn { display: none; }
  #topnav { display: none; }

  #homebody .login { display: none; }
  #homebody #banner { display: none; }
  
  #menubar { display: none; }
  #crumbs { width: 100%; border: none; padding-left: 25px; font-size: 1em; line-height: 2em; }
  #crumbs a { text-decoration: none; }
  #friend { display: none; }

  #footer #links { display: none; }
  
  .toolbox { display: none; }
}

/******************************/
/* Template Styles Start Here */
/******************************/

.error { color: Red; }
.highlight { background-color: Yellow; }
.hover { background-color: #F4F4F4 !important; border: solid 1px #ECECEC !important; }
.pager { width: 100%; }

.NotifyInfo { padding: 1em 2em; margin: 1em 0; color: #000000; background-color: #FFFFC0; border: solid 1px #DCDC41; }
.NotifyError { padding: 1em 2em; margin: 1em 0; color: #CC0000; background-color: #FFE1E1; border: solid 1px #E58080; }
.NotifyConfirm { padding: 1em 2em; margin: 1em 0; color: #339900; background-color: #E4F8DC; border: solid 1px #99CC80; }

/* Home Page Banner */
#homebanner { position: relative; height: 269px; width: 970px; margin: 0 auto; background-image: url('/app_themes/spring/images/homeheader.jpg'); }
#homebanner #screenshot { position: absolute; }
#homebanner #logo { position: absolute; top: 70px; right: 20px; }
#homebanner #btns { position: absolute; right: 25px; bottom: 70px; }
#homebanner #btns a { margin-left: 15px; }
#home .toolbox { position: absolute; right: -180px;}

#home div#copy { float:left; width: 530px; margin: 120px 25px 25px; }
#home div#video { float:right; width: 366px; }

/* Internal Banner */
#banner { position: relative; height: 117px; width: 970px; margin: 0 auto; background-image: url('/app_themes/spring/images/header.jpg'); }
#banner #slogan { position: absolute; top: 34px; left: 20px; }
#banner #logo { position: absolute; top: 28px; right: 20px; }

/* Forms Template */
.formentry { table-layout: fixed; }
.formentry th { font-size: 14px; color: #017630; text-align: left; padding: 10px 0; }
.formentry td { padding: 5px; vertical-align: top; }
.formentry input { width: 300px; }
.formentry select { width: 300px; }
.formentry textarea { width: 300px; }
.formentry table td { padding: 0; }
.formentry table input { width: auto; }

.formedit table { table-layout: fixed; }
.formedit table th { font-size: 14px; color: #017630; text-align: left; padding: 10px 0; }
.formedit table td { padding: 5px 0; vertical-align: top; }
.formedit table table td { padding: 0; }

/* Sitemap Template */
.sitemap { table-layout: fixed; border-collapse: separate; border-spacing: 10px; }
.sitemap td { vertical-align: top; width: 320px; margin-right: 10px; margin-bottom: 10px; }
.sitemap div { padding: 2px 5px; background-color: #017630; }
.sitemap img { padding-right: 5px; }
.sitemap a { color: #fff; text-decoration: none; }

.sitemap ul { margin: 0; padding: 0; border: solid 1px #017630; }
.sitemap ul ul { border: none; }
.sitemap li { list-style-type: none; }
.sitemap li div { background-color: #FFFFFF; border: solid 1px #FFFFFF; }
.sitemap li a { color: #019E40; }
.sitemap li a:hover { color: #017630; }
.sitemap li li a { padding-left: 1em; font-size: 10px; }
.sitemap li li li a { padding-left: 2em; font-size: 8px; background: none; }

/* Common Pattern - Grouped List */
.groupedlist { margin: 0; padding: 0; }
.groupedlist li { list-style: none; }
.groupedlist h1 { color: #017630; font-size: 12pt; margin: 0.5em 0; padding-left: 0.5em; border-bottom: solid 1px #ECECEC; }
.groupedlist ul { margin: 0; padding: 0; padding-left: 30px; }
.groupedlist ul li { position: relative; padding: 0.5em; border: solid 1px #FFFFFF; }

/* Generic Settings */
.settings fieldset { padding: 1em; border: solid 1px #E4E4E7; }
.settings .duallist { position: relative; margin: 1em; }
.settings .duallist select { float: left; width: 240px; }
.settings .duallist div { float: left; text-align: center; }
.settings .duallist div input { display: block; width: 100px; margin: 25px; }

.settings .btnbar { position: relative; text-align: right; }
.settings .btnbar .btnleft { float: left; }
.settings .btnbar input { padding: 0.25em 0.5em; }

/* News Listing */
#tabs { margin: 1em 0; padding: 0; height: 30px; border-bottom: solid 1px #171411; }
#tabs li { float: left; list-style: none; margin: 0 0.5em; padding: 0; }
#tabs li a { display: inline-block; margin-top: 5px; padding: 0 1em; line-height: 24px; text-decoration: none; background-color: #fff; border: solid 1px #fff; border-bottom: none; }
#tabs li a:hover { margin-top: 6px; line-height: 22px; height: 24px; border: solid 1px #171411; border-bottom: none; } 
#tabs li.selected a, #tabs li.selected a:hover { font-weight: bold; margin-top: 0; line-height: 30px; height: 30px; border: solid 1px #171411; border-bottom: none; }

.groupedlist .article strong { position: absolute; font-size: 20pt; left: 0; text-align: right; }
.groupedlist .article { padding-left: 70px; margin: 0.25em 0; }

/* News Article */
.readarticle { }
.readarticle .summary { background-color: #FFFFC0; border: solid 1px #DCDC41; margin: 1em 0; }
.readarticle .summary img { float: left; border: solid 1px #CCCCCC; padding: 1px; height: 75px; width: 52px; margin: 0.5em; }
.readarticle .summary em { float: right; font-size: 8pt; margin: 0.5em; }
.readarticle .summary em img { margin: 0 0.5em; padding: 0; float: none; height: auto; width: auto; border: none; }
.readarticle .summary p { clear: right; margin: 1em; margin-top: 0; color: #000000; }

.readarticle .files ul { margin: 0; padding: 0; }
.readarticle .files li { list-style: none; position: relative; list-style: none; padding: 0.5em; padding-left: 26px; border: solid 1px #FFFFFF; }
.readarticle .files li img { position: absolute; top: 10px; left: 5px; _left: -21px; }
.readarticle .files .filename { font-size: 12pt; }
.readarticle .files .filesize { font-size: 14pt; }
.readarticle .files .filemodified { font-size: 8pt; }