body{ margin: 0; padding:0; font-family: Arial, Verdana, Helvetica; font-size: 12px; text-align: center; background: #4c7892 url(../images/body_bg.gif); color: #516471}
img{ border: 0px}
a:link{ color: #004a7f; text-decoration: underline; background-color: transparent}
a:visited{ color: #516471; text-decoration: underline; background-color: transparent}
a:active{ color: #516471; text-decoration: none}
a:hover{ text-decoration: none; background-color: #bad0e2}
a.todo{ background-color: #CC0000; color: #FFF}
h3{ margin: 5px 0px 3px 0px; font-size: 14px}
p{ margin: 5px 0px 3px 0px}
form{ margin:0}
hr.dashed{ border:0; height: 1px; background: #FFF url(../images/hr_bg.gif) repeat-x; margin: 10px 0px 10px 0px}
h5{ font-size: 12px; font-weight: bold; margin: 0px 0px 3px 0px}
p{ margin: 0px 0px 10px 0px}
ol{ margin: 10px 0px 0px 10px; padding-left:15px}
ol#helpTopics{ margin: 0px 0px 20px 00px; padding-left:15px}
span.searchword {background-color:yellow}
.icon{ margin-right: 5px; vertical-align: middle}
.container{ padding: 10px}
.container.help h5{ margin-top: 15px; font-size: 14px}
.fieldWithErrors{ display: inline}
.searchResults{ width: 535px; overflow:hidden; padding:0px 5px 10px 10px}
.searchResults div{ width: 96px; height: 96px; text-align: center; background-color: #e7e7e7; float: left; display: inline; margin-right: 7px; margin-bottom: 5px; border: 2px solid #FFF}
.searchResults div img{ vertical-align: middle}
.searchResults div:hover{ border: 2px solid #C05951}
#errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#addLinks #errorExplanation{ width: 280px; margin-left: 10px; border: 2px solid #f89819; background-color: #FFF}
#newCategory #errorExplanation{ width: 280px; border: 2px solid #f89819; background-color: #FFF}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#addLinks #errorExplanation h2, #newCategory #errorExplanation h2{ background-color: transparent; color: #f89819}
#errorExplanation p {color: #333; padding: 5px}
#addLinks #errorExplanation p, #newCategory #errorExplanation p{ color: #f89819}
.inputSpacer{ margin-bottom: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square; font-weight: bold}
#addLinks #errorExplanation ul li, #newCategory #errorExplanation ul li{ color: #f89819; list-style: disc}
#container{ width: 900px; margin: 0px auto; text-align: left; background-color: #FFF; overflow: hidden; padding-bottom: 20px}
#pageWrapper{ width:100%; overflow:hidden}
#header{ width: 900px; height: 125px; background: #FFF url(../images/alumni_logo.gif) bottom left no-repeat; text-align: right; position: relative}
#header h1{ margin:0; padding: 40px 10px 0px 0px; color: #51A6C0; font-family: Arial, Helvetica, Sans-Serif; font-size: 20px}
#menu{ width: 880px; height: 35px; margin-left: 10px; position: relative; background: #FFF url(../images/menu_bg.gif) repeat-x}
#menu ul{ margin:0px; width: 890px; padding:0; height: 35px; list-style: none; overflow: hidden}
#menu ul li{ margin: 0; padding: 0px; float: left; height: 28px; padding: 7px 10px 0px 10px}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{ color: #516471; text-decoration: none; background: none}
#menu ul li a:hover{ text-decoration: underline}
#menu #selectedLeft-1{ width: 10px; height: 35px; background: transparent url(../images/sel1_left.gif) no-repeat; padding:0}
#menu ul li.selected-1{ background: transparent url(../images/sel1_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-1{ width: 10px; height: 35px; background: transparent url(../images/sel1_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-2{ width: 10px; height: 35px; background: transparent url(../images/sel2_left.gif) no-repeat; padding:0}
#menu ul li.selected-2{ background: transparent url(../images/sel2_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-2{ width: 10px; height: 35px; background: transparent url(../images/sel2_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-3{ width: 10px; height: 35px; background: transparent url(../images/sel3_left.gif) no-repeat; padding:0}
#menu ul li.selected-3{ background: transparent url(../images/sel3_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-3{ width: 10px; height: 35px; background: transparent url(../images/sel3_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-4{ width: 10px; height: 35px; background: transparent url(../images/sel4_left.gif) no-repeat; padding:0}
#menu ul li.selected-4{ background: transparent url(../images/sel4_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-4{ width: 10px; height: 35px; background: transparent url(../images/sel4_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-5{ width: 10px; height: 35px; background: transparent url(../images/sel5_left.gif) no-repeat; padding:0}
#menu ul li.selected-5{ background: transparent url(../images/sel5_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-5{ width: 10px; height: 35px; background: transparent url(../images/sel5_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-6{ width: 10px; height: 35px; background: transparent url(../images/sel6_left.gif) no-repeat; padding:0}
#menu ul li.selected-6{ background: transparent url(../images/sel6_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-6{ width: 10px; height: 35px; background: transparent url(../images/sel6_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-7{ width: 10px; height: 35px; background: transparent url(../images/sel7_left.gif) no-repeat; padding:0}
#menu ul li.selected-7{ background: transparent url(../images/sel7_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-7{ width: 10px; height: 35px; background: transparent url(../images/sel7_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-8{ width: 10px; height: 35px; background: transparent url(../images/sel8_left.gif) no-repeat; padding:0}
#menu ul li.selected-8{ background: transparent url(../images/sel8_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-8{ width: 10px; height: 35px; background: transparent url(../images/sel8_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-9{ width: 10px; height: 35px; background: transparent url(../images/sel9_left.gif) no-repeat; padding:0}
#menu ul li.selected-9{ background: transparent url(../images/sel9_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-9{ width: 10px; height: 35px; background: transparent url(../images/sel9_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-10{ width: 10px; height: 35px; background: transparent url(../images/sel10_left.gif) no-repeat; padding:0}
#menu ul li.selected-10{ background: transparent url(../images/sel10_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-10{ width: 10px; height: 35px; background: transparent url(../images/sel10_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-11{ width: 10px; height: 35px; background: transparent url(../images/sel11_left.gif) no-repeat; padding:0}
#menu ul li.selected-11{ background: transparent url(../images/sel11_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-11{ width: 10px; height: 35px; background: transparent url(../images/sel11_right.gif) no-repeat; padding:0px}
#menu #selectedLeft-admin{ width: 10px; height: 35px; background: transparent url(../images/admin_left.gif) no-repeat; padding:0}
#menu ul li.selected-admin{ background: transparent url(../images/admin_bg.gif) repeat-x; color: #FFF; height: 29px; padding: 6px 0px}
#menu #selectedRight-admin{ width: 10px; height: 35px; background: transparent url(../images/admin_right.gif) no-repeat; padding:0px}
#menu li#logout{ float: right; display: inline; margin-right:10px}
#menu ul li.selected a:link, #menu ul li.selected a:visited, #menu ul li.selected a:active{ color: #FFF; text-decoration: none}
#menu ul li.selected a:hover{ text-decoration: underline}
#leftColumn{ float: left; display: inline; width: 550px; margin-left: 10px; padding-top: 5px}
#featureWrapper{ width: 100%; overflow: hidden}
#featured{ float: left; width: 200px; color: #516471; background: transparent url(../images/header_pink.gif) no-repeat; padding: 8px 0px 10px 10px}
#featured h1{ font-size: 14px; color: #FFF; margin: 0px 0px 15px 0px}
#featured h2{ font-size: 14px; color: #516471; margin: 0px 0px 5px 0px}
#featured p{ margin: 3px 0px 5px 0px; font-size: 11px}
#featured p img{ vertical-align: middle; margin-right: 3px}
#favourite{ float: right; margin-bottom: 10px; text-align: center; background-color: #e7e7e7; width: 340px}
#searchBox{ width: 100%; background-color: #e7e7e7; position: relative; height: 65px}
#searchPhotos{ width: 100%; background-color: #e7e7e7; position: relative; padding-top: 35px}
#photoSearch{ width: 200px; margin-right: 5px}
#searchHeader{ position: absolute; top: 0; left: 0; background: transparent url(../images/header_orange.gif) no-repeat; width: 200px; height: 35px}
#searchHeader h1{ font-size: 14px; color: #FFF; margin: 6px 0px 0px 10px}
#searchForm{ padding: 10px 0px 0px 200px; width: 340px; text-align: right; color: #516471}
#searchForm p{ margin-top: 3px}
#searchForm p input{ vertical-align: middle}
#popVideos{ width: 100%; height: 35px; background: transparent url(../images/green_bg.gif) repeat-x; text-align: right; position: relative; margin-top: 10px}
#popVideos h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_green.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#popVideos p{ position: absolute; top: 6px; right: 10px; width: 150px; height: 35px; text-align: right; margin:0}
#videoThumbs{ width: 500px; overflow: hidden; text-align: center; padding: 10px 25px 0px 25px}
.cell{ float: left; display: inline; width: 101px; text-align: center; padding-left: 12px; padding-right: 12px}
#popPhotos, .red{ width: 100%; height: 125px; background: transparent url(../images/red_bg.gif) repeat-x; text-align: right; position: relative; margin-top: 10px}
.red{ height: 35px; width: 550px}
.orange{ width: 100%; height: 35px; background: transparent url(../images/search_bg.gif) repeat-x; position: relative}
.orange h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left; background: transparent url(../images/search_hdr.gif) no-repeat}
#popPhotos h1, .red h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_red.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#popPhotos p, .red .photoLinks{ position: absolute; top: 6px; right: 10px; width: 200px; height: 35px; text-align: right; margin:0}
#popPhotos #btnLeft{ position: absolute; top: 45px; left: 0px; width: 40px; height: 75px; z-index: 4}
#popPhotos #btnRight{ position: absolute; top: 45px; right: 0px; width: 40px; height: 75px; z-index: 5}
#popHolder{ position: absolute; top: 45px; left: 42px; width: 468px; height: 75px}
.popular_thumb{ width: 75px; height: 75px; float: left; display: inline; margin-right: 3px; background-color: #FFF}
.popular_thumb img{ display: block; margin:0}
#popRelative{ width: 468px; height: 75px; position: relative; overflow: hidden}
#overlay{ width: 550px; height: 75px; position: absolute; top: 40px; left: 0px; background-color: #FFF; -moz-opacity: 0.0; opacity: 0.0; filter: alpha(opacity=0); z-index: 6}
#popScroller{ position: absolute; width: 624px; width:1000px; height: 75px; top:0px; left: 0px; z-index: 3}
#popLinks{ width: 100%; height: 35px; background: transparent url(../images/dkgreen_bg.gif) repeat-x; text-align: right; position: relative; margin-top: 10px}
#popLinks.nm, #popNews.nm{ margin-top: 0px}
#popLinks h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_dkgreen.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#addLinks{ width: 100%; background: transparent url(../images/dkgreen_bg2.gif); padding: 10px 0px 10px 0px}
#addLinks dl{ width: 100%; overflow: hidden; margin:0; padding: 0}
#addLinks dt{ margin:0; padding: 4px 0px 0px 10px; float: left; width: 70px; height: 22px}
#addLinks dd{ margin:0; padding: 0; float: left; width: 240px; height: 26px}
#addLinks label{ font-size: 11px}
#addLinks dd .normal{ width: 225px}
#addLinks dd.ta{ height: 100px}
#addLinks dd textarea{ width: 225px; height: 90px; overflow-y: scroll}
.dkGreen{ width: 100%; height: 35px; background: transparent url(../images/dkgreen_bg2.gif) repeat-x; text-align: right; position: relative; margin-top: 10px}
.dkGreen h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_dkgreen2.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#popLinks p, #popNews p{ position: absolute; top: 6px; right: 10px; width: 150px; height: 35px; text-align: right; margin:0}
#linkList{ color: #516471; margin-top: 5px}
#linkList p{ margin: 3px 0px}
#linkList li{ margin-bottom: 6px}
#rightColumn{ width: 320px; float: left; display: inline; margin-left: 10px; padding-top: 5px}
#welcome{ width: 300px; background: #e7e7e7 url(../images/header_grey.gif) no-repeat; text-align: left; position: relative; padding: 40px 10px 0px 10px; color: #516471; margin-bottom: 10px}
#welcome h1{ position: absolute; top: 0; left:0; width: 290px; height: 24px; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#loggedIn, #loggedOut{ padding-bottom: 10px}
#loginForm{ width: 100%; padding-bottom: 0px}
#loginForm form{ margin: 0px; padding:10px; width: 280px; position: relative}
#loginForm dl{ width: 100%; overflow: hidden; margin:0; padding:0}
#loginForm dt{ width: 90px; float: left; margin:0px; padding:0}
#loginForm dd{ float: left; width: 185px; margin:0px; padding:3px 0px}
#loginForm dd input.loginInput{ width: 175px; margin:0px 0px 5px 0px}
#btnSubmit{ float: right; vertical-align: middle; margin:6px 10px 0px 0px}
#loginErrors{ color: #f89819; font-weight: bold}
#loginForm p{ margin-top: 11px}
#user_secondary_school_id, #user_tertiary_school_id, #user_associate_secondary_school_id, #user_associate_tertiary_school_id{ width: 400px; font-size: 10px}
.blue{ width: 100%; height: 35px; background: transparent url(../images/blue_bg.gif) repeat-x; text-align: right; position: relative}
.blue h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_blue.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
.dkblue{ width: 100%; height: 35px; background-color: #dce5f2; text-align: right; position: relative}
#rightColumn .dkblue{ margin-top: 10px}
.dkblue h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/recently_joined_bg.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
.dkblue p{ padding: 7px 5px 0px 5px}
#regoForm{ width: 100%; padding-top: 10px}
#regoForm dl{ width: 100%; margin: 0; overflow: hidden}
#regoForm dt{ float: left; width: 120px; margin: 0px 0px 5px 10px; display: inline}
#regoForm dd{ float: left; width: 420px; margin: 0px 0px 5px 0px}
#regoForm dl.small-form dt{ width: 130px; padding-right: 20px}
#regoForm dl.small-form dd{ width: 350px}
.blueSmall{ width: 100%; height: 35px; background: transparent url(../images/blue_sml_bg.gif) repeat-x; text-align: left; position: relative; margin:0}
.blueSmall h1{ position: absolute; top: 0; left:0; width: 200px; height: 29px; background: transparent url(../images/header_blue_sml.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
.blueContent{ background-color: #dbe5ed; text-align: left; margin:0; padding: 10px; color: #516471}
.blueContent p{ margin-top: 7px}
#recentlyJoined{ width: 100%; background-color: #dce5f2; text-align: left; position: relative; padding-top: 35px; margin-top: 10px}
#recentlyJoined h1{ position: absolute; top: 0; left:0; width: 200px; height: 29px; background: transparent url(../images/recently_joined_bg.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#recentlyJoined ul{ margin:0; padding:0; list-style: none}
#recentlyJoined ul li{ margin:0; padding:2px; height: 25px; border-top:1px solid #FFF}
#recentlyJoined ul li img, #friendsList img{ vertical-align: middle; margin-right: 10px}
#recentlyJoined ul li img.icon, #friendsList img.icon{ float: right; margin: 5px 3px 0px 0px}
#recentlyJoined ul li.loggedIn{ margin:0; padding:2px; height: 25px; border-top:1px solid #FFF; background-color: #edf2f8}
#friends{ width: 100%; height: 35px; background: transparent url(../images/friends_bg.gif) repeat-x; text-align: right; position: relative}
#friends h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/friends_hdr.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#friends p{ padding: 7px 5px 0px 5px}
#deleted{ height: 10px}
.grey{ width: 100%; height: 35px; background: transparent url(../images/grey2_bg.gif) repeat-x; text-align: right; position: relative}
.grey p{ position: absolute; top: 6px; right: 10px; width: 200px; height: 35px; text-align: right; margin:0}
.grey h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_grey2.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
.photoIcon{ float: left; margin: 0px 5px 10px 0px}
#profile_signature, #profile_music, #profile_films, #profile_books{ width: 400px; height: 40px}
#profile_about, #profile_interests{ width: 400px; height: 100px}
#resource_resource, #iconSubmit{ height: 24px}
div.dashed{ background: #FFF url(../images/hr_bg.gif) repeat-x; width: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 0px}
h3{ line-height: 1.3em; margin: 10px 0px 10px 0px; color : #52B3AB}
div.dashed p{ line-height: 1.3em; margin: 3px 0px 10px 0px}
div.dashed label{ display:block; margin: 12px 0px 3px 0px}
div.dashed label.inline-label{ display: inline; margin:0}
div.dashed textarea{ height: 80px; overflow-y: scroll}
div.dashed select{ width: 200px}
div.dashedBottom{ background: transparent url(../images/hr_bg.gif) left bottom repeat-x; width: 100%; overflow: hidden; padding-top: 10px; margin-bottom: 10px}
.clearme{ clear: both}
div.dashed dl{ width: 100%; margin: 0px 0px; padding: 0px 0px 5px 0px; overflow: hidden}
div.dashed dt{ float: left; width: 120px; margin: 5px 0px}
div.dashed dd{ float: left; width: 410px; margin: 5px 0px}
#profile{ width: 100%; margin: 0px; padding: 0; overflow: hidden}
#profile dt{ width: 60px; float: left; margin: 5px 0px}
#profile dd{ float: left; width: 430px; margin: 5px 0px}
.small{ font-size: 10px}
.links{ width: 100%; overflow: hidden; padding-bottom: 20px}
.links img{ float: left; margin-right: 3px}
#notice{ border-top: 2px solid #f89819; border-bottom: 2px solid #f89819; margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px}
#notice, .notice{ color: #f89819; font-size: 14px; font-weight: bold}
dl#newpass{ margin: 10px 0px 10px 0px; padding-top: 10px}
.ltblue{ width: 100%; height: 35px; background: transparent url(../images/lightblue_bg.gif) repeat-x; text-align: right; position: relative}
.ltblue h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_ltblue.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
#friendsList{ margin-bottom: 20px}
.accordion-click{ background-color: #97b3d9; padding: 6px; font-weight: bold; color: #FFF; border-top: 1px solid #FFF; font-size: 14px; cursor: pointer; cursor: hand}
.accordion-content, .friend{ background-color: #dce5f2; padding: 6px; color: #516471; border-top: 1px solid #FFF}
.accordion-content.loggedIn, .friend.loggedIn{ background-color: #edf2f8}
.friend{ width: 100%; padding:0; overflow: hidden}
.friend img{ vertical-align: middle; margin-right: 4px}
.category{ background-color: #97b3d9; padding: 0px; font-weight: bold; color: #FFF; border-top: 1px solid #FFF; font-size: 14px; width: 100%; overflow: hidden}
.catName{ float: left; padding: 6px}
.catForm{ float: left; padding: 6px}
.catForm form{ display: inline}
.actions{ float: right; padding: 6px; font-weight: normal; font-size: 12px}
.friend .actions{ padding-top: 10px}
.friend .actions form{ display: inline}
#search, #new_category{ padding: 0px 0px 0px 0px}
.friendsForm{ width: 100%; margin:0; padding:0; overflow: hidden}
.friendsForm dt{ float: left; width: 100px; margin:0px 0px 7px 0px; padding:0}
.friendsForm dd{ float: left; width: 430px; margin:0px 0px 5px 0px; padding:0}
.friendsForm input, .friendsForm select{ margin:0}
.greyBox{ width: 100%; background-color: #e7e7e7; text-align: left; position: relative; margin: 10px 0px 10px 0px; color: #516471}
.greyBox{ width: 300px; background: #e7e7e7 url(../images/header_grey3.gif) no-repeat; text-align: left; position: relative; padding: 40px 10px 10px 10px; margin: 10px 0px 10px 0px; color: #516471}
.greyBox h1{ position: absolute; top: 0; left:0; width: 100%; height: 35px; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
#quickProfile{ width: 100%; overflow: hidden}
#quickProfile h3{ font-size: 14px; margin: 0px 0px 5px 0px}
#quickProfile h4{ font-size: 12px; margin: 0px 0px 5px 0px}
#quickProfile dl{ width: 100%; margin:0; padding:0; overflow: hidden}
#quickProfile dt{ width: 70px; float: left; margin:0; padding:0}
#quickProfile dd{ width: 220px; float: left; margin:0; padding:0}
.pagination{ width: 100%; overflow: hidden; background-color: #e7e7e7}
.pLeft{ float: left; width: 200px; padding: 5px 5px 5px 10px}
.pRight{ float: right; background-color: #D0D0D0; text-align: right; padding: 5px 10px 5px 5px}
.pageLeft{ float: left; width: 180px}
.pageRight{ float: right; width: 100px; text-align: right}
.resultBlock{ width: 526px; border: 2px solid #FFF; overflow: hidden; background: #FFF url(../images/hr_bg.gif) left bottom repeat-x; padding: 10px 0px 10px 0px}
.resultBlock.noBorder{ background: none; padding:10px 10px 0px 10px; width: 506px}
.resultBlock.photoHover{ border: 2px solid #c05951; background: #f5f5f5}
.resultBlock.videoHover{ border: 2px solid #a6c051; background: #f5f5f5}
.resultBlock.linkHover{ border: 2px solid #51a6c0; background: #f5f5f5}
.resultBlock.profileHover{ border: 2px solid #ACACAC; background: #f5f5f5}
.resultIcon{ float: left; width: 60px}
.resultThumb{ float: left; display: inline; width: 100px; margin-left: 10px; margin-right: 20px}
.resultThumb img{ float: left; margin: 0; border: 1px solid #CCC}
.resultInfo{ float: left; width: 380px}
.resultInfo h4, .resultInfo h3{ margin: 0px 0px 3px 0px; font-size: 14px}
.resultInfo p{ margin: 0px 0px 5px 0px}
.resultInfo a:link, .resultInfo a:visited, .resultInfo a:active{ color: #004a7f}
.linkBlock{ padding:0px 10px 0px 10px}
.linkTitle{ font-weight: bold}
#mailForm dl{ width: 100%; margin:0; padding:0; overflow: hidden}
#mailForm dt{ width: 120px; float: left; margin:0px 0px 5px 0px; padding:0}
#mailForm dd{ width: 400px; float: left; margin:0px 0px 5px 0px; padding:0}
#footer{ width: 870px; margin-top: 20px; margin-left: 10px; padding: 6px 10px 0px 0px; clear: both; height: 24px; background: #dbe5ed url(../images/seniors_footer.gif) no-repeat; text-align: right; font-size: 11px; color: #516471}
#message{ padding: 10px; background: #dce5f2 url(../images/mail_bg.gif) repeat-x; margin: 15px 0px 10px 0px}
.truncate{ width: 100%; height: 15px; overflow: hidden}
.hilitedRow td{ background-color: #dce5f2}
dt.hasErrors{ color: #f89819}
input.hasErrors, textarea.hasErrors{ border: 2px solid #f89819}
#messageHolder{ padding:0px 0px 0px 0px}
input.normalInput{ width: 336px}
textarea.normalInput{ width: 336px; overflow-y: scroll}
#browse{ padding: 40px 10px 0px 10px; background: #efd5d3 url(../images/browse_header.gif) no-repeat; margin: 10px 0px 0px 0px; position: relative; width: 300px}
#categories{ background: #efd5d3 url(../images/browse_header.gif) no-repeat; margin: 10px 0px 0px 0px; position: relative; width: 320px; height: 35px}
#videoCategories{ background: #e4ecca url(../images/browse_videos.gif) no-repeat; margin: 10px 0px 0px 0px; position: relative; width: 320px; height: 35px}
#browse h1, #categories h1, #videoCategories h1{ margin:0; color: #FFF; font-size: 14px; position: absolute; top: 6px; left: 10px}
#categories .videoLinks{ width: 80px}
#browse .pagination{ background-color: #f4e2e0; padding: 5px; margin-top: 0px; width: 290px}
#thumbsTable{ width: 299px; margin: 5px 0px 5px 0px}
#thumbsTable td{ background-color: #d6aaa8; width: 96px; height: 96px}
#thumbsTable td img{ display: block; margin:0}
#photoComment_comment, #videoComment_comment{ width: 520px; height: 100px; display: block; overflow-y: scroll}
.alignRight{ width: 520px; padding-top: 10px; text-align: right}
.comment{ width: 100%; overflow: hidden; margin-top: 10px}
p.small{ font-size: 10px; margin: 0px 0px 5px 0px}
.mt20{ margin-top: 20px}
.comment p{ margin: 0px 0px 5px 0px}
.mt0{ margin-top:0}
.pt0{ padding-top: 0px}
.table tr th{ padding-bottom: 10px}
dl.editPhoto{ width: 100%; overflow: hidden}
dl.editPhoto dt{ float: left; width: 100px; margin:0px 0px 5px 0px; padding:0}
dl.editPhoto dd{ float: left; width: 430px; margin:0px 0px 5px 0px; padding:0}
dl.editPhoto dd input, dl.editPhoto dd textarea{ margin: 0px}
.photoCategory{ width: 320px; overflow: hidden; border-top: 1px solid #FFF; background-color: #d6aaa8}
.photoCategoryTitle{ width: 100%; background-color: #C05951; position: relative; overflow: hidden}
.photoCategoryTitle p{ position: absolute; top: 5px; right: 10px; margin:0}
.photoCategoryTitle p a:link, .photoCategoryTitle p a:visited, .photoCategoryTitle p a:active{ color: #FFF; text-decoration: underline}
.photoCategoryTitle p a:hover{ color: #d6aaa8; background-color: transparent}
.videoCategory{ border-top: 1px solid #FFF; background-color: #e4ecca; width: 100%; overflow: hidden}
.videoCategoryTitle{ width: 100%; background-color: #A6C051; overflow: hidden}
.videoCategory h1, .photoCategory h1, .photoCategoryTitle h1, .videoCategoryTitle h1{ margin: 5px 0px 5px 10px; font-size: 14px; font-weight: bold; color: #FFF}
.photoCategory a:link, .photoCategory a:visited, .photoCategory a:active{ color: #FFF; font-weight: bold; font-size: 13px; text-decoration: underline; background-color: transparent}
.photoCategory.pHover{ text-decoration: none; background-color: #c05951}
.videoCategory a:link,.videoCategory a:visited, .videoCategory a:active{ color: #516471; font-weight: bold; font-size: 13px; text-decoration: underline; background-color: transparent}
.videoCategory.vHover{ text-decoration: none; background-color: #a6c051}
.videoCategory.vHover a:link,.videoCategory.vHover a:visited,.videoCategory.vHover a:active{ color: #FFF}
.catLeft, .editForm{ float: left; width: 200px; overflow-x: hidden; padding: 4px 0px 6px 10px}
.editForm form{ padding: 4px 0px 4px 0px}
.editForm label{ color: #FFF}
.editForm form .normalInput{ margin-bottom: 4px; width: 190px}
.catRight{ float: right; width: 90px; padding: 4px 10px 0px 0px; text-align: right}
.catRight a:link{ display: inline; width: auto; padding: 0}
.profile{ width: 500px; padding: 10px 0px 0px 10px; overflow: hidden}
#catName{ width: 520px; padding: 5px; background-color: #c05951; overflow: hidden}
#catName h3{ float: left; display: inline; width: 400px; color: #FFF; font-size: 13px; font-weight: bold; margin:0}
#catName #links{ float: right; display: inline; width: 120px; color: #FFF; text-align: right}
#catName #links a:link, #catName #links a:visited, #catName #links a:active{ font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none}
#catName #links a:hover{ text-decoration: underline; background-color: transparent}
#catForm{ padding: 10px; background-color: #d6aaa8; color: #FFF}
.pagination.mt10{ margin-top: 10px}
#commentErrors{ color: #F00; font-weight: bold}
.accordion-wrapper{ white-space: nowrap; padding:0; margin:0}
.pink{ width: 100%; height: 35px; background: transparent url(../images/pink_bg.gif) repeat-x; text-align: right; position: relative}
.pink h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/pink_hdr.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
.faveBlock{ width: 100%; overflow: hidden; padding-bottom: 10px}
.faveBlock .photo{ width: 75px; height: 75px; text-align: center; background-color: #e7e7e7; float: left; display: inline; margin-right: 7px; margin-bottom: 5px; border: 2px solid #FFF}
.faveBlock .photo:hover{ border: 2px solid #C05951}
.faveBlock .photoResult{ float: left}
.photoResult h3{ margin:0px}
.green{ width: 100%; height: 35px; background: transparent url(../images/green_bg.gif) repeat-x; text-align: right; position: relative}
.green h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/green_hdr.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
.videoLinks{ position: absolute; top: 6px; right: 10px; width: 300px; height: 35px; text-align: right; margin:0}
#videoCategories .videoLinks{ width: 80px}
div#message_body{ width: 385px; padding: 10px; background: #dce5f2 url(../images/mail_bg.gif) repeat-x}
#newCategory{ padding: 10px; background-color: #E4ECCA}
#newCategory.photos{ background-color: #EFD5D3}
#newCategory dl{ width: 100%; overflow: hidden; margin: 0; padding:0}
#newCategory dt{ float: left; width: 80px; margin: 0px 0px 5px 0px; padding:0}
#newCategory dd{ float: left; width: 215px; margin: 0px 0px 5px 0px; padding:0}
#newCategory dd .normalInput{ width: 200px}
#submitCategory{ }
#browseFavourites{ width: 100%; height: 35px; background: url(../images/pink_bg2.gif) no-repeat; position: relative; margin-top: 10px}
#browseFavourites h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#favouritePhotos{ background-color: #c05951; border-top: 1px solid #FFF; width: 100%; overflow: hidden}
#favouritePhotos a:link, #favouritePhotos a:visited, #favouritePhotos a:active, #favouritePhotos a:hover{ display: block; width: 310px; padding: 4px 0px 6px 10px; color: #FFF; font-weight: bold; font-size: 14px; text-decoration: underline; background-color: #c05951}
#favouriteVideos{ background-color: #a6c051; border-top: 1px solid #FFF; width: 100%; overflow: hidden}
#favouriteVideos a:link, #favouriteVideos a:visited, #favouriteVideos a:active, #favouriteVideos a:hover{ display: block; width: 310px; padding: 4px 0px 6px 10px; color: #FFF; font-weight: bold; font-size: 14px; text-decoration: underline; background-color: #a6c051}
#favouriteLinks{ background-color: #51a6c0; border-top: 1px solid #FFF; width: 100%; overflow: hidden}
#favouriteLinks a:link, #favouriteLinks a:visited, #favouriteLinks a:active, #favouriteLinks a:hover{ display: block; width: 310px; padding: 4px 0px 6px 10px; color: #FFF; font-weight: bold; font-size: 14px; text-decoration: underline; background-color: #51a6c0}
#profileForm{ width: 100%; overflow: hidden; padding-top: 10px}
#profileIcon{ float: left; width: 50px; display: inline; margin-right: 10px}
#profileField{ float: left; width: 470px}
#profileField p{ font-size: 10px; margin-top: 10px}
.linkForm{ padding-left: 10px}
#addFriend{ padding-bottom: 10px}
a:link.helpIcon, a:visited.helpIcon, a:active.helpIcon, a.helpIcon:hover{ background-color: transparent}
.helpIcon img{ vertical-align: middle; margin-bottom: 3px; background-color: transparent}
.helpText{ padding: 10px; border: 1px solid #8FB4E7; background-color: #FFFFDF; margin-bottom: 10px}
.dashed.p10{ padding: 15px 0px 5px 0px}
.linkForm{ width: 100%; margin:0; padding:0; overflow: hidden}
.linkForm dt{ float: left; width: 100px; margin:0px 0px 7px 0px; padding:0px 0px 0px 10px}
.linkForm dd{ float: left; width: 360px; margin:0px 0px 5px 0px; padding:0}
#popNews{ width: 100%; height: 35px; background: transparent url(../images/news_bg.gif) repeat-x; text-align: right; position: relative; margin-top: 20px}
#popNews h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_rust.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#newsSummary{ padding:10px}
.brown{ width: 100%; height: 35px; background: transparent url(../images/bg_brown.gif) repeat-x; text-align: right; position: relative}
.brown p{ position: absolute; top: 6px; right: 10px; width: 280px; height: 35px; text-align: right; margin:0}
.brown h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_brown.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
.brown p a{ color: #000}
#mentor_skills{ width: 450px}
#mentor_contact_info{ width: 450px; height: 60px}
h4.mentor{ color: #704132; margin: 10px 0px 5px 0px}
.red2{ width: 100%; height: 35px; background: transparent url(../images/bg_red2.gif) repeat-x; text-align: right; position: relative}
.red2 .reunionLinks{ position: absolute; top: 6px; right: 10px; width: 380px; height: 35px; text-align: right; margin:0; color: #7F1E00}
.red2 h1{ position: absolute; top: 0; left:0; width: 200px; height: 35px; background: transparent url(../images/header_red2.gif) no-repeat; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 16px; color: #FFF; text-align: left}
.red2 .reunionLinks a{ color: #FFF}
.red2 .reunionLinks a:hover{ background-color: #FF0000}
.container.reunion h3, #event-errors h3{ color: #FF0000; margin-bottom: 3px}
#rsvp{ border: 2px dotted #FF0000; padding: 0px 10px 10px 10px; background-color: #FFE7DF; color: #7F1E00; margin-top: 20px}
#organizer{ border: 2px dotted #FF0000; padding: 10px 10px 0px 10px; background-color: #FFE7DF; color: #7F1E00; margin-top: 20px; overflow: hidden}
#rsvp h5{clear:both;margin-top:10px;margin-bottom:3px;}
#rsvp ul, #event-errors ul{ margin-left: 0; padding-left: 0}
#rsvp ul li{ margin-left: 15px; padding-left: 0}
#event-errors ul li{ margin-left: 20px; padding-left: 0}
#attendee-list{ list-style-type:none; margin-left: 0; padding-left:0}
#attendee-list li.odd, #reunions tr.odd td{ list-style-type:none; margin-left: 0; padding: 8px; background-color: #FFF3EF}
#attendee-list li.even, #reunions tr.even td{ list-style-type:none; margin-left: 0; padding: 8px; background-color: #FFF}
#attendee-list li img{ vertical-align: middle; margin-right: 10px}
#reunions th{ padding: 8px}
.accordion-content.activity{ background-color: #FFF3EF; padding: 6px; color: #7F1E00; border-top: 1px solid #FFF}
.container.reunion.mt0 h3{margin-top:0px;}
#event_venue, #event_email, #event_phone, #event_capacity, #event_information{border: 1px solid #999;padding: 3px;}
#regoForm dl.small-form dt, #regoForm dl.small-form dd{ }
#regoForm dl.small-form{ padding: 20px 0px 10px 0px; background-color: #FFF3EF; border-bottom: 1px solid #FFF}
#regoForm #submit{padding: 4px;}
#attendee_dietary_needs{border: 1px solid #999;padding: 3px; width: 250px}
#divStatus{padding: 10px;}
#eduSites{position: absolute; bottom: 10px; right:0px; margin: 0px 10px 0px 0px; text-align: right; width:660px;}
#eduSites img{margin: 0px 0px 0px 15px;vertical-align:bottom;}
#eduSites img.school-logo{ padding: 0px 0px 10px 0px; margin:10px 0px 0px 10px}
#user-school-info{ position: absolute; right: 0px; top:0px}
#eduSites a:hover{background-color: #FFF;}
.swfupload{float: left; margin:0px 5px 0px 0px;}
#what-is{ width: 100%; background-color: #fff; text-align: left; position: relative; padding-top: 35px; margin-top: 10px}
#what-is h1{ position: absolute; top: 0; left:0; width: 200px; height: 29px; background: transparent url(../images/header_red2.gif) no-repeat scroll 0 0; display: block; margin:0; padding: 6px 0px 0px 10px; font-size: 14px; color: #FFF; text-align: left}
#what-is.red2{height: auto; margin-top:0;}
#errors ul{list-style:none; margin:0px 0px 10px 0px; padding:5px; border: 5px solid #CC0000; background-color: #FFF;}
#errors ul li{font-weight: bold; color: #CC0000; margin: 5px 0px;}
#full-width{width: 880px; padding: 30px 10px;}
#full-width #welcome{ width: 300px; background: #e7e7e7 url(../images/header_grey3.gif) no-repeat; text-align: left; position: relative; padding: 40px 10px 0px 10px; color: #516471; margin-left:280px; margin-bottom: 10px}