@charset "UTF-8"; /* CSS Document */

@import url("resets.css");
@import url("fonts.css");
@import url("../../stylesheets/inputs.css");
@import url("../../stylesheets/forms.css");




/* GENERAL STYLES
----------------------------------------------- */

body, html {margin: 0; padding: 0;} 

#bg {background: url(../images/bg-header-wide.jpg) 50% 0 no-repeat;} 
body#home {background: url(../images/bg-tile.gif) 0 0 repeat-x;} 
body#interior {background: url(../images/bg-tile-interior.gif) 0 0 repeat-x;} */

h1 {font-size: 1.4em;}

h2 {font-size: 1.6em; color: #6598ba; font-weight: normal; margin: 0 0 .4em 0;}

p {line-height: 1.5em; margin: 0 0 .8em 0;}

a:link,
a:visited {color: #cbb18c; text-decoration: none; outline: none;}
a:hover {color: #cbb18c; text-decoration: underline; outline: none;}

#main {font-size: 1.2em; width: 850px; height: auto; margin: 0 auto;}


#header {position: relative; width: 823px; height: 139px; margin: 0 0 0 0; padding: 22px 0 0 27px; /*background: url(../images/bg-header.jpg) 0 0 no-repeat #26516d;*/}

#header #logo{float: left; width: 144px;}



/* NAVIGATION MAIN STYLES
----------------------------------------------- */

#nav-main {position: absolute; right: 0; top: 127px; width: 408px; height: 34px;/*  padding: 105px 0 0 143px;*/ margin: 0;}

#nav-main li {float: left; list-style-type: none; padding: 0 0 0 1px; margin: 0;}

#nav-main li a:link,
#nav-main li a:visited {display: block; color: #fff; font-size: 1.2em; text-indent: -10000px; overflow: hidden;}
#nav-main li a:hover {color: #fff; text-decoration: none;}




#nav-main li a.how-it-began:link,
#nav-main li a.how-it-began:visited {background: url(../images/nav-main.png) 0 0 no-repeat; width: 128px; height: 34px;}
#nav-main li a.how-it-began:hover {background: url(../images/nav-main.png) 0 -34px no-repeat;}
#nav-main li#selected a.how-it-began {background: url(../images/nav-main.png) 0 -68px no-repeat;}

#nav-main li a.about-us:link,
#nav-main li a.about-us:visited {background: url(../images/nav-main.png) -129px 0 no-repeat; width: 101px; height: 34px;}
#nav-main li a.about-us:hover {background: url(../images/nav-main.png) -129px -34px no-repeat;}
#nav-main li#selected a.about-us {background: url(../images/nav-main.png) -129px -68px no-repeat;}

#nav-main li a.grants:link,
#nav-main li a.grants:visited {background: url(../images/nav-main.png) -231px 0 no-repeat; width: 86px; height: 34px;}
#nav-main li a.grants:hover {background: url(../images/nav-main.png) -231px -34px no-repeat;}
#nav-main li#selected a.grants {background: url(../images/nav-main.png) -231px -68px no-repeat;}

#nav-main li a.registration:link,
#nav-main li a.registration:visited {background: url(../images/nav-main.png) -318px 0 no-repeat; width: 120px; height: 34px;}
#nav-main li a.registration:hover {background: url(../images/nav-main.png) -318px -34px no-repeat;}
#nav-main li#selected a.registration {background: url(../images/nav-main.png) -318px -68px no-repeat;}

#nav-main li a.contact:link,
#nav-main li a.contact:visited {background: url(../images/nav-main.png) -439px 0 no-repeat; width: 96px; height: 34px;}
#nav-main li a.contact:hover {background: url(../images/nav-main.png) -439px -34px no-repeat;}
#nav-main li#selected a.contact {background: url(../images/nav-main.png) -439px -68px no-repeat;}


#nav-main li#selected {color: #000000;}


/* NAVIGATION LEFT STYLES
----------------------------------------------- */


#nav-left {float: left; position: relative; left: 0; top: -82px; width: 221px; height: auto; padding: 88px 0 100px 0; margin: 0; background: url(../images/nav-left-bg.gif) 0 0 no-repeat;}

#nav-left li {list-style-type: none; margin: 0 32px 0 22px; padding: 0; border-bottom: 1px solid #e7eff5; background: url(../images/icon-nav.gif) 150px 8px no-repeat;}

#nav-left li a:link,
#nav-left li a:visited {display: block; color: #6598BA; font-size: 1.0em; padding: 6px 0 6px 4px;}
#nav-left li a:hover {color: #3d769c; text-decoration: none; background-image: url(../images/icon-nav.gif); background-position: 150px 8px; background-color: #f6f9fb; background-repeat: no-repeat;}

#nav-left li#selected a {display: block; color: #fff; font-size: 1.0em; padding: 6px 0 6px 4px; background-image: url(../images/nav-selected-bg.gif) !important; background-position: 0 0;}




/* BANNER HOME STYLES
----------------------------------------------- */

#banner-home {width: 850px; height: 282px; background: #152f47; clear: both;} 

#banner-home .content-left {float: left; width: 456px;}
#banner-home .content-left img {padding: 0 0 0 0; margin: 0 0 0 0; border: 0; vertical-align: top;}
#banner-home .content-right {float: left; width: 384px; padding: 32px 10px 0 0;} 

#banner-home h1 {color: #fff; padding: 0 0 0 0; margin: 0 0 .4em 0; font-size: 1.7em;}

#banner-home p {color: #fff;}

#banner-home a:link,
#banner-home a:visited {color: #ddc9ac; text-decoration: none; outline: none;}
#banner-home a:hover {color: #ddc9ac; text-decoration: underline; outline: none;}



/* BANNER INTERIOR STYLES
----------------------------------------------- */

#banner-interior {width: 850px; height: 82px; background: #152f47; clear: both;} 
#banner-interior h1 {color: #fff; padding: 40px 0 0 242px; margin: 0 0 0 0; font-size: 2.2em;}


/* CONTENT INTERIOR STYLES
----------------------------------------------- */

#content-interior {width: 850px; height: auto; padding: 0 0 2.5em 0; position: relative;}
#content-interior .content-left {float: left; width: 609px; height: auto; padding: 1em 0 2.5em 20px; min-height: 500px;}

#content-interior .content-left em {font-style: italic;}

#content-interior .content-left h3 {margin: 0 0 0.75em; font-weight: bold; font-size: 1.3em; text-transform: none; color: #cbb18c;}
#content-interior .content-left h4 {margin: 0 0 .75em; font-weight: normal; font-size: 1.0em; text-transform: uppercase;}

#content-interior .content-left ul {margin: 0 0 1em 0;}
#content-interior .content-left ul li {margin: 0 0 .2em 0em; padding: 0 0 0 15px; background: url(../images/bullet.gif) 0 .4em no-repeat;}

#content-interior .content-left ol {margin: 0 0 1em 0;}
#content-interior .content-left ol li {margin: 0 0 .2em 3em; padding: 0 0 0 0px; background: none; list-style-type: lower-alpha;}

#content-interior .content-left ol.roman li {list-style-type: lower-roman !important;}
#content-interior .content-left ol.decimal li {list-style-type: decimal !important;}


#content-interior .content-left table {width: 600px; clear:both;}
#content-interior .content-left table tr td {padding: 5px 0;}

#content-interior .content-left table td.col1 {width: 120px; font-weight: bold;}
#content-interior .content-left table td.col2 {width: 480px;}

#content-interior .content-left .img-content {display: block; clear: both; float: right; margin: 0 0 1.5em 2em;}



/* CONTENT HOME STYLES
----------------------------------------------- */

#content-home {float: left; width: auto; height: auto; padding: 1em 0 2.5em 30px;}

#content-home .col-1,
#content-home .col-2,
#content-home .col-3,
#content-home .col-4 {float: left; width: 185px; height: auto; padding: 0 20px 0 0;}

#content-home .col-4 p {color: #cbb18c; font-weight: bold;}


/* FOOTER STYLES
----------------------------------------------- */

#footer {float: left; width: 850px; height: auto; padding: 14px 0; border-top: 2px solid #6598ba; clear: both;}

#footer ul#nav-footer {float: left; padding: 0;}
#footer ul#copyright {float: right;}

#footer ul li {float: left; list-style-type: none; padding: 0 0 0 16px; margin: 0; color: #6598ba; font-size: 0.9em; background: url(../images/separator-footer.gif) 8px 2px no-repeat;}
#footer ul li:first-child,
#footer ul li.first-child {background: none; padding: 0;}

#footer ul li a:link,
#footer ul li a:visited {display: block; color: #6598ba;}
#footer ul li a:hover {color: #6598ba; text-decoration: underline;}


.link {background: url(../images/arrow-more.gif) 100% 52% no-repeat; padding-right: 8px;}


/* GRANT RECIPIENTS EXPANDING LISTS
------------------------------------------------- */
#expandable li.main-item {
	font-size: 16px;
	font-weight: bold;
}

#expandable li.main-item ul li {
	font-size: 12px;
	font-weight: normal;
}

#expandable li.main-item ul li ul li {
	font-size: 11px;
	font-style: italic;
}

