/*----------------------------------------------------------------------------- 
TABLE OF CONTENTS
1. Global, HTML, and Body settings
2. a. Global Width settings
	b. CMS Settings (headlines, p, pullquote, block, etc.)
	c. CMS Settings (actionline, readmore, etc.)
3. Container DIV settings
4. Header DIV settings
5. a. Sidebar / Navigation DIV settings
	b. 2nd & 3rd Level Navigation settings
6. Main Content DIV settings
7. Footer (Nav) Content DIV settings
8. Calendar Settings
9. Extras and Add-Ons
10. IE 6 Hacks
-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------- 
1. Global, HTML, and Body Setting
-----------------------------------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
}

body {
background: #77A5B7 url(/images/bodybackground.gif) top repeat-x;
color: #1a63a5;
font-family: Arial, Verdana;
font-size:12px;
text-align: center;
}

/*----------------------------------------------------------------------------- 
2. a. Global Width settings
-----------------------------------------------------------------------------*/

#container, #header, #footer {
width: 800px;
}

/*----------------------------------------------------------------------------- 
2. b. CMS Settings (headlines, p, pullquote, block, a, etc.)
-----------------------------------------------------------------------------*/

h1{
border-bottom: 1px dotted #dc241f;
color: #dc241f;
font-size:20px;
line-height:20px;
padding: 0 0 4 0;
margin-bottom: 6px;
}

h2{
font-size:16px;
line-height:16px;
color: #1a63a5;
padding: 10 0 10 0;
}

h3{
font-size:14px;
line-height:14px;
padding: 10 0 10 0;
}

p {
padding: 5 0 0 5;
}

blockquote {
float: right;
margin: 4 4 4 4;
padding: 5 5 5 5;
width: 45px;
background: #77A5B7;
}

ol {
padding: 5 5 10 15;
margin-left: 5px;
}

a, a:visited {
color: #dc241f;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.blue {
background-image: url(/images/blue_btn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 310px;
height: 28px;
display: block;
color: #fff;
text-decoration: none;
padding-top: 11px;
}

a.blue:hover {
text-decoration: underline;
}

/*----------------------------------------------------------------------------- 
2. c. CMS Settings (readmore, actionline, etc.)
-----------------------------------------------------------------------------*/

/* READMORE */
#readmore {
padding-bottom: 5px;
border-bottom: 1px dotted #1a63a5;
}

#actionline {
margin: 3 3 3 3;
padding: 2 2 2 2;
text-align: right;
}

#readmore a, #readmore a:visited, #actionline a, #actionline a:visited {
color:#fd6500;
text-decoration:none;
}

#readmore a:hover, #actionline a:hover {
text-decoration:underline;
}

#readmore img {
padding-right:5px;
}

/*----------------------------------------------------------------------------- 
3. Container DIV settings
-----------------------------------------------------------------------------*/

#container {
text-align: left;
background: #fff url(/images/mainbackground.gif) repeat-y;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
}

/*----------------------------------------------------------------------------- 
4. Header DIV settings
-----------------------------------------------------------------------------*/

#header {
background: #fff url(images/headerbackground.gif) no-repeat;
height: 171px;
}

/*----------------------------------------------------------------------------- 
5. a. Sidebar DIV settings
-----------------------------------------------------------------------------*/

#sidebar {
background: url(/images/sidebarbackground.gif) no-repeat;
float: left;
height: 465px;
width: 212px;
padding: 15 0 0 0;
}

#sidebar ul {
list-style-type: none;
}

#sidebar li {
padding: 3 0 0 7;
margin: 3 0 3 7;
height: 23px;
width: 136px;
background: url(/images/navbackground.gif) no-repeat;
cursor: pointer;
font-weight: bold;
font-size: 15px;
}

#sidebar li.violator {
background: none;
}

#sidebar a, #sidebar a:visited {
color: #0C5BA0;
font-weight: bold;
font-size: 15px;
}

#sidebar a:hover {
text-decoration: none;
}

#sidebar p {
padding: 4 0 4 15;
}

