@charset "utf-8";
/* css document */

body { background:url("images/bg_body.gif") #786F63 0 0 repeat-x; padding:20px 0; }

#wrapper { width:900px; height:auto; overflow:hidden; margin:0 auto; padding:0; background:url("images/bg_wrapper.gif") 0 0 repeat-y; }

#header { width:880px; height:140px; margin:auto; background:#FFF; }
#header a.logo { overflow:hidden; display:block; width:258px; height:82px; background:url("images/logo_main.gif") 0 0 no-repeat; position:absolute; left:25px; top:30px; z-index:1; text-indent:-9999px; overflow:hidden; }

ul.nav { margin:0; padding:0; width:auto; height:110px; position:absolute; top:25px; left:350px; }
ul.nav li { display:block; list-style:none; margin:0; padding:0; width:175px; height:100%; float:left; }
ul.nav li strong { font-size:18px; font-family:"arial narrow","arial",sans-serif; }
ul.nav li ul { margin:10px 0 0 0; padding:0; width:100%; height:auto; position:relative; top:0; left:0; }
ul.nav li li { display:block; list-style:none; margin:0 0 2px 0; padding:0; width:100%; height:auto; float:none; }
ul.nav li li a { text-decoration:none; display:block; margin:0; padding:0; color:#333; font-family:"helvetica",sans-serif; font-size:13px; }
ul.nav li li a:hover { text-decoration:underline; }
ul.nav li li.active a { text-decoration:underline; }

ul.subnav { margin:0; padding:0; width:auto; }
ul.subnav li { display:block; list-style:none; margin:0 0 15px 0; padding:0; width:100%; height:auto; }
ul.subnav li ul { margin:0; padding:0; width:auto; }
ul.subnav li ul li { display:block; list-style:none; width:auto; height:auto; margin:0 0 0 10px; padding:0; }

ul.subnav li a { text-decoration:none; display:block; margin:0; padding:0; height:30px; line-height:30px; font-weight:bold; font-size:18px; font-family:"arial narrow","arial",sans-serif; }
ul.subnav li li a { padding:0 0 0 6px; }

ul.subnav li.smallfont { height:auto; line-height:normal; font-weight:normal; margin-bottom:2px; }
ul.subnav li.smallfont a { height:auto; line-height:normal; font-size:13px; font-family:"arial narrow","arial",sans-serif; }

ul.subnav li.tworows a { display:block; width:auto; height:auto; line-height:normal; font-weight:normal; margin-top:10px; }
ul.subnav li.tworows a strong { display:inline; width:100%; margin:0; padding:0; font-size:13px; font-family:"arial narrow","arial",sans-serif; }
ul.subnav li.tworows a span { display:inline; width:100%; margin:0; padding:0; font-size:13px; font-family:"arial narrow","arial",sans-serif; }

ul.subnav li.tworows a:hover * { color:#be4723; }
ul.subnav li a.active * { color:#be4723; }

ul.subnav li a.open_with_sublinks { color:#333; padding:0 0 0 16px; background:url("images/leftnav_arrow.gif") 0 0 no-repeat; }
ul.subnav li a.open_with_sublinks:hover { color:#be4723; background:url("images/leftnav_arrow.gif") 0 -60px no-repeat; }
ul.subnav li a.active { color:#be4723; }
ul.subnav li a.active_with_sublinks { color:#be4723; padding:0 0 0 16px; background:url("images/leftnav_arrow.gif") 0 -60px no-repeat; }
ul.subnav li a.dead { color:#333; }
ul.subnav li a.dead:hover { color:#be4723; }
ul.subnav li a.dead_with_sublinks { color:#333; padding:0 0 0 16px; background:url("images/leftnav_arrow.gif") 0 -30px no-repeat; }
ul.subnav li a.dead_with_sublinks:hover { color:#be4723; background:url("images/leftnav_arrow.gif") 0 -90px no-repeat; }

div.threecol div.col-R ul li { display:block; list-style:none; margin:0 0 5px 0; padding:0; width:100%; height:auto; }
div.threecol div.col-R ul li { color:#333; font-weight:bold; font-family:"helvetica",sans-serif; font-size:11px; }
div.threecol div.col-R ul li a { text-decoration:none; display:block; margin:0; padding:0; }
div.threecol div.col-R ul li a { color:#333; font-weight:bold; font-family:"helvetica",sans-serif; font-size:11px; }
div.threecol div.col-R ul li a:hover { text-decoration:underline; }

#banner { width:880px; height:auto; margin:auto; background:url("images/bg_banner_top.gif") 0 0 repeat-x; }
#banner div.inner { padding:30px 0; background:url("images/bg_banner_bot.gif") 0 100% repeat-x; }
#banner img.banner { width:880px; height:auto; }
#banner p.breadcrums { position:absolute; bottom:10px; left:22px; }
#banner h1 { margin:0 0 0 20px; }

p.breadcrums { display:block; width:auto; height:20px; margin:0; padding:0; line-height:normal; position:relative; left:22px; }
p.breadcrums a { display:block; margin:0; padding:0; float:left; height:20px; line-height:20px; color:#888; font-size:11px; }
p.breadcrums span { display:block; margin:0; padding:0; float:left; height:20px; line-height:20px; color:#888; font-size:11px; padding:0 5px; }

#content { width:880px; margin:auto; padding:8px 0 0 0; background:#FFF; }
#content div.inner { width:auto; padding:0 20px; }

#footer { width:100%; height:80px; padding:35px 0; text-align:center; background:url("images/bg_footer.gif") #786F63 0 0 no-repeat; }

#footer { font-size:10px; color:#FFF; }
#footer.small { height:60px; padding:0; margin-top:40px; }
#footer.nolines { background-image:url("images/bg_footer_nolines.gif"); }
#footer a { text-decoration:none; margin:0; padding:0; font-size:10px; color:#FFF; }
#footer a:hover { text-decoration:underline; }
#footer span { padding:0 8px; }

div.threecol { width:880px; padding:20px 0 50px 0; border-top:1px solid #AAA; background:url("images/bg_threecol.gif") 0 0 repeat-y; }

div.threecol div.col-L { width:203px; float:left; overflow:hidden; }
div.threecol div.col-M { width:462px; float:left; overflow:hidden; }
div.threecol div.col-R { width:215px; float:left; overflow:hidden; }

div.threecol div.col-L div.padding { width:auto; padding:0 18px; z-index:1; }
div.threecol div.col-M div.padding { width:auto; padding:0 18px; z-index:1; }
div.threecol div.col-R div.padding { width:auto; padding:0 10px; z-index:1; }

div.bodycontent { padding:20px; }

div.thumbnails { width:864px; height:300px; margin:auto; }
div.thumbnails div.thumb { width:258px; height:300px; border:1px solid #CCC; float:left; margin:0 14px; }
div.thumbnails div.thumb h2.label_1 { display:block; width:258px; height:51px; margin:0; padding:0; background:url("images/label_1.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div.thumbnails div.thumb h2.label_2 { display:block; width:258px; height:51px; margin:0; padding:0; background:url("images/label_2.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div.thumbnails div.thumb h2.label_3 { display:block; width:258px; height:51px; margin:0; padding:0; background:url("images/label_3.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div.thumbnails div.thumb img { width:258px; height:160px; display:block; border:none; }
div.thumbnails div.thumb div.description { width:218px; height:59px; background:#FFF; padding:15px 20px; overflow:auto; }
div.thumbnails div.thumb div.description p { line-height:normal; font-size:11px; margin:0; }
div.thumbnails div.thumb a.button { display:block; position:absolute; bottom:10px; right:10px; width:auto; height:18px; line-height:18px; margin:0; padding:0 28px 0 0; background:url("images/btn_arrow_orange.gif") 100% 0 no-repeat; }

form { margin:0; padding:0; }

form label , form span { display:block; position:relative; margin:0 0 10px 0; padding:0; font-size:12px; color:#333; font-family:"helvetica",sans-serif; cursor:text; }
form textarea { background:#FFF; border:1px solid #AAA; padding:4px; margin:0 0 15px 0; width:410px; height:130px; }
form textarea.small { height:50px; }
form input.text { background:#FFF; border:1px solid #AAA; padding:4px; }
form select { background:#FFF; border:1px solid #AAA; padding:2px; cursor:pointer; }
form input.submit , button { padding:3px 6px; cursor:pointer; border:none; background:#be4723; color:#FFF; overflow:visible; }
form input.submit:hover , button:hover { background:#F5A95A; }
form fieldset { display:block; width:auto; margin:20px 0 0 0; padding:20px 0 0 0; border:none; background:url("images/bg_h_dotted.gif") #f6f2ed 0 0 repeat-x; }
form fieldset fieldset { margin:0; padding:0 20px 20px 20px; background:url("images/bg_h_dotted.gif") #f6f2ed 0 100% repeat-x; }

form#contact { display:block; width:420px; margin:0 0 0 -17px; padding:0 20px; }

form#contact p.inline { width:100%; height:40px; display:block; margin:0; padding:0; }
form#contact p.inline label { width:180px; float:left; top:4px; }
form#contact p.inline input.text { width:230px; float:left; }

form#rsvp { display:block; width:auto; height:auto; margin:0; padding:0; }
form#rsvp p { width:100%; height:40px; display:block; margin:0; padding:0; }
form#rsvp p label { width:45px; float:left; top:4px; }
form#rsvp p input.text { width:240px; float:left; }
form#rsvp p select { width:250px; float:left; }

div.midway { padding:20px 20px 0 20px; text-align:justify; }

/* background:url("images/bg_gallery_photo.gif") 0 0 no-repeat; */

div#gallery div#photo { width:205px; height:auto; margin-left:-5px; }
div#gallery div#photo div.mask { width:100%; height:auto; overflow:hidden; }
div#gallery div#photo div.mask img { display:block; width:auto; height:auto; border:1px solid #AAA; margin:auto; padding:1px; }

div#gallery div#photo object#smallvid { display:block; margin:auto; width:185px; height:166px; }

div#gallery div.photonav { width:205px; height:20px; margin:5px 0 0 -5px; text-align:center; clear:both; }
div#gallery div.photonav a { display:inline; font-size:11px; color:#333; }
div#gallery div.photonav span { display:inline; font-size:11px; color:#000; margin:0 2px; }

p.founder { padding-left:135px; margin-bottom:20px; min-height:130px; }
p.founder img { display:block; width:125px; height:130px; position:absolute; top:5px; left:0; }

div#bio ul li { list-style:none; margin:0 0 5px 5px; }
div#bio ul li a { color:#333; font-weight:bold; font-size:12px; }

img.center { margin:auto; }

#wrapper #content div.msg { background:#be4723; padding:10px; margin:0; display:none; }
#wrapper #content div.msg h5 { color:#FFF; font-weight:bold; margin:0 0 5px 0; }
#wrapper #content div.msg p { color:#FFF; font-weight:bold; margin:0; }
#wrapper #content div.msg ul { margin:0; padding:0; }
#wrapper #content div.msg ul li { display:list-item; list-style:disc; margin:0 0 0 15px; padding:0; color:#FFF; font-weight:bold; }

div.inlinelinks { margin:0; padding:10px 0 0 0; height:30px; }
div.inlinelinks a { display:block; float:left; margin:0 5px 0 0; padding:0; }
div.inlinelinks a img { display:block; margin:0; padding:0; }

.dotted { margin:0 0 20px 0; padding:0 0 20px 0; width:auto; background:url("images/bg_h_dotted.gif") 0 100% repeat-x; }
.topdotted { margin:10px 0 0 0; padding:20px 0 0 0; width:auto; background:url("images/bg_h_dotted.gif") 0 0 repeat-x; }
.nomargin { margin:0 !important; }

ul.nodots li { list-style:none; margin:0; }
strong.title { display:block; font-size:14px; font-family:"arial",sans-serif; margin-bottom:15px; margin-top:-10px; }

table { width:840px; margin:0; padding:0; }
table tr { width:840px; margin:0; padding:0; }
table tr.noborder td { border:none; }
table tr td { text-align:left; border-top:1px dotted #AAA; }
table tr td.col-L { width:500px; }
table tr td.col-R { width:340px; }

a.latest { float:right; margin-top:1px; margin-right:15px; position:relative; z-index:1; }

form input.error { border-color:#A00 !important; color:#A00 !important; }
form input.error:focus { background:#FFF !important; }
form label.error { color:#A00 !important; font-weight:bold !important; }
form strong.error { color:#A00 !important; font-weight:bold !important; }


/*
********************************************************************************************
THICKBOX STUFF
********************************************************************************************

div#TB_closeAjaxWindow { color:#DDD; font-size:0; line-height:0; }
a#TB_closeWindowButton { display:block; width:26px; height:20px; margin:4px; padding:0; position:absolute; right:-10px; background:url("images/btn_close.gif") 0 0 no-repeat; text-indent:9999px; overflow:hidden; }
a#TB_closeWindowButton:hover { background-position:0 -20px; }
*/


/*
********************************************************************************************
PROJECT PHP START
********************************************************************************************
*/

.blocksection { display: block; padding: 10px; background-color: #000; color: #fff; margin-bottom: 15px;}

.basicuserinfo p { padding:10px 0; }
.basicuserinfo { padding-top:10px; }
.basicuserinfo label { float: left; width: 200px; padding-left: 10px;}
.basicuserinfo textarea {width: 600px; height:120px; margin-left: 10px;}

input#saveinfo { padding: 20px; cursor:pointer; }
input#publish { padding: 20px; cursor:pointer; }

label.login { width: 100px; }
input.wide { width: 350px; }

textarea.ckeditor { width:838px; height:150px; }

span.cke_toolgroup { display:block; }
span.cke_toolgroup span { display:inline; }
span.cke_toolgroup a { display:inline; cursor:pointer; }

.imageholder { width:auto; padding:10px 0 5px 15px; background:#F2F2F2; margin-bottom: 5px;}
.imageholder .currentImage { width:150px; float:left; margin-right:20px; }
.imageholder .currentImage strong { display:block; margin:0; padding:0; height:20px; }
.imageholder .currentImage img { width:100%; display:block; border:none; margin:0; padding:0; float:left;  }
.imageholder .currentImage .remove { width:100%; height:20px; clear:left; padding-top:5px; }
.imageholder .currentImage .remove input { float:left; display:block; margin:0; padding:0; position:relative; top:3px; }
.imageholder .currentImage .remove label { float:left; display:block; width:auto; height:20px; line-height:20px; margin:0 0 0 5px; padding:0; }
.imageholder .imageInfo { width:300px; float:left; }
.imageholder .imageInfo span.text { margin-top:5px; }
.imageholder .imageInfo span.text input { width:190px; padding:2px; }

p.infoalert { padding:10px; background-color: #FFFFCC; border: 1px dotted #FFCC33; }
p.infosuccess { padding:10px; background-color: #99CCFF; border: 1px dotted #3366CC; }
p.infosave { padding:10px; background-color: #99CC66; border: 1px dotted #669900; }

input.confirm { width:100%; padding:5px 0; text-align:center; cursor:pointer; }


span.updating {
display:block;background:#FCC;color:#F55;font-weight:bold;padding:10px;text-align:center;
}

div.errmsg h5 { line-height:normal; margin:0 0 5px 0; padding:0; font-size:20px; }
div.errmsg ul, div.errmsg ol, div.errmsg p { border-bottom:1px dotted #F88; padding-bottom:10px; }
div.errmsg * { color:#F88; }