html, body { height:100%; }
body { font-family: Verdana, Helvetica, Arial; font-size: 13px; line-height: 18px; color: #444549; margin: 0 0 0 0; padding: 0 0 0 0; background:url(../images/background.jpg); }
img { border:none; }
p { line-height:175%; }
h1 { font-size:28px; font-weight:normal; color:#3462b0; font-style:italic }
h2 { font-size:20px; font-weight:normal; color:#3462b0; font-style:italic; margin-bottom: 0px; }
.strongTxt { font-weight:bold; }
.container a { display:block; }
a.largeLink { color:#07389f; font-size:16px; font-weight:bold; }
#wrapper { position: relative; min-height: 100%; }
a:link, a:visited, a:hover { color: #033b9c; text-decoration: none; }
.container { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; }
div#left { float:left; width:380px; font-size: 14px; padding-bottom: 170px; }
div#right { float:right; width:380px; padding-bottom: 0px; font-size: 14px; }
#header { margin: 0 0 0 0; border: none; background: url(../images/background-top.jpg) repeat-x top center; }
#header div#inner { width: 805px; margin-top: 0px; margin-left: auto; margin-right: auto; }
div#logo { margin: 50px 0px 40px 0px; padding-left: 7px; width: 330px; float: left; }
#header div#toplinks { text-align:right; padding:65px 0px 0px 0px; font-size: 11px; float: right; width: 300px; }
#header div#toplinks a { color:#033b9c; text-decoration:none; font-weight: bold; }
.clear { clear: both; line-height: 1px; font-size: 1px; }
div#bottomhome1 { width:100%; height:290px; position: absolute; bottom: 40px; z-index: -1; }
div#bottomhome1 div.inner { width: 425px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url(../images/homepage-pig-1-new.png); background-position:left; height: 290px; background-repeat: no-repeat; }
div#bottomhome2 { width:100%; height:276px; position: absolute; bottom: 20px; z-index: -1; }
div#bottomhome2 div.inner { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; background-image: url(../images/homepage-pig-2.png); background-position:left; height: 276px; background-repeat: no-repeat; }
div#raised div.inner div#raisedTxt { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF; float: left; margin: 60px 0px 0px 465px; width: 150px; text-align: center; }
#footer { position: absolute; bottom: 0; background-image:url(../images/footer-grass.png); background-repeat:repeat-x; height:120px; width: 100%; background-position: bottom; }
#footer div#inner { margin-top: 0px; margin-left: auto; margin-right: auto; font-size: 11px; position: absolute; bottom: 0px; width: 100%; background-color: #342015; padding: 5px 0px; color: #FFF; z-index:99; }
#footer div#inner div#middle { width: 795px; margin-top: 0px; margin-left: auto; margin-right: auto; }
#footer div#inner a { color:#35bde7; text-decoration:none; }
div#sign-in-box { width:291px; margin:50px 0px; }
div#twitter { margin-bottom:15px; margin-top: 15px; }
div#ticker { position:absolute; margin-top:150px; z-index:-10; height: 35px; font-size:14px; width:100% }
div#box1 { width:173px; float:left; padding-left: 27px; margin-top:20px; margin-right: 2px; }
div#box2 { width:173px; float:left; margin-top:20px; }
/*TICKER*/
.tickercontainer { /* the outer div with the black border */ width: 100%; height: 27px; margin: 0; padding: 0; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 100%; overflow: hidden; }
ul.newsticker { /* that's your list */ position: relative; left: 0; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; margin-right:15px; }
