html, body {padding:0px; margin:0px}
body,td,input,select,textarea {font-size:11px; font-family:tahoma,"lucida grande",verdana,sans-serif}
/*body {overflow:auto}*/
h1, h2 {color:white; font-family:/*"century gothic",*/"segoe ui","trebuchet ms",tahoma,"lucida grande",verdana,sans-serif; margin:0px; display:block}
h1 {font-size:24px; font-weight:normal; padding:2px}
h2 {font-size:18px; font-weight:bold; background-color:#1c3971; padding:5px}
#chatTop h2 {font-size:24px; font-weight:normal; padding:2px; text-align:center; background:none}
.pageDiv h2, .pageMenu .menuTitle {line-height:25px}
.h2Menu span {text-decoration:underline}
.h2MenuClickable {cursor:pointer}
.pageDiv h2 div {font-size:12px; line-height:15px; padding-top:2px}
img {padding:0px; border:0px none transparent; margin:0px}
a {color:#326790}
a:hover {color:#36ae4a}
a.white {color:white}
a.white:hover {color:lime}
p {margin:5px 0px 0px 0px; text-indent:12px}
table {border-collapse:collapse}
td {padding:0px}
form {padding:0px; margin:0px}
input.button {height:23px; width:79px}
.popup {position:fixed; top:125px; left:125px; max-width:96%; background-image:url("../images/trans.png"); padding:5px; cursor:default; display:none; z-index:6}
td .popup {position:static; text-align:left; margin:0px auto; width:300px}
.popup h2 {margin-bottom:0px}
.closeX {position:absolute; top:14px; right:14px; height:16px; width:17px; color:white !important; text-decoration:none; font-size:12px; font-weight:bold; background-color:#000055; padding:1px 0px 0px 1px; text-align:center; cursor:pointer}
.boxTitle {color:white; font-weight:bold; background-color:steelblue; padding:3px}
.boxTitle a {color:white}
.boxTitle a:hover {color:white}/*line added for IE6*/
.boxContent {background-color:#dddddd; padding:5px}
.blueGradient {background:steelblue url("../images/top_bg.bmp") repeat-x}
#logoAndSlogan {width:130px; text-align:center; padding:0px 5px; float:left}
#logoAndSlogan a {color:white; text-decoration:none; display:block}
#logoAndSlogan a:hover {color:white; text-decoration:underline}
#slogan {padding:5px}
.studentCardWrapper {float:left; max-width:400px; padding:5px}
.studentCard {color:white}
.studentCard a {color:white; text-decoration:none; display:block}
.studentCard a:hover {text-decoration:underline}
.studentCardLeft {float:left}
.studentCardPicture {height:120px; max-width:200px; cursor:pointer; display:block}
.studentCardTitle {font-weight:bold; background-color:#1c3971}
.studentCardTitle a {text-decoration:none; position:relative; left:5px; margin-right:5px; padding:5px}
.studentCardTitle a:hover {text-decoration:underline}
.studentCardSubtitle {font-weight:normal; position:relative; left:5px; margin-right:5px; padding-bottom:5px; margin-top:-5px}
.studentCardText {position:relative; left:5px; margin-right:5px; padding:2px 2px 2px 5px}
.studentCardText a {display:inline}
.studentCardMenu {white-space:nowrap}
.studentCardMenuLeft {float:left}
.studentCardMenuRight {float:right; text-align:right; padding:3px 3px 0px 0px}
.searchQ {display:block; width:100%; margin-bottom:8px; position:relative; z-index:4}
.searchPane {position:absolute; top:0px; right:0px; width:250px; background-color:white; padding:30px 10px 10px 10px; border-width:0px 0px 3px 3px; border-style:solid; border-color:steelblue; z-index:2; display:none}
.searchType {padding-bottom:1px; border-bottom:1px solid black}
.pageMenu .menuTitle {font-size:18px; font-family:"segoe ui","trebuchet ms",tahoma}
.pageMenu a {display:none}
.pageData {width:705px; display:none}
.notice, .noticeDisplayNone {background-color:yellow; border:1px solid brown; margin-bottom:5px}
.noticeDisplayNone {display:none}
.noticeDisplayNone table {display:none}
.noticeDisplayNone table td, .notice td {padding:10px}
.noticeTitle {color:brown; font-size:16px; padding:7px 7px 0px 7px}
.pageLeft {float:left; width:200px; text-align:center}
.pageRight {float:right; width:495px; padding-left:10px}
.shoutsDiv {clear:both}
.pagePicture {width:200px; display:none}
.shout {border:1px solid #888888; margin-top:2px}
.shout table {width:100%}
.shout td {vertical-align:top}
.oShouts {margin-bottom:5px}
.oShouts table {width:100%}
.postImage, .postHeader {background-color:#dddddd; padding:2px}
.postImage {width:100px; text-align:center}
.postImage img {width:100px; padding:0px; border:0px none transparent; margin:0px; cursor:pointer}
.postHeader a {font-weight:bold}
.postContent {padding:2px}
.listMini {background-color:#dddddd; padding:3px 5px 5px 5px; max-height:100px; overflow:auto; overflow-x:hidden}
.listSmall {height:204px; overflow:auto}
.listSmallFlex {max-height:204px; overflow:auto}
.listBig {height:210px; overflow:auto}
.listBigFlex {max-height:210px; overflow:auto}
.menu {position:absolute; top:0px; left:0px; color:white; font-weight:bold; background:#1c3971 url("../images/menu_bg.bmp") repeat-x; border:1px solid steelblue; display:none; z-index:1}
.menuOpener {color:white; text-decoration:none; font-weight:bold; padding:2px; border:2px solid transparent}
.menuOpener:hover {color:white; text-decoration:underline}
.menuTitle {text-decoration:underline}
.menuTitle, .menu a {padding:2px 30px 2px 2px}
.menu a {color:white; font-weight:bold; text-decoration:none; display:block}
.listSmall a, .listSmallFlex a, .listBig a, .listBigFlex a {color:darkblue; font-weight:bold; text-decoration:none; display:block; padding:2px}
.menu a:hover {color:white; background-color:steelblue}/*color:white added for IE6*/
.listSmall a:hover, .listSmallFlex a:hover, .listBig a:hover, .listBigFlex a:hover {color:white; background-color:darkblue}
.menuHeading {text-align:center; padding:5px 15px 0px 15px; border-bottom:1px solid white}