/*---------------------------------

   SHARESOME.ORG CSS LAYOUT  
   AUTHOR: PATRICK HAAS
   DATE CREATED:  MAY 11, 2007

   If any changes are made
   to the css please fill in
   the modified fields below.

   MODIFIED DATE: October 21, 2008
   MODIFIED BY: PATRICK HAAS

---------------------------------*/

html { min-height: 100%; margin-bottom: 1px }
body { margin: 0; text-align: center; padding: 35px 0 0 0px; background: #F4F9F1 url("/images/cornback.gif") repeat }

#container { margin: 0 auto; width: 901px; text-align: left; height: auto; min-height: 800px }

img { border: none }
.bottomimg { padding: 20px 0 0 25px }
.break { margin: 20px 0 0 0 }
.space { background-color: #F89838; width: auto; height: 25px }
.clear { clear: both }
a:focus, a:active { outline: none }

#form_error { margin: 0; background-color: #F7F794; width: 485px; padding: 4px; border: 1px solid #F00 }
#form_error p { margin: 0; padding: 5px 0 5px 55px; color: #F00; font: bold 12px verdana, arial; width: auto }
ul.error { margin: 0 0 5px 60px; padding: 0; list-style-type: none; color: #000; font: normal 12px verdana, arial; text-decoration: none }
.exclam { float: left; margin: 5px 0 0 5px; width: 40px }

/*---------------------------------
	TOP LEFT
---------------------------------*/
#topleft { float: left; width: 545px }
.logo { margin: 15px 0 0 25px }

/*---------------------------------
	TOP RIGHT
---------------------------------*/
#toprightcontainer { float: left; width: 355px }
#topright_header { width: 355px; height: 54px; min-height: 54px }
#topright_default { padding: 20px 20px 10px 20px; width: auto; background: #F89838; color: #FFF; font: normal 12px verdana, arial }
#topright_content { padding: 20px 20px 35px 20px; width: auto; background: #F89838; color: #FFF; font: normal 12px verdana, arial }
#topright_events { padding: 20px 20px 25px 20px; width: auto; background: #F89838; color: #FFF; font: normal 12px verdana, arial }
.picture_events { margin: 0; padding: 5px 0 0 35px }
#topright_footer { width: 355px; height: 35px; min-height: 35px; background: transparent url("/images/toprightfooter.jpg") no-repeat }
#topright_content a, #topright_default a, #topright_events a { text-decoration: underline; color: #FFF; font: normal 12px verdana, arial }
#topright_content a:hover, #topright_default a:hover, #topright_events a:hover { text-decoration: underline; color: #F6EB13 }

/*---------------------------------
	NAVIGATION
---------------------------------*/
#middle_left { float: left; background: transparent url("/images/leftcorner.gif") no-repeat; width: 76px; height: 32px }

#middle { float: left; width: 748px; min-height: 32px; height: 32px; background: #319966 }
#menu {	width: auto }
#menumain ul {	padding: 0; margin: 0; float: left; width: 100% }
#menumain ul li { display: inline }
#menumain ul li a { margin: 0 30px 0 0; float: left }
#menumain ul li.last a { margin: 0 23px 0 0; float: left }

a#home {  background: transparent url("/images/home.gif") no-repeat; width: 42px; height: 32px }
a#nominate { float: left; background: transparent url("/images/nominate.gif") no-repeat; width: 74px; height: 32px }
a#events { float: left; background: transparent url("/images/events.gif") no-repeat; width: 50px; height: 32px }
a#stories { float: left; background: transparent url("/images/stories.gif") no-repeat; width: 50px; height: 32px }
a#recipients { float: left; background: transparent url("/images/recipients.gif") no-repeat; width: 82px; height: 32px }
a#contactus { float: left; background: transparent url("/images/contactus.gif") no-repeat; width: 82px; height: 32px }

a#home:hover, a#home_active { background: transparent url("/images/home_active.gif") no-repeat; width: 42px; height: 32px }
a#nominate:hover, a#nominate_active { background: transparent url("/images/nominate_active.gif") no-repeat; width: 74px; height: 32px }
a#events:hover, a#events_active { background: transparent url("/images/events_active.gif") no-repeat; width: 50px; height: 32px }
a#stories:hover, a#stories_active { background: transparent url("/images/stories_active.gif") no-repeat; width: 50px; height: 32px }
a#recipients:hover, a#recipients_active { background: transparent url("/images/recipients_active.gif") no-repeat; width: 82px; height: 32px }
a#contactus:hover, a#contactus_active { background: transparent url("/images/contactus_active.gif") no-repeat; width: 82px; height: 32px }

#middle_right { float: left; background: transparent url("/images/rightcorner.gif") no-repeat; width: 76px; height: 32px }

/*---------------------------------
	BOTTOM LEFT
---------------------------------*/
#bottomleft_container { float: left; width: 545px }

#bottomleft_header { width: 545px; height: 68px; min-height: 68px; background: #F89838 url("/images/bottomheader.jpg") no-repeat }


#bottomleft_default { margin: 0; padding: 5px 15px 0 25px; height: 420px; min-height: 420px; width: auto; color: #FFF; font: normal 14px verdana, arial;
  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }

* html #bottomleft_default { height: 420px }

#bottomleft_content { margin: 0; padding: 5px 15px 0 25px; height: 450px; min-height: 450px; width: auto; color: #FFF; font: normal 14px verdana, arial;
  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }

* html #bottomleft_content { height: 475px }

#bottomleft_default a, #bottomleft_content a, #bottomleft_recipient a, #bottomleft_contact a, #bottomleft_confirm a { text-decoration: underline; color: #FFF; font: bold 14px verdana, arial }
#bottomleft_default a:hover, #bottomleft_content a:hover, #bottomleft_recipient a:hover, #bottomleft_contact a:hover, #bottomleft_confirm a:hover { text-decoration: underline; color: #F6EB13 }

#bottomleft_contact { margin: 0; padding: 5px 15px 0 25px; height: 350px; min-height: 350px; width: auto; color: #FFF; font: normal 14px verdana, arial;
  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }

