html, form, body, #wrapper, #page{ min-height: 100%; } * html html, form, body, #wrapper, #page{ min-height: 100%; }

body { font: 62.5% arial, Verdana, sans-serif; color: #4c4c4c; background: #a8da39 url(Images/bg.jpg); }
strong { font-weight: bold; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

h1{ font-size: 1em; color: #454545; }
h2{ font-size: 1em; color: #454545; }
h3{ font-size: 1em; color: #454545; }
h4{ font-size: 1em; color: #454545; }
h5{ font-size: 1em; color: #454545; }

.red { color: red; }
.small { font-size: 1em; } .medium { font-size: 1.2em; } .large { font-size: 1.4em; }
.caption { font-size: 1em; color: #777; text-align: right; padding-top: 3px; border-top: 1px solid #ccc; margin-top: 3px; }
.right{ text-align: right; } .left{ text-align: left; }
/* a links */
a:link { color: #454545; text-decoration: none; }
a:visited { color: #454545; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #454545; text-decoration: none; }
/*a.arrow { display: block; background: url(Images/arrow.gif) 0 3px no-repeat; padding: 4px 0 5px 20px; height: 18px; font-size: 11px; margin: .3em 0; }*/

.t11{ margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; color: #007340 !important; }
.t13{ margin: 0; padding: 0; font-size: 1.1em; font-weight: bold; color: #007340 !important; }

.topNav{ margin: 0 0 0 888px; padding: 0; position: absolute; z-index: 1000; }
.topNav ul{ margin: 0; padding: 0; -moz-float-edge:content-box;}
.topNav ul li{ clear: both;}

.topNav ul li.main a{ width: 39px; height: 67px; background: url(Images/navigation/upperNav/main.gif) no-repeat; float: left; }
.topNav ul li.sitemap a{ width: 36px; height: 67px; background: url(Images/navigation/upperNav/sitemap.gif) no-repeat; float: left; }
.topNav ul li.contact a{ width: 36px; height: 67px; background: url(Images/navigation/upperNav/contact.gif) no-repeat; float: left; }
.topNav ul li.logout a{ width: 36px; height: 67px; background: url(Images/navigation/upperNav/logout.jpg) no-repeat; float: left; }

#page{ margin: 0; padding: 0; width: 904px; background: #8eb558 url(Images/page/page_end_bg.jpg) repeat-y right top; height: 100%; }
#page .inner{ margin: 0; padding: 0 7px 50px 0; width: 897px; background: url(Images/page/page_inner_bg.jpg) no-repeat right bottom; min-height: 950px;  }
* html #page .inner{ height: 950px; padding-bottom: 50px;  }
#page .inner .col1{ margin: 0; padding: 0; width: 230px; float: left; overflow: hidden; }



#page .inner .col1 .logo{ overflow: hidden; margin: 0 0 8px 0; padding: 0; }
#page .inner .col1 .logo h1{ float: left; }
#page .inner .col1 .logo h1 a{ float: left; height: 177px; width: 226px; background: url(Images/logo.jpg) no-repeat; }
#page .inner .col1 .logo h1 a span{ display: none; }

#page .inner .col1 .box{ margin: 0 0 15px 0; padding: 0 10px 10px 10px; width: 210px; background: #7b856e url(Images/sideCol/box/bottom_bg.jpg) no-repeat left bottom; }
#page .inner .col1 .box h4{ margin: 0 -10px 10px -10px; padding: 12px 10px 0 10px; height: 25px; width: 210px; background: #7b856e url(Images/sideCol/box/top_bg.jpg) no-repeat center top; font-size: 1.1em; color: #4c4c4c; font-weight: bold; }
#page .inner .col1 .box .content{ color: #fff; font-size: 1.1em; font-weight: bold;  }
#page .inner .col1 .box .content p{  }
#page .inner .col1 .box .content p.text{ margin: 0 0 10px 0; padding: 0; font-size: 1.1em; font-weight: bold; }

#page .inner .col1 .subNav { background-color: #CEDCB9; width: 231px; float: right; margin: 10px 0 10px 0; padding: 0; }
#page .inner .col1 .subNav h4{ background: #F8F8F8 url('Images/sideCol/subNav_head.jpg') no-repeat; width: 221px; height: 16px; font-size:12px; color: #456019; font-weight: bold; padding: 5px; }
#page .inner .col1 .subNav ul li{ background: #F8F8F8 url('Images/sideCol/subNav_item_bg.gif') no-repeat; background-position: left top; }
#page .inner .col1 .subNav ul li.selected{ background: #F8F8F8 url('Images/sideCol/subNav_item_bg_selected.gif') no-repeat; background-position: left top; }
#page .inner .col1 .subNav ul li.last{ background: #F8F8F8 url('Images/sideCol/subNav_item_bg_last.gif') no-repeat; background-position: left top; }
#page .inner .col1 .subNav A{ font-size: 11px; font-weight: bold; color: #3C6C00; height: 16px; width: 221px; text-decoration: underline; display: block; padding: 5px; }
#page .inner .col1 .subNav A:hover{ background: #F8F8F8 url('Images/sideCol/subNav_item_bg_sel.gif'); font-size: 11px; font-weight: bold; color: #3C6C00; height: 16px; width: 221px; text-decoration: underline; display: block; padding: 5px; }
#page .inner .col1 .subNav ul li.last A:hover{ background: #F8F8F8 url('Images/sideCol/subNav_item_bg_last_hover.gif'); font-size: 11px; font-weight: bold; color: #3C6C00; height: 16px; width: 221px; text-decoration: underline; display: block; padding: 5px; }

#page .inner .col1 .box .poll{ color: #EEEDFF;  }
#page .inner .col1 .box .poll ul{}
#page .inner .col1 .box .poll ul li{ margin: 0 0 15px 0; }
#page .inner .col1 .box .poll ul li p{ margin: 0 0 3px 0; }
#page .inner .col1 .box .poll .voteButton{ float: right; }
#page .inner .col1 .box .poll .barContainer{ margin: 0; padding: 0; width: 181px; height: 15px; background: url(Images/sideCol/poll/barcontainer/container_bg.jpg) no-repeat; float: left; }
#page .inner .col1 .box .poll .barContainer .bar{ margin: 0; padding: 0; height: 15px; background: #64ccdb url(Images/sideCol/poll/bluebar/left_end_bg.jpg) no-repeat left center; }
#page .inner .col1 .box .poll .barContainer .bar .back{ margin: 0 0 0 4px; padding: 0; height: 15px; background: #000 url(Images/sideCol/poll/bluebar/bar_bg.jpg) repeat-x; }
#page .inner .col1 .box .poll .barContainer .bar .back .right{ height: 15px; width: 100%; background: url(Images/sideCol/poll/bluebar/right_end_bg.gif) no-repeat right center; }
#page .inner .col1 .box .poll .barContainer .bluebar{ margin: 0; padding: 0; height: 15px; background: #64ccdb url(Images/sideCol/poll/bluebar/left_end_bg.jpg) no-repeat left center; }
#page .inner .col1 .box .poll .barContainer .bluebar .back{ margin: 0 0 0 4px; padding: 0; height: 15px; background: #000 url(Images/sideCol/poll/bluebar/bar_bg.jpg) repeat-x; }
#page .inner .col1 .box .poll .barContainer .bluebar .back .right{ height: 15px; width: 100%; background: url(Images/sideCol/poll/bluebar/right_end_bg.gif) no-repeat right center; }
#page .inner .col1 .box .poll .barContainer .redbar{ margin: 0; padding: 0; height: 15px; background: #64ccdb url(Images/sideCol/poll/redbar/left_end_bg.jpg) no-repeat left center; }
#page .inner .col1 .box .poll .barContainer .redbar .back{ margin: 0 0 0 4px; padding: 0; height: 15px; background: #000 url(Images/sideCol/poll/redbar/bar_bg.jpg) repeat-x; }
#page .inner .col1 .box .poll .barContainer .redbar .back .right{ height: 15px; width: 100%; background: url(Images/sideCol/poll/redbar/right_end_bg.gif) no-repeat right center; }
#page .inner .col1 .box .poll .barContainer .greenbar{ margin: 0; padding: 0; height: 15px; background: #64ccdb url(Images/sideCol/poll/greenbar/left_end_bg.jpg) no-repeat left center; }
#page .inner .col1 .box .poll .barContainer .greenbar .back{ margin: 0 0 0 4px; padding: 0; height: 15px; background: #000 url(Images/sideCol/poll/greenbar/bar_bg.jpg) repeat-x; }
#page .inner .col1 .box .poll .barContainer .greenbar .back .right{ height: 15px; width: 100%; background: url(Images/sideCol/poll/greenbar/right_end_bg.gif) no-repeat right center; }
#page .inner .col1 .box .poll .button{ margin: 0; padding: 0; width: 27px; height: 15px; float: left; }
#page .inner .col1 .box .poll .button a{ margin: 0; padding: 0; width: 27px; height: 15px; background: url(Images/sideCol/poll/barcontainer/button_bg.jpg) no-repeat; float: left; }
#page .inner .col1 .box .poll .button a span{ display: none; }
#page .inner .col1 .box .poll .choice{ font-size: 0.9em; }

#page .inner .col1 .polaroid{ margin: 0 0 15px 0; padding: 20px 13px 0 10px; width: 193px; height: 215px; background: url(Images/sideCol/polaroid/polaroid_bg.jpg) no-repeat; text-align: center;  text-align: -moz-center; }
#page .inner .col1 .polaroid img{}
#page .inner .col1 .polaroid .buttons{ width: 198px; text-align: center; margin-top: 5px;}
#page .inner .col1 .polaroid .buttons .number{font-size: 14px; font-weight: bold; color: #306A80; margin: 0 10px;}

#page .inner .col2 .pageContent ul{ list-style-type: disc; }

#page .inner .col2{ margin: 0; padding: 0; width: 658px; float: left; }
#page .inner .col2 .navigation{ margin: 0; padding: 0; width: 658px; height: 65px; background: url(Images/navigation/navigation_bg.jpg) no-repeat; }
#page .inner .col2 .navigation ul{ margin: 0 0 0 40px; height: 65px; }
#page .inner .col2 .navigation ul li{ margin: 0; padding: 23px 22px; float: left; height: 19px; }
#page .inner .col2 .navigation ul li h3{  }
#page .inner .col2 .navigation ul li h3 a{ margin: 0; padding: 0; font-size: 1.2em; color: #fff; font-weight: bold; text-decoration: underline; }
#page .inner .col2 .banner{z-index: 1; position:absolute; margin: 0; width: 656px; height: 156px; border: solid 1px #75865c; border-width: 0 1px; background: url(Images/page/banner/banner_1.jpg) no-repeat; }
#page .inner .col2 .banner p{ margin: 0; padding: 0; font-size: 1.1em; font-family: tahoma, arial, verdana; color: #0a0533; }
#page .inner .col2 .banner a{ margin: 10px 0 0 0; padding: 2px 0; float: right; font-weight: bold; color: #fff; background: url(Images/page/banner/btn_bg.gif) no-repeat; height: 16px; width: 90px; text-align: center; }
#page .inner .col2 .widgets {top: 221px; position:absolute; z-index: 2; margin: -32px 0 0 0; padding: 0 0 20px 0;	width: 656px;	height: 32px; background: transparent url(Images/page/widgets/widgets_bg.gif) no-repeat; border: solid 1px #75865c; border-width: 0 1px;}
#page .inner .col2 .widgets .links{ margin: 0; padding: 5px 0; width: 374px; height: 22px; float: left; }
#page .inner .col2 .widgets .links .rss{ margin: 0 15px; padding: 3px 0 3px 20px; float: left; background: url(Images/page/widgets/rss.jpg) no-repeat left center; font-size: 1.1em; color: #08a0e1; }
#page .inner .col2 .widgets .links .students{ margin: 0 15px; padding: 3px 0 3px 16px; float: right; background: url(Images/page/widgets/students.jpg) no-repeat left center; font-size: 1.1em; color: #08a0e1; }
#page .inner .col2 .widgets .search{ margin: 0; padding: 6px 5px 0 13px; width: 213px; height: 26px; float: left; }
#page .inner .col2 .widgets .search input{ margin: 0; padding: 2px 3px; width: 141px; height: 14px; border: solid 1px #c5ce99; font-size: 1.1em; color: #7d7d7d; float: left; }
#page .inner .col2 .widgets .search a{ margin: 0; padding: 2px 0; width: 58px; height: 15px; float: right; background: url(Images/page/widgets/search_btn_bg.gif) no-repeat; text-align: center; font-weight:bold; font-size: 1.1em; color: #fff; }

#page .inner .col2 .pageContent{ margin-top: 143px !important; color: #497f92; font-size:1.1em; padding: 20px 0 20px 0; width: 656px; background: #fff; border: solid 1px #75865c; border-width: 0 1px 1px 1px; height: auto !important; /* Firefox, Safari, IE7, etc */height: 600px; /* IE6 */min-height:600px; /* Firefox, Safari, IE7, etc */ }

#page .inner .col2 .pageContent .frontPage{   }
#page .inner .col2 .pageContent .frontPage .col1{ margin: 0; padding: 0; width: 374px; float: left; }

#page .inner .col2 .pageContent .frontPage .col1 .item{ margin: 0; padding: 0 15px 0 37px; background: url(Images/page/frontPage/item_arrow.jpg) no-repeat;  width: 315px; }
/*
#page .inner .col2 .pageContent .frontPage .col1 .item h4{ margin: 0 5px 5px 0; padding: 0; text-transform: uppercase; color: #b3cf35; font-weight: bold; font-size: 1.4em; }
#page .inner .col2 .pageContent .frontPage .col1 .item .shortTitle{ margin: 0 5px 5px 0; padding: 0; text-transform: uppercase; color: #b3cf35; font-weight: bold; font-size: 1.4em; float: left; }
#page .inner .col2 .pageContent .frontPage .col1 .item span.info{ margin: 0 0 5px 0; padding: 0; color: #8e184a; font-size: 1.1em; float: left; }
#page .inner .col2 .pageContent .frontPage .col1 .item .content{ margin: 0; padding: 0; clear: both; }
#page .inner .col2 .pageContent .frontPage .col1 .item .content p.text{ font-size: 1.1em; color: #497f92; text-align: left; }
#page .inner .col2 .pageContent .frontPage .col1 .seperator{ margin: 15px 0 0 0; padding: 0 0 15px 0; background: url(Images/page/frontPage/item_seperator.jpg) no-repeat; height: 5px; width: 100%; }
*/
#page .inner .col2 .pageContent .controls {padding: 10px;}
#page .inner .col2 .pageContent A {color: #396f82; font-weight: bold !important; font-size:1.1em;}

#page .inner .col2 .pageContent .frontPage .col2{ margin: 0; padding: 0; width: 282px; float: left; }

#page .inner .col2 .pageContent .frontPage .col2 .forumLogin{ margin: 0 0 15px 0; padding: 20px 0 0 0; width: 242px; height: 114px; background: url('Images/page/frontPage/chat_bg.jpg') no-repeat; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin .row A{ color: #FFF; font-weight: normal !important; text-decoration: underline; }
#page .inner .col2 .pageContent .frontPage .col2 .errorMsg { height: 40px; color: Red; padding: 10px; width: 212px; background: #fff url('Images/page/frontPage/chat_msg.jpg') no-repeat; }
#page .inner .col2 .pageContent .frontPage .col2 .welcomMessage { font-size: 13px; color: #b3cf35; margin: 10px; font-weight: bold; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin .row{ margin: 0 0 10px 14px; width: 190px; height: 20px; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin label{ margin: 5px 0 0 0; font-size: 1.1em; color: #fff; float: left; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin input{ margin: 0; padding: 3px 3px 2px 3px; width: 99px; height: 15px; border: solid 1px #aac76e; float: right; font-size: 1.1em; color: #7d7d7d; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin .submit{ margin: -15px 0 0 0; width: 84px; height: 30px; overflow: hidden; float: right; }
#page .inner .col2 .pageContent .frontPage .col2 .forumLogin .submit a{ margin: 0; padding: 2px 0; float: right; width: 59px; height: 16px; background: url(Images/page/frontPage/chat_btn_bg.jpg) no-repeat; font-weight: bold; color: #789532; text-align: center; }

#page .inner .col2 .pageContent .frontPage .col2 .calendar{ margin: 0 0 15px 0; padding: 0; height: 183px; width: 212px; background: url(Images/page/frontPage/calendar_bg.jpg) no-repeat; padding: 10px; }
#page .inner .col2 .pageContent .frontPage .col2 .calendar A{ text-decoration: underline; }
#page .inner .col2 .pageContent .frontPage .col2 .calendar .dayHeader{ font-size: 13px; font-weight: bold; color: #78AAAB; background-color: #FFF; margin: 5px 0 5px 0; width: 200px; }
#page .inner .col2 .pageContent .frontPage .col2 .calendar .title{ font-size: 16px; color: Black; font-weight: bold; margin: 10px 0 10px 0;  }
#page .inner .col2 .pageContent .frontPage .col2 .calendar .day{ font-size: 12px; line-height: 20px; color: #000; }
#page .inner .col2 .pageContent .frontPage .col2 .calendar .calToday{ font-size: 12px; color: #FFF; background-color: #3B99BF; font-weight: bold; }

#page .inner .col2 .pageContent .frontPage .col2 .birthdays{ margin: 0 0 9px 0; padding: 0; }
#page .inner .col2 .pageContent .frontPage .col2 .birthdays h5.title{ margin: 0 0 10px 0; padding: 0; background: url(Images/page/frontPage/birthdays_bg.jpg) no-repeat; width: 165px; height: 46px; }
#page .inner .col2 .pageContent .frontPage .col2 .birthdays ul{ margin: 0; padding: 0; clear: both; }
#page .inner .col2 .pageContent .frontPage .col2 .birthdays ul li{ margin: 0 0 6px 0; padding: 3px 10px 1px 10px; width: 211px; height: 20px; background: url(Images/page/frontPage/birthday_bg.jpg) no-repeat; }
#page .inner .col2 .pageContent .frontPage .col2 .birthdays ul li a{ font-size: 1.4em; color: #15363b;}

#page .inner .col2 .pageContent .frontPage .col2 .banners{ margin: 10px; float: left; }
#page .inner .col2 .pageContent .frontPage .col2 .banners a{ margin: 0 0 10px 0; padding: 0; border: 0; }
#page .inner .col2 .pageContent .frontPage .col2 .banners a img{ margin: 0; padding: 0; border: 0; }

#interview .more {padding-left: 153px; padding-top: 10px;}
#interview a.lnkInterview {height: 30px; width: 231px; display: block; }

#page .inner .col2 .pageContent .frontPage .col2  .intervWrapper{background: url(Images/sideCol/stjaman_strip.jpg) repeat-y;}
#page .inner .col2 .pageContent .frontPage .col2  .intervContent{padding: 10px 64px 12px 12px;}


#page .inner .col2 .pageContent .item { margin: 0; padding: 0 15px 0 37px; background: url(Images/page/frontPage/item_arrow.jpg) no-repeat; }
#page .inner .col2 .pageContent h4{ margin: 0 5px 5px 0; padding: 0; text-transform: uppercase; color: #b3cf35; font-weight: bold; font-size: 1.4em; }
#page .inner .col2 .pageContent .shortTitle{ margin: 0 5px 5px 0; padding: 0; text-transform: uppercase; color: #b3cf35; font-weight: bold; font-size: 1.4em; float: left; display: inline-block; }
#page .inner .col2 .pageContent .item span.info{ margin: 0 0 5px 0; padding: 0; color: #8e184a; font-size: 1.1em; float: left; display: inline; width: 100px; }
#page .inner .col2 .pageContent .item .content{ margin: 0; padding: 0; clear: both; }
#page .inner .col2 .pageContent .item .content p.text{ font-size: 1.1em; color: #497f92; text-align: left; }
#page .inner .col2 .pageContent .item .content .newsImage{ margin: 0 8px 8px 0;}
#page .inner .col2 .pageContent .seperator{ margin: 15px 0 0 0; padding: 0 0 15px 0; background: url(Images/page/frontPage/item_seperator.jpg) no-repeat; height: 5px; width: 100%; clear: both; }

#page .inner .col2 .pageContent .thumbs .thumb{ float: left; height: 150px; width: 193px; }
#page .inner .col2 .pageContent .thumbs .thumbRow{ height: 160px; width: 579px; }


#page .inner .col2 .pageContent .gallery{ float: left; margin-right: 15px; /*width: 180px;*/ }

#page .inner .col2 .pageContent .gallery A{ color: #06A0E0; text-decoration: underline; }
#page .inner .col2 .pageContent .gallery .text{ width: 180px; text-align: center; }
#page .inner .col2 .pageContent .gallery .item .image {text-align: center;}

/*
#page .inner .col2 .pageContent .gallery {width: 120px; text-align: center; float: left; height: 150px; margin:35px 10px;}
#page .inner .col2 .pageContent .gallery a{color: #FFFFFF; margin: 5px;}
#page .inner .col2 .pageContent .gallery a.imageLink{width: 120px; display: block; height: 160px; margin: 0;}
#page .inner .col2 .pageContent .gallery .galleryImage {width: 120px; text-align: center; height: 160px; background-repeat: no-repeat;}
*/
#page .inner .col2 .pageContent .galleryShow {text-align: center; overflow: hidden; /*height: 570px;*/ /*width: 736px;*/ width: 579px;}
#page .inner .col2 .pageContent .galleryShow a{cursor: pointer;margin: 0 1px; text-decoration: none !important;}
#page .inner .col2 .pageContent .galleryShow a:hover{cursor: pointer; text-decoration: none !important;}
#page .inner .col2 .pageContent .galleryShow .leftArr {float: left; width: 43px; height: 30px;}
#page .inner .col2 .pageContent .galleryShow .rightArr {float: left; width: 38px; height: 30px;}
#page .inner .col2 .pageContent .galleryShow #fadeDiv{margin: 0 auto; height:410px; background-position: center center; background-repeat: no-repeat;}
#page .inner .col2 .pageContent .galleryShow #backDiv{height: 410px; max-height: 410px; position: relative; overflow: hidden; /*width: 736px;*/  background-color: Transparent; margin: 0 auto; margin-top: -410px; background-position: center center; background-repeat: no-repeat; text-align: center;}
#page .inner .col2 .pageContent .galleryShow #progress{ margin: 3px auto; height: 9px; /*width: 736px;*/ text-align: center;}
#page .inner .col2 .pageContent .galleryShow .opaque {-moz-opacity: 0.0; opacity: 0.0; filter: alpha(opacity=0.0); -khtml-opacity: 0.0;}
#page .inner .col2 .pageContent .galleryShow .strip {background-image: url(images/green_strip.jpg); width: 579px; height: 5px; margin: 20px 0px 20px 0px;}
#page .inner .col2 .pageContent .galleryShow .ctrl {padding-top: 12px;}
#page .inner .col2 .pageContent .galleryShow .ctrl .ctrl_wrapp {height: 31px; width: 72px; margin: 0 auto;}
#page .inner .col2 .pageContent .galleryShow .ctrl .ctrl_wrapp .slideShow {cursor: pointer;}
#page .inner .col2 .pageContent .galleryShow .ctrl .ctrl_wrapp .slideShow .play {background-image: url(images/play.jpg); height: 31px; width: 31px; float: left;}
#page .inner .col2 .pageContent .galleryShow .ctrl .ctrl_wrapp .slideShow .stop {background-image: url(images/stop.jpg); height: 31px; width: 31px; float: left; margin-left: 10px;}



#page .inner .col2 .pageContent .pageNumbers {}
#page .inner .col2 .pageContent .pageNumbers ul {list-style-type:none; float: left; margin: 0px; padding: 0px;}
#page .inner .col2 .pageContent .pageNumbers ul li {float:left; height:15px; width: 16px; margin-right:2px; text-align:center; }
#page .inner .col2 .pageContent .pageNumbers ul li.selected {background-color:#B3CF35; }
#page .inner .col2 .pageContent .pageNumbers ul li.selected a {color: #FFFFFF;}
#page .inner .col2 .pageContent .pageNumbers ul li a {color: #B3CF35;}
#page .inner .col2 .pageContent .pageNumbers ul li:hover {background-color:#B3CF35;}
#page .inner .col2 .pageContent .pageNumbers ul li a:hover {color: #FFFFFF;}
#page .inner .col2 .pageContent .pageNumbers .arrow {float: left; height:15px; width: 15px;}
#page .inner .col2 .pageContent .pageNumbers .arrow a {color: #B3CF35;}



#page .inner .col2 .pageContent .studentList{ color: #4D7304; text-decoration: none; font-weight: normal; }
#page .inner .col2 .pageContent .studentList A{ color: #4D7304; font-weight: bold; }
#page .inner .col2 .pageContent .studentList .studentHeader .letters{ background-color: #DBE9B8; width: 100%; height: 18px; padding-top: 5px; margin-bottom: 5px; }
#page .inner .col2 .pageContent .studentList .list{ margin-top: 10px;}
#page .inner .col2 .pageContent .studentList .list .header{ background-color: #ABCF61; color: #FFF; height: 20px;}
#page .inner .col2 .pageContent .studentList .list .header A{ color: #FFF;}
#page .inner .col2 .pageContent .studentList .list .row{ background-color: #DFEFC0; height: 20px; }
#page .inner .col2 .pageContent .studentList .list .altRow{ background-color: #ECF4DC; height: 20px; }
#page .inner .col2 .pageContent .studentList .list .fullName{ padding: 10px; }
#page .inner .col2 .pageContent .studentList .list .normal{ font-weight: normal }
#page .inner .col2 .pageContent .studentList .list .oldStudent{ background-color: #EEE; color: #666; height: 20px; }
#page .inner .col2 .pageContent .studentList .list .oldStudent A{ color: #666; }

#page .inner .col2 .pageContent .webuser { background-color: #E9F2D3; color: #556332; line-height: 30px; font-size: 13px; font-family: Tahoma; overflow: hidden; display: inline-block; padding-bottom: 15px; }
#page .inner .col2 .pageContent .webuser A { color: #079FE0; }
#page .inner .col2 .pageContent .studentName { background-color: #DAE8B7; color: #556332; font-size: 14px; height: 30px; width: 403px; margin-left: -10px; margin-top: 5px; padding-left: 10px; font-weight: bold; }
#page .inner .col2 .pageContent .webuser .profileInput { width: 200px; border: solid 1px #A8B685; padding: 2px; margin: 3px; }
#page .inner .col2 .pageContent .webuser .descriptionInput { width: 300px; height: 60px; border: solid 1px #A8B685; padding: 2px; margin: 3px; }
#page .inner .col2 .pageContent .webuser .saveButton { color: #556332; border: solid 1px #339933; background-color: #F1F4F1; width: 80px; height: 40px; margin-top: 25px; font-weight: bold; }

#page .inner .col2 .pageContent .passwordForm {background-color: #E3F3CE; width: 310px; padding: 10px; font-weight: bold; color: #487B05; }
#page .inner .col2 .pageContent .passwordForm INPUT {margin: 5px; }

#page .inner .col2 .pageContent .contactForm {background-color: #E3F3CE; width: 310px; padding: 10px; font-weight: bold; color: #487B05; }

#page .bottom{ margin: -248px 0 0 10px; padding: 0; height: 218px; position: absolute; padding-top: 30px;  }
#page .bottom p{ font-size: 1.3em; color: #fff; font-family: tahoma, arial, verdana; }

.forum {margin-left: -25px;}

.forum .forumHeader{ width: 633px !important; color: #4c4646; background: url(images/forum_header.jpg) no-repeat; height: 24px; color: #4c4646; overflow: hidden; padding: 5px; }
.forum .forumHeader h4{ padding: 10px; float: left; display: inline; font-weight: bold; color: #4c4747; letter-spacing: 2px; text-transform: uppercase; font-size: 1.1em; }
.forum .forumHeader a{ margin: 0 10px 0 0; float: right; line-height: 33px; padding-left: 10px; letter-spacing: 0px; text-transform: uppercase; color: #4c4646 !important; font-weight: bold; }

.forum .forumTop{ width: 633px; font-size: 1.1em; margin: 0; padding: 3px 0; }
.forum .forumTop .forumPaging{ width: 30%; float: right; text-align: right;}
.forum .forumTop .forumPaging .next{ margin: 0 5px; }

.forum .forumTop .forumPath{ width: 70%; float: left; color: #4c4646; overflow: hidden; }
.forum .forumTop .forumPath a{ color: #4c4646; }

.forum .body table{ margin: 0; padding: 0; width: 633px; border-left: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; }
.forum .body .gridHeader{ margin: 0; padding: 0; height: 29px; color: #fff; background-color: #92A16A; }
.forum .body .gridHeader th{ color: #fff; font-weight: bold; padding: 0 0 0 15px; text-align: left; font-size: 1.1em; }
.forum .body .gridHeader th a{ color: #fff; font-weight: bold; }
.forum .body .gridRowOdd{ background: #f1f1f1; }
.forum .body td{ color: #5f5757; padding: 5px 0 5px 15px; font-size: 1.1em; }
.forum .body td a{ color: #baad29; font-weight: bold; }
.forum .body td a.normal{ color: #5f5757; font-weight: normal; }
.forum .body td.image{ padding: 0 5px; }
.forum .body .gridRowOdd td{ background-color: #FFFFFF; }
.forum .body .gridRowEven td{ background-color: #E9F5D1; }

.forum #topicHeader{ width: 635px !important; margin: 0; padding: 7px 0 3px 0; height: 19px; color: #FFF; background-color: #92A16A; background-repeat: repeat-x; }
* html .forum #topicHeader{ margin: 0; padding: 5px 0; }
.forum #topicHeader span{ margin: 0 10px; color: #fff; font-weight: bold; font-size: 1.1em; }

.forum #topicViewFooter{ width: 635px !important; margin: -2px 0 0 0; background: url(Images/forum_post_footer.jpg) no-repeat; text-align: right; height: 59px; border-top: solid 1px #CBDCA5; padding-top: 20px; }
.forum #topicViewFooter a{ margin: 0 10px 0 0; float: right; line-height: 33px; padding-left: 10px; font-size: 1em; letter-spacing: 0px; text-transform: uppercase; color: #4c4646 !important; font-weight: bold; }

.forum .forumPost{ width: 633px; border-left: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; padding: 0; margin: 0; overflow: hidden;  }
.forum .forumPost .leftCol{ margin: 0; padding: 10px; width: 178px; background: #E9F2D3; float: left; border: solid #c8c8c8; border-width: 0 1px 0 0; }
.forum .forumPost .rightCol{ margin: 0; padding: 0; width: 521px; float: left; }

.forum .forumPost .leftCol .identity{ margin: 0 0 15px 0; padding: 0; font-size: 1.1em; text-align: center;}
.forum .forumPost .leftCol .identityInfo{ margin: 0; padding: 0 0 10px 0; font-size: 1.1em; color: #6f6f6f; }

.forum .forumPost .leftCol .sendMessage{ margin: 0; display: block; height: 16px; width: 16px; background: url(images/pm/email_edit.png) no-repeat; }
.forum .forumPost .leftCol .sendMessage span{ display: none; }

.forum .forumPost .leftCol .identity a{ margin: 0; font-weight: bold; }
.forum .forumPost .leftCol .identity img{ margin: 15px 0 0 0; }

.forum .forumPost .rightCol {width: 434px;}
.forum .forumPost .rightCol .content{ margin: 20px; }
.forum .forumPost .rightCol .postHeader{ margin: 0; padding: 4px 0; width: 434px; height: 17px; background: #92A16A; border: solid #c8c8c8; border-width: 0 0 1px 0; }
.forum .forumPost .rightCol .postHeader A{ color: #FFFFFF; }
.forum .forumPost .rightCol .postHeader span{ font-size: 1.1em; color: #FFF; margin: 0 20px; float: left; }
.forum .forumPost .rightCol .postHeader .forumPostControls{ font-size: 1.1em; margin: 0 10px 0 0; float: right; }
.forum .forumPost .rightCol .postHeader .forumPostControls A{ color: #FFFFFF; }

.forum .forumPost .rightCol .text{ margin: 0 10px; font-size: 1.1em; color: #757575; }
.forum .forumPost .rightCol p{ margin: 0 0 10px 0; padding: 0; color: #757575; }
.forum .forumPost .rightCol .text .qoute{ margin: 0 -10px 10px -10px; width: 418px; padding: 20px; color: #5f5f5f; background: #f3f3f3; border: solid 1px #c8c8c8; }

.forum .resp{ border-top: solid 1px #dfdfdf; }

.forum .forum_postForm{ width:inherit; text-align:center; border: 1px solid #e0e0e0; margin: 0 0px 0px 0px; padding: 10px; }
.forum .forum_postForm span.footnote { color: #888; }
.forum .forum_postForm label {display: inline; text-transform: uppercase; color: #777; font-weight: bold; font-size: 1.2em; }
.forum .forum_postForm input.text { margin-bottom: 10px; width: 120px; padding: 1px; }
.forum .forum_postForm textarea { width: 405px; height: 240px; padding: 1px; font: 12px arial, verdana, sans-serif; }
.forum .forum_postForm input.submit { width: 220px; margin-top: 10px; font-weight: bold; }
.forum .forum_postForm h1 { font-weight: bold; font-size:1.2em; }

#forum_footer_userlist{ border: 1px solid #e0e0e0; padding:5px; }
#forum_footer_userrights{ border: 1px solid #e0e0e0; padding:5px; }

#page .inner .searchButton{ margin:0px 5px; padding:2px 15px; width: 58px; height: 15px; background: url(Images/page/widgets/search_btn_bg.gif) no-repeat; text-align: center; font-weight:bold; font-size: 1.1em; color: #fff; }






.ad-gallery {
  width: 579px;
  
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 550px;
    height: 367px;
    margin: 20px 0 0 15px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(images/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
  
  .ad-gallery hr{ margin: 10px 0 0 0; height: 4px; color: #b3d161; background: #b3d161; border: 0; }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -30px;
      width: 24px;
      display: block;
      background: url(images/ad_scroll_back.png) 0px 26px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -30px;
      width: 24px;
      background: url(images/ad_scroll_forward.png) 0px 26px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
          list-style-type: none;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}