/* SCHEDULE OF GRANTS TABLE
-------------------------------------------------- */
#schedule {
	
}

#schedule td.header {
	border-bottom: 1px solid #ddc9ac;
	font-size: 1.1em;
	font-weight: bold;
}

#schedule td.figure {
	border-left: 0;
	padding: 6px;
	text-align: right;
}

#schedule td strong {
	font-weight: bold;
}


/* APPLICATION FORM 
----------------------------------------------------*/

div#application-form table { background-color: #EEEEEE; color:#444444; clear:both; font-family:Arial, Serif; border: 1px solid #CCC;}
div#application-form table tr th, #application-form table tr td { vertical-align:middle; padding: 8px !important; text-align: left;}
#application-form .head {border-top: 1px solid #ccecfc;}
#application-form h4 {padding:0;color:#000 !important;font-size:1.2em;}
#application-form a.more {display:block;font-size:0.95em;width:100%;}
#application-form table tr td.label {background-color:#f5fbfe; color:#12729d;border-right:1px solid #ccecfc;}
#application-form table tr td.desc {background-color:#fff; padding-left:16px;}
#application-form table tr.submitrow td {border-top:1px solid #fff;}
#application-form table tr thead tr th.blank {background-color:#fff; vertical-align:bottom; font-weight:bold;}
#application-form table tr td.submit {background-color:#ebf9ff; border-top: 1px solid #ccecfc; color:#12729d; }
#application-form table tr td.spacerow {background-color:#ebf9ff; color:#12729d;}
#application-form table tr td.narrowSpaceRow {background-color:#ccecfc; color:#12729d; height:10px; border-top: 1px solid #ccecfc;} 

#application-form select, #application-form input.date-pick, #application-form input.type, #application-form textarea {
	width: 220px;
}

span.red {
	color: #990000;
	font-weight: bold;
	clear: both;
	display: block;
	margin-top: 5px;
}

span.required {
	color: #990000;
	font-weight: bold;
	margin-right: 8px;
}