#bottomleft_contacterror { margin: 0; padding: 5px 0 15px 25px; width: auto; min-height: 420px; height: 420px; color: #FFF; font: normal 11px verdana, arial;
  background: #F89838 url("/images/ghost_big.jpg") 100% 100% no-repeat }

#bottomleft_recipient { margin: 0; padding: 0px 15px 0 25px; height: 700px; min-height: 700px; width: auto; color: #FFF; font: normal 14px verdana, arial;
  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }

#bottomleft_story { margin: 0; padding: 0px 15px 0 25px; height: 780px; width: auto; color: #FFF; font: normal 14px verdana, arial;
  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }

.submit { margin: 0 10px 0 0 }
#bottomleft_footer { margin: 0; padding: 7px 10px 0 30px; background: transparent url("/images/yellowbottom.jpg") no-repeat; width: auto; height: 42px }
.mailinglisttext { float: left; margin: 8px 5px 0 0; color: #319966; font: bold 12px georgia, verdana, arial; width: auto }

#bottomleft_footer .input { float: left; width: 180px; margin: 4px 0 0 2px; padding: 2px; background: #F3F3F3 url("/images/clear.gif");
  color: #333; font: normal 14px georgia, verdana, arial;  border: 1px solid #666 }

#bottomleft_footer .submit { float: left; margin: 0 0 0 10px; width: 94px; height: 28px }
#bottomleft_footer fieldset { margin: 0; padding: 0; border: none; width: auto }

#sharesome_passion { text-align: right; padding: 10px 0 0 0; width: auto }
#sharesome_passion a { color: #D57500; font: italic 11px verdana, arial; text-decoration: underline; }
#sharesome_passion a:hover { text-decoration: none; color: #F93; border-bottom: 1px dotted #F93 }

.button { margin: 0 0 0 70px; border: none }
.bottomimg { padding: 20px 0 0 25px }
.formimg {  margin: 5px 0 10px 0 }

#bottomleft_confirm { margin: 0; padding: 5px 10px 0 25px; width: auto; min-height: 350px; height: 350px; color: #FFF; font: normal 14px verdana, arial;  background: #F89838 url("/images/ghostback.gif") 100% 100% no-repeat }



#bottomleft_nominate { margin: 0; padding: 5px 0 15px 25px; width: auto; min-height: 835px; height: 835px; color: #FFF; font: normal 11px verdana, arial; background: #F89838 url("/images/ghost_big.jpg") 100% 100% no-repeat }

* html #bottomleft_nominate { height: 815px }
*+html #bottomleft_nominate { height: 795px; }


#bottomright_nominate { margin: 20px 0 0 15px; padding: 0; width: auto; min-height: 810px; height: 810px; color: #555; font: normal 11px verdana, arial }

* html #bottomright_nominate { height: 770px; }
*+html #bottomright_nominate { height: 780px; }


#bottomleft_error { margin: 0; padding: 5px 0 15px 25px; width: auto; min-height: 945px; height: 945px; color: #FFF; font: normal 11px verdana, arial;
  background: #F89838 url("/images/ghost_big.jpg") 100% 100% no-repeat }

.header { margin: 0 0 10px 0 }
.indent { padding: 0 0 0 25px; clear: both; width: auto }
.indents { padding: 0 0 0 170px; clear: both; width: auto }

#bottomleft_confirm strong { font-weight: bold }

p.review { float: left; margin: 0; padding: 0 55px 0 0; text-align: left; width: 155px; text-decoration: none; font-weight: bold }
p.var { float: left; margin: 0; text-align: left; width: auto }

fieldset { margin: -10px 0 0 0; padding: 0; border: none; width: auto }
label { display: block; text-align: right; width: 155px; padding: 2px 15px 0 0; float: left; font: normal 11px verdana, arial; letter-spacing: 1px }
.input { display: block; float: left; width: 190px; margin: 0 0 10px 0; background-color: #F3F3F3; color: #333; font: normal 14px verdana, arial; border: 1px solid #A4B97F }

span.req { display: block; float: left; margin: 5px 0 0 5px; width: 11px; height: 11px; background: #F89838 url("/images/icon_required.gif") no-repeat }
span.red { display: block; float: left; margin: 5px 0 0 5px; width: 11px; height: 11px; background: #F89838 url("/images/icon_required_error.gif") no-repeat }
.required { margin: 6px 0 0 75px; padding: 10px 0; font: normal 12px verdana, arial; line-height: 150% }
.count { border: 1px solid #666; background-color: #F3F3F3; color: #333; font: normal 14px verdana, arial }
.check { margin: 5px 0 0 0 }
textarea { display: block; float: left; width: 190px; margin: 0 0 10px 0; background-color: #F3F3F3; color: #333; font: normal 14px verdana, arial; border: 1px solid #A4B97F }
select { display: block; float: left; margin: 0; color: #333; font: normal 14px verdana, arial; border: 1px solid #A4B97F; background-color: #F3F3F3 }

div.error { margin: 0; color: #FF0 }

/*---------------------------------
	BOTTOM RIGHT
---------------------------------*/

#bottomright_container { float: left; width: auto }
#bottomright_content { margin: 20px 0 0 15px; width: auto; height: 380px; min-height: 380px; color: #555; font: normal 11px verdana, arial }
* html #bottomright_content { height: 400px }
#bottomright_contact { margin: 20px 0 0 15px; width: auto; height: 310px; min-height: 310px; color: #555; font: normal 11px verdana, arial }
#bottomright_recipient { margin: 20px 0 0 15px; width: auto; height: 654px; min-height: 654px; color: #555; font: normal 11px verdana, arial }
#bottomright_confirm { margin: 20px 0 0 15px; width: auto; height: 310px; min-height: 310px; color: #555; font: normal 11px verdana, arial }
#bottomright_default a, #bottomright_content a,  #bottomright_recipient a { text-decoration: underline; color: #555; font: normal 11px verdana, arial }
#bottomright_default a.active, #bottomright_content a.active { text-decoration: underline; color: #F89838; font: normal 11px verdana, arial }
#bottomright_recipient a.active { text-decoration: none; font: normal 11px verdana, arial }
#bottomright_default a:hover, #bottomright_content a:hover,  #bottomright_recipient a:hover { text-decoration: underline; color: #319966 }
#bottomright_default ul, #bottomright_content ul, #bottomright_recipient ul { padding: 0; margin: 5px 0 0 25px; text-align: left; width: auto; list-style-type: square; color: #319966 }
#bottomright_default ul li, #bottomright_content ul li, #bottomright_recipient ul li { padding: 0 0 5px 0 }
 

#bottomright_default { margin: 20px 0 0 15px; width: auto; height: 380px; min-height: 380px; color: #555; font: normal 11px verdana, arial }
* html #bottomright_default { height: 375px }

#bottomright_events { margin: 20px 0 0 15px; width: auto; height: 410px; min-height: 410px; color: #555; font: normal 11px verdana, arial }
* html #bottomright_events { height: 435px }

#bottomright_default a, #bottomright_events a { text-decoration: underline; color: #555; font: normal 11px verdana, arial }
#bottomright_default a.active, #bottomright_events a.active { text-decoration: underline; color: #F89838; font: normal 11px verdana, arial }
#bottomright_default a:hover, #bottomright_events a:hover { text-decoration: underline; color: #319966 }
#bottomright_default ul, #bottomright_events ul { padding: 0; margin: 5px 0 0 25px; text-align: left; width: auto; list-style-type: square; color: #319966 }
#bottomright_default ul li, #bottomright_events ul li { padding: 0 0 5px 0 }


#bottomright_story { margin: 20px 0 0 15px; width: auto; height: 734px; min-height: 734px; color: #555; font: normal 11px verdana, arial }
#bottomright_story a { text-decoration: underline; color: #319966; font: bold 11px verdana, arial }
#bottomright_story a:hover { text-decoration: underline; color: #007E3A }

#bottomright_nominate ul { margin: 0; padding: 0 0 0 20px; text-align: left; width: auto }
#bottomright_nominate ul li { padding: 0 0 5px 0 }
#bottomright_nominate p { color: #555; font: bold 11px verdana, arial }




#bottomright_footer { margin: 6px 0 0 15px; background: transparent url("/images/fence.gif") no-repeat; width: 340px; height: 130px }

em  { text-align: justify; font: italic 11px verdana, arial }

.sharename1 { padding: 0 0 15px 20px; margin: 0 }
.sharename2 { padding: 0 0 10px 20px; margin: 0 }


/*---------------------------------
	END SHARESOME.ORG CSS
---------------------------------*/