/* CSS Document */

* {margin: 0; padding: 0;}
body, html {background-color: #E1DBC3; width: 100%; height: 100%;}

p, h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;}

div.hr_01 {display: block; float: left; width: 90%; height: 1px; margin: 0 0 0 10px; padding: 0; background-color: #008000;}
div.hr_02 {display: block; float: left; width: 100%; height: 2px; margin: 0 0 0 10px; padding: 0; background-color: #15186D;}
div.hr_04 {display: block; float: left; width: 100%; height: 1px; margin: 3px 0 3px 0; padding: 0; background-color: #008000;}

/*fixes background image not at top bug - frp*/
#background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../images/bckgrd.gif'); background-repeat: repeat-x; background-position: 0 0; margin-left: 0; margin-top: 0; text-align: left;}
#container {width: 90%; min-width: 930px; height: auto; margin: 0 auto;  text-align: left;}
#header {width: 100%; height: 112px;}

#logo {float: left; background: url('../images/asulogo.gif') no-repeat; width: 137px; height: 108px; overflow: hidden;}
#logo a {width: 137px; height: 137px; display: block; text-indent: -9999px; text-decoration: none;}

#tagline {float: left; background: url('../images/tagline.gif') no-repeat; width: 312px; height: 67px; position: relative; top: 41px; left: 14px; overflow: hidden;}
#tagline h5 {display: block; text-indent: -9999px; text-decoration: none;}

#dev {float: right; background: url('../images/dev.gif') no-repeat; width: 204px; height: 46px; position: relative; text-indent: -9999px; top: 57px;}

#navcon {width: 100%; height: auto; background: url('../images/navbckroll.gif') repeat-x;}
ul#nav {width: 100%; height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
ul#nav li {display: inline; height: 32px; margin: 0; font-family: Arial, Helvetica, sans-serif;}
ul#nav li a {display: block; float: left; width: auto; height: 25px; color: #ffffff; margin: 0; padding: 7px 16px 0 16px; border: 0 solid black; border-left: 1px solid #33367f; border-right: 1px solid #0b0e4d; border-bottom: 1px solid #303273; text-decoration: none; background: url('../images/navbckroll.gif') repeat-x top left;}
ul#nav li a:hover {background-position: bottom left;}

#banner {width: 100%; height: 202px; margin: 0; padding: 0; background: url('../images/bannerblock_2.jpg') no-repeat top right;}
#rotate {width: 439px; height: 202px; margin: 0; display: inline; float: left;}

#infoblock {display: block; float: right; width: 244px; height: 177px; margin: 11px 0 0 0; padding: 0 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#infoblock p {margin: 0; padding: 0 5px 0 15px;}
#infoblock a {color: #15186D;}
#infoblock a:hover {color: #008000; text-decoration: none;}

#how {display: block; float: left; width: auto; height: auto; margin: 10px 0 0 0; padding: 0 0 5px 5px;}
#how h1 {margin: 0; padding: 0; color: white; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 26px}
#how h2 {margin: 0; padding: 0 0 0 5px; color: #15186D; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 24px;}

#donate {display: block; float: left; width: auto; height: auto; margin: 10px 0 0 0; padding: 0 0 5px 5px;}
#donate h2 {margin: 0; padding: 0 0 0 5px; color: #15186D; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 24px;}

#shadow {display: block; float: left; width: 100%; height: 15px; margin: 0 0 0 -1px; padding: 0; background: url('../images/top_shadow.gif') no-repeat top right; border-top: 1px solid #A2A1B3; border-left: 1px solid #C7C3B0;}
#fullbody {display: block; float: left; width: 100%; height: auto; margin: 0 0 0 -1px; padding-bottom: 15px; background: url('../images/content_bg.gif') repeat-y top right #FAF7EC; border-bottom: 1px solid #C7C3B0; border-left: 1px solid #C7C3B0;}
#content {display: block; float: left; width: 70%; height: auto; margin: 0; padding: 0; font: Arial, Helvetica, sans-serif; color: #504d46; font-size: 12px;}
#rightinfo {display: block; float: right; width: 264px; height: auto; margin: 0; padding: 0;}

#content h1  {margin: 0; padding: 15px 0 5px 15px; color: #008000; font-size: 24px; font-weight: bold;}
#content h2  {margin: 0; padding: 7px 0 5px 15px; color: #008000; font-size: 24px; font-weight: bold;}
#content h3  {margin: 0 0 5px 0; padding: 10px 0 0 15px; font-size: 16px;}
#content h4  {margin: 0 0 3px 0; padding: 5px 0 0 15px; font-size: 14px; color: #15186d;}
#content p   {margin: 0; padding: 0 20px 10px 15px; font-size: 12px; line-height: 18px;}
#content a   {color: #353881; text-decoration: underline;} #content a:hover {color: #008000;}
#content ul  {margin: 0; padding: 0 20px 15px 35px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; list-style-type: disc; line-height: 18px;}
#content img {margin: 5px; padding: 0; border: 1px solid #353881;}

#boxcon    {display: block; float: left; width: 255px; height: auto; margin: 0; padding: 15px 0 0 9px; font-size: 0;}
#boxtop    {display: block; float: left; width: 247px; height: 5px; margin: 0; padding: 0; background: url('../images/boxtop.gif') no-repeat;}
#boxmiddle {display: block; float: left; width: 247px; height: auto; margin: 0; padding: 0; background: url('../images/boxbckgrd.jpg') no-repeat top left #E8E4C7;}
#boxbtm    {display: block; float: left; width: 247px; height: 4px; margin: 0; padding: 0; background: url('../images/boxbtm.gif') no-repeat;}

#boxmiddle h4        {margin: 0; padding: 0 0 3px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #353881; font-weight: bold;}
#boxmiddle p         {margin: 0; padding: 5px 15px 10px 10px; color: #504d46; font-size: 10px;}
#boxmiddle a         {display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; font-size: 12px; color: #008000; text-decoration: none;}
#boxmiddle a:hover   {color: #353881;}

#frtconbox {display: block; float: left; width: auto; margin: 0 0 0 3px;}
#frtbox {display: block; float: left; width: 175px; height: 126px; margin: 10px 0 0 6px; padding: 8px; background: url('../images/frtbox.jpg') no-repeat top left;}
#frtbox h4 {margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #353881; text-decoration: none;}
#frtbox h4 a {text-decoration: none;}
#frtbox p {margin: 0; padding: 2px 0 0 0; line-height: 15px;}
#frtbox img {display: block; float: left; padding: 0; margin: 0 7px 0 0; padding: 0; border: 2px solid white;}
#asubtn {display: block; float: left; width: 425px; height: 24px; margin: 20px 0 0 12px; padding: 0;}
#asubtn a {background: url('../images/btmbtnroll.gif') no-repeat; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #ffffff; text-decoration: none; width: 425px; height: 20px; display: block; padding-top: 4px;}
#asubtn a:hover {background-position: 0 -24px; color: #FFFFFF;}

/********************donation page****************/
#dnpichold {float: left; width: 150px; margin: 5px 0 0 0;}
#dnrightcol {float: left; width: 230px; padding: 0 0 0 20px;}
#dnrightcol p {margin: 0;}

/*************************/
.normalsize {font-size: 12px;}

/************ form **************/
form {padding-left: 20px; float: left; font-family: Arial, Helvetica, sans-serif;}
label {margin: 7px 0 0 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
input {font-size: 12px; color: #504d46; margin: 0 0 7px 0;}

#weather {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; border: 0;}
#wx_module_7878 {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; border: 0;}

#btm {display: block; float: left; width: 100%; height: 18px; margin: 0; padding: 0 0 25px 0; background: url('../images/full_shadow.gif') no-repeat top center;}