body {
margin : 0;
height : 700px;
background-image : url('img/bannerbg.png');
background-repeat : repeat-x;
background-color : #909090;
}
.banner {
position : relative;
width : 902px;
height : 250px;
display : block;
background-image : url('img/mainbanner.png');
background-repeat : no-repeat;
margin-left : auto;
margin-right : auto;
z-index : 1;
}
.websitetitle {
position : absolute;
top : 100px;
left : 150px;
height : 18px;
width : 500px;
display : block;
font : 16px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
}
.searchbar input#search {
position : relative;
top : 158px;
left : 180px;
height : 17px;
width : 343px;
border : 0 dashed red;
background : transparent;
color : #333334;
}
.searchbar div#button {
position : absolute;
top : 155px;
left : 535px;
height : 20px;
width : 33px;
border : 0 dashed red;
background-image : url('img/search.png');
color : #333334;
}
.searchbar input#buttonhover {
position : absolute;
top : 155px;
left : 535px;
height : 20px;
width : 33px;
border : 0 dashed red;
background-image : url('img/search-hover.png');
color : #333334;
}
.rhino {
position : absolute;
left : -350px;
height : 306px;
width : 731px;
display : block;
background-image : url('img/rhino.png');
background-repeat : no-repeat;
}
.menuwrapper {
position : absolute;
top : 188px;
left : 168px;
height : 31px;
width : 413px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
background-image : url('img/menubg.png');
background-repeat : no-repeat;
}
.menuwrapper div#plain-menuA {
position : absolute;
top : 0;
height : 31px;
width : 103px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : black;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#menuA {
position : absolute;
top : 0;
height : 31px;
width : 103px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
background-image : url('img/menuA.png');
background-repeat : no-repeat;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#plain-menuB {
position : absolute;
top : 0;
left : 105px;
height : 31px;
width : 50px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : black;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#menuB {
position : absolute;
top : 0;
left : 105px;
height : 31px;
width : 50px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
background-image : url('img/menuB.png');
background-repeat : no-repeat;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#plain-menuC {
position : absolute;
top : 0;
left : 157px;
height : 31px;
width : 120px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : black;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#menuC {
position : absolute;
top : 0;
left : 157px;
height : 31px;
width : 120px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
background-image : url('img/menuC.png');
background-repeat : no-repeat;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#plain-menuD {
position : absolute;
top : 0;
left : 279px;
height : 31px;
width : 134px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : black;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.menuwrapper div#menuD {
position : absolute;
top : 0;
left : 279px;
height : 31px;
width : 134px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
background-image : url('img/menuD.png');
background-repeat : no-repeat;
cursor : pointer;
text-align : center;
padding-top : 9px;
}
.rightbannerlinks {
position : absolute;
top : 110px;
left : 690px;
height : 20px;
width : 200px;
display : block;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : right;
color : #f3f2f2;
}
.rightbannerlinks a, .rightbannerlinks a:link, .rightbannerlinks a:visited {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #f3f2f2;
text-decoration : none;
}
.rightbannerlinks a:hover {
text-decoration : underline;
}
.joinnetwork#jnplain {
position : absolute;
top : 259px;
left : 190px;
width : 186px;
height : 61px;
display : block;
background-image : url('img/joinnetwork.png');
background-repeat : no-repeat;
}
.joinnetwork#jnhover {
position : absolute;
top : 259px;
left : 190px;
width : 186px;
height : 91px;
display : block;
background-image : url('img/joinnetwork-hover.png');
background-repeat : no-repeat;
cursor : pointer;
}
.becomestaff#bsplain {
position : absolute;
top : 259px;
left : 380px;
width : 186px;
height : 61px;
display : block;
background-image : url('img/becomestaff.png');
background-repeat : no-repeat;
}
.becomestaff#bshover {
position : absolute;
top : 259px;
left : 380px;
width : 186px;
height : 91px;
display : block;
background-image : url('img/becomestaff-hover.png');
background-repeat : no-repeat;
cursor : pointer;
}
.page {
position : relative;
top : -30px;
width : 900px;
height : 800px;
display : block;
margin-left : auto;
margin-right : auto;
background-color : #dedede;
border-left : 1px solid black;
border-right : 1px solid black;
border-bottom : 1px solid black;
}
.pageshadow {
position : relative;
top : -38px;
width : 913px;
height : 30px;
display : block;
margin-left : auto;
margin-right : auto;
background-image : url('img/pageshadow.png');
background-repeat : no-repeat;
}
.datawraptop {
position : relative;
top : 100px;
left : 17px;
height : 6px;
width : 564px;
display : block;
background-image : url('img/datawrap-top.png');
background-repeat : no-repeat;
z-index : 5;
}
.datawrap {
position : relative;
top : 100px;
left : 17px;
height : 680px;
width : 564px;
display : block;
background-color : #f3f2f3;
z-index : 5;
}
.datawrapshader {
position : relative;
top : 15px;
left : 15px;
height : 650px;
width : 530px;
display : block;
background-image : url('img/datawrapshader.png');
background-repeat : repeat-x;
background-color : #f3f2f3;
z-index : 5;
}
.data {
position : relative;
top : 15px;
left : 15px;
height : 640px;
width : 495px;
display : block;
background-image : url('img/datashader.png');
background-repeat : repeat-x;
background-color : #f3f2f3;
z-index : 5;
}
.pageview {
float : left;
height : 640px;
width : 485px;
display : block;
padding-left : 5px;
padding-right : 5px;
overflow : auto;
font : 12px Verdana, Arial, Helvetica, sans-serif;
line-height : 16px;
z-index : 20;
}
.pageview h1 {
font : 24px Verdana, Arial, Helvetica, sans-serif;
color : #333334;
}
.pageview div#chanlist {
float : left;
width : 160px;
height : 20px;
color : #333334;
text-align : left;
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.pageview div#flashcontent {
position : relative;
top : -40px;
width : 480px;
color : #333334;
text-align : left;
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
margin-bottom : -40px;
background-image : url('img/cumulusbg.png');
background-repeat : no-repeat;
}
.pageview div#chanleft {
float : left;
width : 100px;
height : 20px;
color : #333334;
text-align : right;
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.wbitem {
float : left;
width : 230px;
height : 16px;
color : #333334;
text-align : left;
padding-left : 4px;
}
.wbitem a, .wbitem a:link, .wbitem a:visited {
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : 14px;
color : #0364a4;
}
.wbitem a:hover {
text-decoration : underline;
color : #0000CC;
}