/*----------------------------------------------------------------------------- 
5. b. Sidebar / 2nd & 3rd Level Navigation settings
-----------------------------------------------------------------------------*/

/* 2nd Level Navigation */

#news, #grantinformation, #grantprograms, #about {
margin: 8 0 0 0;
}

#news a, #news a:visited, #grantinformation a, #grantinformation a:visited, #about a, #about a:visited {
padding: 4 0 4 10;
cursor: pointer;
font-weight: bold;
color: #000;
font-size: 11px;
width: 145px;
}

#sidebar a.gheadnav, #sidebar a:visited.gheadnav {
font-weight: bold;
color: #000;
font-size: 11px;
text-decoration: none;
width: 140px;
}

.gsubnav {
}

#news a:hover, #grantinformation a:hover, #about a:hover {
text-decoration: underline;
}

/* 3rd Level Navigation */

#jopg, #jocasg, #jccasg, #oag {
padding: 6 0 6 0;
}

#jopg a, #jccasg a, #jocasg a, #oag a, #jopg a:visited, #jccasg a:visited, #jocasg a:visited, #oag a:visited {
font-size: 11px;
color: #000;
font-weight: normal;
padding: 0 0 0 15;
}

#jopg a:hover, #jccasg a:hover, #jocasg a:hover, #oag a:hover{
text-decoration: underline;
color: #000;
}

/*----------------------------------------------------------------------------- 
6. Main Content DIV settings
-----------------------------------------------------------------------------*/

#main {
float: left;
padding: 0 10px 0 10px;
width: 568px;
min-height: 400px;
}

#main ul {
padding: 10 5 10 15;
margin-left: 10px;
list-style-type: circle;
}

#main li {
padding: 5 0 5 0;
}

#bottom_nav {
border-top:1px solid #FD6500;
border-bottom:1px solid #FD6500;
width:800px;text-align:center;
}

/*----------------------------------------------------------------------------- 
7. Footer (Nav) Content DIV settings
-----------------------------------------------------------------------------*/

#footer{
font-size: 12px;
text-align: center;
padding: 0 0 10 100;
clear:both;
}

/*----------------------------------------------------------------------------- 
8. Calendar Settings
-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------
9. Extras and Add-Ons
-----------------------------------------------------------------------------*/

/* MAIN NAVIGATION */
#mainnav {
text-align: left;
padding-bottom: 15px;
padding-left: 140px;
text-transform: uppercase;
}

#mainnav ul{
list-style-type: none;
}

#mainnav li{
display: inline;
}

#mainnav a, #mainnav a:visited {
color: #1a63a5;
text-decoration: none;
font-size: 15px;
font-weight: bold;
}

#mainnav a:hover {
text-decoration:underline;
}

/* UNKNOWNS */
#caption {color:#000;}
.error{color:#FF0000;font-weight:bold;font-size:12px;}
#books_table{width:800;background-color:#262626;}
div.book{float:left;margin:3px;border:1px solid #000000;cursor:pointer;}
div.book:hover{border:1px solid #FD6500;}
#quote_header{font-size:16px;background-color:#4F4A4A;padding-left:3px;padding-top:3px;font-weight:bold;}
#quote{background-color:#4F4A4A;padding:3px;font-size:12px;color:#fff;}
#calendar{padding:3px;margin-bottom:2px;background-color:#4F4A4A;font-size:12px;}
#caption{background-color:#4F4A4A;color:#FFFFFF;font-size:10px;}

.article{
font-size:14px;
}

table {
font-size: 12px;
}

#form {font-size:12px;}
#form input{font-size:12px;}
#form .error{font-weight:normal;}

/*-----------------------------------------------------------------------------
10. IE Hacks
-----------------------------------------------------------------------------*/
#news a, #news a:visited, #grantinformation a, #grantinformation a:visited {
_padding: 4 0 4 0;
}

#sidebar li {
_width: 146px;
}

#footer {
_margin: 0 0 0 60;
}

#sidebar a.gheadnav, #sidebar a:visited.gheadnav {
_padding: 4 0 4 0;
}

#sidebar p {
_padding: 2 0 2 5;
}