html { margin:0; padding:0; }

body { text-align:center; background:#000; color:#fff; font-size:10pt; }

#wrapper { margin:0 auto; width:740px; text-align:left; overflow:display; }

#top { margin-top:80px; }

#sidebar { width:150px; float:left; text-align:right; }
#sidebar ul { margin:0; padding:0; list-style:none; font-family:"Trebuchet MS", verdana, sans-serif; }
#sidebar ul li { margin:0; padding:0; font-size:18px; }
#sidebar ul li a { text-decoration:none; color:#FFF; letter-spacing:1px; }
#sidebar ul li a:hover { color:#FFF; font-weight:bold; }
#menu { margin-top:85px; }

#content { width:540px; margin-left:5px; float:left; }
#content a { color:#e57a00; }
#content a:hover { color:#fff; }
#logo { margin-left:240px; }
#collage { margin-top:-35px; height:348px; width:504px; background:url('images/collage.jpg') no-repeat; background-position:top left; }
#badge { float:left; width:67px;  }
#badge  img{ margin:-30px 0 0 -10px; }
#event25 { float:right; width:465px; }
#event25 p { font-size:19px; }

#bottom { margin-top:20px; text-align:center; }
#desc { width:500px; margin:0 auto; font-size:12pt; font-family:serif; }
#desc p { margin-top:25px; }
#login { margin-top:25px; padding-left:25px; }

#footer { margin-top:10px; padding-top:10px; text-align:center; border-top:1px dotted #555; }
#footer p { margin:0; padding:0; color:#818181; font-family:"Trebuchet MS", verdana, sans-serif; }
#footer p a { color:#e57a00; }
#footer p a:hover { color:#fff; }

/* ABOUT PAGE */
#about { width:100%; margin-top:-35px; overflow:display; }
#left-about { float:left; width:200px; }
#left-about p { font:8pt verdana,arial,sans-serif; margin-top:4px; }
#right-about { float:right; width:325px; margin-top:20px; }
#right-about p { font:10pt verdana,arial,sans-serif; }

/* PORTFOLIO PAGE */
#portfolio { width:100%; margin-top:0; padding-left:10px; font-size:10pt; }
#portfolio p { width:100%; margin:5px 0 0 0; padding:0; }
.vimObj { margin-top:15px; margin-bottom:35px; border:0; }
.vimObj h3 { font-size:12pt; color:#fff; margin-bottom:0; padding-bottom:0; font-family:"Arial Narrow","Arial",sans-serif; }
.vimObj h3 a { text-decoration:none; }
.vimObj p { width:100%; text-align:center; }
.vimObj p.tags { font-size:10pt; color:#999; text-align:left; }
.vimObj p.description { padding-top:15px; font-size:8pt; text-align:left; }
.vimObj p a.grey { color:#ccc; }

#pagination { padding:5px; margin:0; text-align:right; }
#pagination ul { margin:10px 4px 4px 4px; padding:0; }
#pagination ul li { display:inline; font-size:10pt; }
#pagination ul li.hdr { font-size:12pt; margin-left:0; }
#pagination ul li a { margin:0; padding:2px 4px; color:#000; background:#ccc; text-decoration:none; border:1px solid #ccc;  }
#pagination ul li a.selected { margin:0; padding:2px 4px; color:#000; background:#e57a00; text-decoration:none; border:1px solid #e57a00; }
#pagination ul li a:hover{ color:#000; background:#e57a00; border:1px solid #e57a00; }

#pagination-btm { padding:5px; margin:0; text-align:right; }
#pagination-btm ul { margin:10px 4px 4px 4px; padding:0; }
#pagination-btm ul li { display:inline; font-size:10pt; }
#pagination-btm ul li.hdr { font-size:12pt; margin-left:0; }
#pagination-btm ul li a { margin:0; padding:2px 4px; color:#000; background:#ccc; text-decoration:none; border:1px solid #ccc;  }
#pagination-btm ul li a.selected { margin:0; padding:2px 4px; color:#000; background:#e57a00; text-decoration:none; border:1px solid #e57a00; }
#pagination-btm ul li a:hover{ color:#000; background:#e57a00; border:1px solid #e57a00; }

/* PACKAGES PAGE */
#packages { width:100%; margin-top:10px; padding-left:10px; font-size:12pt; }
#packages h3 { margin:0 0 5px 0; }
#packages p { margin:0 0 35px 0; color:gray; }
#packages p span.white { color:white; }

/* AWARDS PAGE */
#awards { width:100%; margin-top:-5px; padding-left:10px; font-size:12pt; background:url('images/award_bg.gif') no-repeat; background-position:top left; }
#awards table.awardTable { width:100%; }
#awards table.awardTable tr, td{ font:9pt verdana,arial,sans-serif; padding:0 0 12px 12px; }

/* CONTACT PAGE */
#contact { width:100%; height:300px; margin-top:-10px; padding-left:10px; font-size:12pt; background:url('images/contact_bg.gif') no-repeat; background-position:top left; overflow:display; }
#contact p.info { margin-top:100px; text-align:center; }

.cleared { clear:both; }
.orange { color:#e57a00; }
.gray { color:#555; }
.gray-link { color:#888; text-decoration:none; }