.pageview div#chanright {
float : left;
width : 360px;
height : 20px;
color : #333334;
text-align : left;
padding-left : 4px;
font : 12px Verdana, Arial, Helvetica, sans-serif;
}
.pageview div#chanleft_high {
float : left;
width : 100px;
height : 60px;
color : #333334;
text-align : right;
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.pageview div#chanright_high {
float : left;
width : 380px;
height : 60px;
color : #333334;
text-align : left;
padding-left : 4px;
font : 12px Verdana, Arial, Helvetica, sans-serif;
}
.pageview div#chaninfo {
float : left;
width : 470px;
color : #333334;
text-align : left;
font : 12px Verdana, Arial, Helvetica, sans-serif;
margin-top : 20px;
}
.pageview div#appleft {
float : left;
width : 150px;
height : 20px;
color : #333334;
text-align : right;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.pageview div#appright {
float : left;
width : 300px;
height : 20px;
color : #333334;
text-align : left;
padding-left : 4px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
}
.pageview div#appleft_short {
float : left;
width : 50px;
height : 20px;
color : #333334;
text-align : right;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.pageview div#appright_long {
float : left;
width : 400px;
height : 20px;
color : #333334;
text-align : left;
padding-left : 4px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
}
.pageview div#appline {
float : left;
width : 450px;
height : 2px;
background-color : #333333;
margin-top : 5px;
margin-bottom : 5px;
}
.pageview div#apptopic {
float : left;
width : 450px;
height : 20px;
text-align : left;
font : 12px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #333334;
}
.pageview div#appfieldtopic {
float : left;
width : 440px;
height : 20px;
padding-top : 5px;
padding-left : 10px;
text-align : left;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #333334;
}
.pageview div#appfield {
float : left;
width : 470px;
text-align : left;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #333334;
}
.pageview input {
width : 250px;
height : 12px;
font : 8px Verdana, Arial, Helvetica, sans-serif;
color : #333334;
padding : 0;
margin : 0;
}
.pageview textarea {
width : 350px;
height : 36px;
margin-left : 50px;
font : 8px Verdana, Arial, Helvetica, sans-serif;
color : #333334;
padding : 0;
}
.pageview div#appsubmit {
float : left;
width : 80px;
height : 20px;
color : #333334;
text-align : left;
padding-left : 320px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
}
.pageview div#appsubmit input#submit {
height : 28px;
width : 80px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #333334;
padding : 0;
margin : 0;
}
.datawrapbottom {
position : relative;
top : 100px;
left : 17px;
height : 6px;
width : 564px;
display : block;
background-image : url('img/datawrap-bottom.png');
background-repeat : no-repeat;
z-index : 5;
}
.tipscorner {
position : absolute;
top : 35px;
left : 595px;
height : 69px;
width : 299px;
display : block;
background-image : url('img/tipscorner.png');
background-repeat : no-repeat;
z-index : 5;
}
.tipscorner div#tip {
position : absolute;
top : 40px;
left : 8px;
height : 16px;
width : 290px;
display : block;
z-index : 5;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-align : left;
}
.whiteboard#main {
position : absolute;
top : 104px;
left : 595px;
height : 260px;
width : 278px;
display : block;
z-index : 5;
background-color : white;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
}
.whiteboard#wbend {
position : absolute;
top : 369px;
left : 595px;
height : 6px;
width : 298px;
display : block;
z-index : 5;
background-image : url('img/whiteboardend.png');
background-repeat : no-repeat;
}
.whiteboard div#rhino {
position : absolute;
top : 0;
left : 0;
width : 78px;
height : 67px;
display : block;
background-image : url('img/whiteboardrhino.png');
background-repeat : no-repeat;
}
.whiteboardavatar {
float : left;
width : 32px;
height : 32px;
display : block;
background-image : url('img/avatar.png');
}
.whiteboardline {
float : left;
width : 250px;
height : 2px;
margin-left : 10px;
margin-top : 4px;
margin-bottom : 4px;
background-color: #dedede;
}
.whiteboarditem {
float : left;
width : 230px;
height : 17px;
padding-left : 10px;
padding-top : 16px;
display : block;
}
.whiteboarditem a, .whiteboarditem a, .whiteboarditem a:link, .whiteboarditem a:visited {
font : 11px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : 0;
color : #0364a4;
}
.whiteboarditem a:hover {
text-decoration : underline;
color : #0000cc;
}
.whiteboardshowall {
float : left;
width : 250px;
height : 8px;
display : block;
text-align : right;
}
.whiteboardshowall a, .whiteboardshowall a, .whiteboardshowall a:link, .whiteboardshowall a:visited {
font : 8px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : 0;
color : #0364a4;
}
.whiteboardshowall a:hover {
text-decoration : underline;
color : #0000cc;
}
.whiteboxads {
width : 250px;
height : 50px;
display : block;
float : left;
padding-left: 30px;
}

