/******************************************************************
GLOBE STYLES
******************************************************************/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,caption,p,blockquote,table,th,tr,td {margin:0; padding:0; line-height:1.2;}
img {border:0;}
br.clear {visibility:hidden; clear:both; height:0; display:block;}

body {margin:0; padding:0; font:normal 12px "Arial"; color:#666666; background:url(images/bk_main.gif) 0 100px repeat-x #e8e8e8; height:100%;}
div#extender {height:100%; background:#FFFFFF; margin:0 30px 0 30px;}

div#top-cap {margin:10px auto 0 auto; background:url(images/main_container_bk.gif) 0 100% no-repeat; width:1007px; height:6px;}
div#bottom-cap {margin:0 auto 10px auto; background:url(images/main_container_bk_2.gif) 0 0 no-repeat; width:1007px; height:6px;}
div#container {margin:0 auto 0 auto; padding:0 7px 7px 7px; background-color:#FFFFFF; width:993px;}

h1 {font-weight:bold; font-size:22px; color:#a4c3dc; margin-bottom:20px;}
h2 {font-size:16px; margin-bottom:10px;}

p {line-height:1.4em; padding-bottom:15px;}

ul {list-type-style:none; margin:0 0 10px 30px;}
li {list-type-style:none;}

div.post {line-height:18px;}
div.post a {font-weight:bold;}
div.post div.post-title {padding-bottom:4px;}
div.post div.post-title a.post-link, a.post-link:link, a.post-link:active {text-decoration:underline; color:#0075b2; font-weight:normal;}
div.post div.post-title a.post-link:visited {color:#5ca2d1;}
div.post div.post-title a.post-link:hover {text-decoration:none; color:#ec5606;}
div.post div.entry ul {margin:0 0 15px 35px; list-style-type:square;}
div.post div.entry ul li {padding-bottom:4px;}

table#document-table {width:99%; border:1px solid #CCCCCC; background-color:#edf3f8; margin-bottom:20px;}
table#document-table tr td {padding:10px 20px 10px 20px;}

div#page-header {margin-left:25px;}
div#page-divider {text-align:right; font-size:11px; border-top:1px dotted #CCCCCC; padding-top:5px; margin-top:10px;}
div#page-divider a#back {background:url(images/blue_back_arrow.gif) 0 52% no-repeat; padding-left:8px; font-weight:normal;}

/******************************************************************
GRID LAYOUTS
******************************************************************/
div#container div.grid31 {margin:0 0 30px 25px;}
div#container div.grid31 div.col1 {float:left; width:699px; margin-right:33px;}
div#container div.grid31 div.col2 {float:left; width:236px;}

div#container div.logo-header {width:100%; margin-bottom:20px;}
div#container div.logo-header div.col1 {float:left; width:74%; color:#555555; line-height:22px; font-size:16px; padding-left:10px;}
div#container div.logo-header div.col1 h1#hp-header {font-weight:bold; font-size:16px; color:#333333; margin:0; padding:0;}
div#container div.logo-header div.col1 h2#hp-header-h2 {font-weight:normal; font-size:16px; margin:0; padding:0;}
div#container div.logo-header div.col1 div#logo {background:url(images/financial_aid_night_logo.gif) 0 0 no-repeat; width:379px; height:88px; color:#FFFFFF; font-size:1px; margin:0 0 8px 0;}
div#container div.logo-header div.col2 {float:left; width:24%;}
div#container div.logo-header div.col2 strong {font-size:13px;}
div#container div.logo-header div.col2 ul {margin:3px 0 0 13px; list-style-type:none;}
div#container div.logo-header div.col2 ul#bullets {list-style-image:url(images/bullet_blue.gif);}
div#container div.logo-header div.col2 ul li {padding-bottom:4px;}
div#container div.logo-header div.col2 div {border-bottom:1px dotted #CCCCCC; font-size:1px; color:#CCCCCC; margin:10px 0 10px 0;}

div#container div.grid1 {margin-left:25px; margin-bottom:30px;}
div#container div.grid1 div.col1 {}

div#container div.grid1111 {width:100%;}
div#container div.grid1111 div.col1 {float:left; width:235px; margin-right:14px;}
div#container div.grid1111 div.col2 {float:left; width:244px; margin-right:5px;}
div#container div.grid1111 div.col3 {float:left; width:244px; margin-right:5px;}
div#container div.grid1111 div.col4 {float:left; width:244px;}

/******************************************************************
HOMEPAGE STYLES
******************************************************************/
div#container div.box-corners {width:244px;}
div#container div.box-corners div.header {width:194px; cursor:pointer; color:#FFFFFF; font-size:1.2em; font-weight:bold; background:url(images/box_blue.gif) 0 0 no-repeat; height:30px; padding:15px 40px 5px 10px;}
div#container div.box-corners div.content {width:227px; padding-left:5px; margin:12px 0 0 2px; }
div#container div.box-corners div.content a.hd-link {text-decoration:none; font-weight:bold;}
div#container div.box-corners div.content a.hd-link:hover {text-decoration:underline;}

div#container div.orange div.header {background:url(images/box_orange.gif) 0 0 no-repeat; cursor:default; width:225px; height:33px; padding:17px 0  0 10px;}
div#container div.orange div.content {background:url(images/box_orange_bk.gif) 0 0 no-repeat; width:219px; margin:6px 0 0 0; padding:10px 8px 5px 8px;}

/******************************************************************
THE BELOW STYLES ARE FOR THE NAVIGATION BAR
******************************************************************/
div#container div#navbar {text-align:right; height:33px; margin-bottom:20px;}
div#container div#navbar {width:100%;}
div#container div#navbar div#left {float:left; background:url(images/nav_left.gif) 0 0 no-repeat; height:33px; width:4px;}
div#container div#navbar div#center {float:left; width:76%; color:#FFFFFF;}
div#container div#navbar div#search {float:left; width:230px; height:27px; padding:6px 0 0 0; background-color:#dbe8f1;}
div#container div#navbar div#search input {border:2px solid #CCCCCC;}
div#container div#navbar div#right {float:left; background:url(images/nav_right.gif) 0 0 no-repeat; height:33px; width:4px;}
div#container div#navbar ul {margin:0; padding:10px 0 9px 0; background-color:#dbe8f1;}
div#container div#navbar ul li {display:inline; margin:0;}
div#container div#navbar ul li a, a:link, a:visited {font-weight:bold; text-decoration:none; margin-right:2px; padding:9px 3px 9px 3px;}
div#container div#navbar ul li a:hover {text-decoration:underline;}

div#container div#navbar ul li#current a {background:url(images/navbar_current.gif) 0 0 repeat-x; color:#666666;}

/******************************************************************
THE STYLES BELOW ARE FOR THE FOOTER
******************************************************************/
div#container div#sponsor-footer {padding-bottom:15px; margin:40px 0 0 0;}
div#container div#sponsor-footer div.col1 {float:left; width:39%; padding-left:25px;}
div#container div#sponsor-footer div.col2 {float:left; width:57%; padding-right:7px; text-align:right; font-size:11px; color:#999999;}

div#container div#footer {text-align:center; font-size:11px; padding-top:12px; color:#CCCCCC;}
div#container div#footer ul {margin:0 0 8px 0; padding:0;}
div#container div#footer li {display:inline; margin:0;}
div#container div#footer li a {text-decoration:none;}
div#container div#footer li a:hover {text-decoration:underline;}
div#container div#footer div#trust-e {background:url(images/finalmark.gif) 50% 0 no-repeat; margin:15px 0 20px 0; height:31px; text-align:center;}

div#container div#bookmark {border-top:1px dotted #CCCCCC; width:699px; font-size:1px; color:#CCCCCC; padding-bottom:10px;}

/******************************************************************
THESE ARE CONTAINER STYLES
******************************************************************/
div.related-topic div.header {background:url(images/related_topic_bk.gif) 0 0 no-repeat; height:26px; padding:10px 0 0 10px; color:#FFFFFF; font-weight:bold; font-size:14px;}
div.related-topic div.content {border-left:1px dotted #CCCCCC; padding:5px 10px 5px 20px;}
div.related-topic div.content ul {margin:0 0 0 2px; list-style-type:none; list-style-image:url(images/bullet_blue.gif);}
div.related-topic div.content ul li {padding-bottom:4px;}

div.resources div.header {background:url(images/resources_topic_bk.gif) 0 0 no-repeat; color:#666666;}

/******************************************************************
THESE ARE THE GLOBAL STYLES FOR THE FORM ELEMENTS
******************************************************************/
form#searchform {padding-right:4px;}
label {font-weight:bold; color:#666666;}

textarea {font-family:arial;}
input, select, textarea {padding:0 0 0 2px; margin-top:2px; border:1px #666666 solid; font-size:100%; background-color:#FFFFFF; vertical-align:middle;}
input.image {border:0; padding:0; margin:0;}
input.checkbox {border:0; background:transparent;}
input.radio {border:0; background:transparent; vertical-align:top; margin:0 3px 0 0;}
.input-border {border:0;}

/******************************************************************
THE FOLLOWING STYLES ARE FOR THE WIDGET PAGE
******************************************************************/
.display {display:none;}

div#wg {width:773px;}
div#wg-tabs div {font-weight:bold; font-size:14px; cursor:pointer; height:17px;}
div#wg-tabs div.tabOn {float:left; background:url(images/slTab1.gif) 0 0 no-repeat; padding:8px 0 7px 20px; width:180px; color:#666666; border-bottom:1px solid #e1ebf3;}
div#wg-tabs div.tabOff {float:left; background:url(images/slTab2.gif) 0 0 no-repeat; padding:8px 0 7px 20px; width:180px; color:#0072bc; border-bottom:1px solid #d9e2ea;}

div#tabs-container {border:1px solid #CEDBE6; height:292px; margin-top:-1px;}
div#tabs-container div#col1 {float:left; width:327px; height:292px; padding:10px 0 10px 20px; background:url(images/left_bk.gif) 0 0 no-repeat;}
div#tabs-container div#col2 {float:left; width:424px; height:292px; background:url(images/right_bk.gif) 0 0 no-repeat;}
div#tabs-container div#col2 h2 {font-size:14px; font-weight:bold; color:#EC5606; padding:50px 0 5px 30px;}
div#tabs-container div#col2 ul {list-style-type:none; list-style-image:url(images/bullet_orange.gif); margin:0 0 0 44px; padding:0;}
div#tabs-container div#col2 ul li {margin:0; padding:0 0 8px 0;}

form#margin label {float:left; width:90px; color:#666666; font-weight:normal;}
form#margin fieldset {border:0; margin-bottom:8px;}
form#margin fieldset select {width:75px; color:#666666;}
form#margin fieldset input {color:#666666;}
form#margin fieldset input.second {margin-left:90px;}
form#margin div.checkbox input {border:0; background:#CCCCCC;}

/******************************************************************
STYLES FOR THE SEARCH RESULTS PAGE
******************************************************************/
div.search-post {padding-bottom:20px;}
div.search-post p {padding:0;}
div.search-post div.category {margin:3px 0 0 0; font-size:11px;}
div.search-post div.category a {font-weight:normal;}

/******************************************************************
THESE ARE FOR THE ABOUT US PAGE
******************************************************************/
table#about-us {width:100%;}
table#about-us td.col1 {width:30%; padding:50px 20px 0 0; vertical-align:top;}
table#about-us td.col2 {width:70%; padding-bottom:30px; vertical-align:top; line-height:1.4em;}

/******************************************************************
STYLES FOR THE SITE MAP PAGE
******************************************************************/
ul#site-map {margin-left:30px;}
ul#site-map li {padding-bottom:5px;}

a, a:link, a:active, a:visited {text-decoration:underline; color:#0075b2; font-weight:normal; padding:0; margin:0;}
a:hover {text-decoration:none; color:#ec5606;}