.communitybanner {
position : absolute;
top : 376px;
left : 595px;
width : 300px;
height : 77px;
display : block;
z-index : 5;
}
.communitybanner a#supportcommunity {
position : absolute;
top : 0px;
left : 0px;
border : 0;
width : 300px;
height : 77px;
display : block;

}
.communitybanner a#supportcommunity img {
position : absolute;
top : 0px;
left : 0px;
border : 0;
width : 300px;
height : 77px;
display : block;
background-color : WHITE;
}
.placeads {
position : absolute;
top : 455px;
left : 595px;
width : 300px;
height : 84px;
display : block;
z-index : 5;
background-image : url('img/placeads.png');
background-repeat : no-repeat;
}
.adsbanner {
position : absolute;
top : 540px;
left : 595px;
width : 300px;
height : 84px;
display : block;
z-index : 5;
}
.adsbannerlink {
position : absolute;
top : 0px;
left : 0px;
width : 300px;
height : 84px;
display : block;
z-index : 5;
cursor : pointer;
}
.adsarea {
position : absolute;
top : 615px;
left : 595px;
height : 175px;
width : 300px;
display : block;
z-index : 5;

}
.watermark {
position : absolute;
top : 760px;
left : 680px;
height : 34px;
width : 204px;
display : block;
z-index : 5;
background-image : url('img/avadenet_watermark.png');
background-repeat : no-repeat;
}
.bottom {
position : absolute;
top : 1040px;
width : 100%;
height : 337px;
display : block;
background-image : url('img/bottombg.png');
background-repeat : repeat-x;
}
.bottomwrap {
position : relative;
top : 19px;
width : 903px;
height : 310px;
display : block;
margin-left : auto;
margin-right : auto;
background-image : url('img/bottomwraplines.png');
background-repeat : repeat-x;
}
.bottomwrap div#title {
position : relative;
top : 10px;
width : 885px;
height : 14px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
padding-left : 20px;
}
.listbox_small {
float : left;
width : 50px;
height : 200px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
color : #f3f2f2;
}
.listbox {
float : left;
padding-left : 0;
margin-top : 15px;
width : 150px;
height : 200px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
color : #f3f2f2;
}
.listbox div#link {
position : relative;
top : -5px;
height : 5px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
cursor : pointer;
}
.listbox a:link, .listbox a:visited {
font : 10px Verdana, Arial, Helvetica, sans-serif;
cursor : pointer;
text-decoration : none;
line-height : 15px;
color : #f3f2f2;
}
.listbox a:hover {
text-decoration: underline;
}
.line {
height : 3px;
width : 100px;
background-color : #f3f2f3;
padding : 0;
}
.bottomwrap div#copyright {
position : absolute;
top : 300px;
left : 700px;
width : 210px;
height : 14px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #f3f2f2;
}
.rhinoresult#good {
float : left;
width : 466px;
height : 153px;
background-image : url('img/rhinosearch.png');
background-repeat : no-repeat;
font : 16px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold; 
text-align : center;
padding-top : 12px;
padding-left : 20px;
}
.rhinoresult#bad {
float : left;
width : 466px;
height : 153px;
background-image : url('img/rhinosearchsad.png');
background-repeat : no-repeat;
font : 16px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold; 
text-align : center;
padding-top : 12px;
padding-left : 20px;
}
.searchresult {
float : left;
padding-left : 100px;
height : 20px;
width : 310px;
}
.searchresult h1, .searchresult h1 a, .searchresult h1 a:link, .searchresult h1 a:visited {
font : 16px Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
text-decoration : none;
line-height : 16px;
color : #333399;
}
.searchresult h1 a:hover {
text-decoration : underline;
color : #5555cc;
}
.searchstring {
float : left;
padding-left : 110px;
width : 310px;
font : 10px Verdana, Arial, Helvetica, sans-serif;
line-height : 12px;
padding-bottom : 0;
margin-top : 10px;
}