/* CSS Document */
html{overflow:-moz-scrollbars-vertical;}
body{padding:0px; margin:0px; background:#fbfbfb; color:#848484; font:11px/14px Trebuchet MS, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

h1, h2, h3, h4{
  text-transform: capitalize;
}

.clear {clear: both; margin: 0px}

.error{color: red; margin-left: 10px;}

p a, td a, .pagination a{font:11px/14px Trebuchet MS, sans-serif; color:#60b13b; text-decoration:underline; outline:none;}
p a:hover, td a:hover, .pagination a:hover{ color:#000; text-decoration:none; outline:none;}
a {outline:none;}

p span.headline{font:11px/14px Trebuchet MS, sans-serif; color:#454b55; font-weight:bold}

#container{width:775px; position:relative; margin:0 auto;}


/* ADMIN */

#admin{padding:6px; position:absolute; border: 1px solid #0090bd; background-color: #9BB6CF; color:#fff; margin: 360px 0 0 35px;}
#admin a{color:#fff;} 
#admin a:hover{color:#fff;text-decoration:none;}

#admin-content{padding:6px; position: relative; margin-top: 100px; border: 1px solid #0090bd; background-color: #9BB6CF; color:#fff;}
#admin-content a{color:#fff;} 
#admin-content a:hover{color:#fff;text-decoration:none;}

#admin-blog {position:relative; float:right;}

/* TEMP BETA */

#beta {position: absolute; margin-top: 42px;}


/* HEADER */

#header{width:775px; height:415px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat}

#logo{position:absolute; top:87px; left:402px}
#slogan{position:absolute; top:175px; left:394px}
#donate-now-whiteboard {position: absolute; margin: -12px 0px 0px 170px;}
#donate-now-whiteboard a img {border: none;}

#videolink{position:absolute; top:100px; left:40px;}
#videolink a:hover{opacity:0.7;filter:alpha(opacity=70)}

#audiolink{position:absolute; top: 290px; left: 40px;}
#audiolink object {outline: none;}

#header ul.navmenu{position:absolute; top:14px; left:30px; width:730px}
#header ul.navmenu li{float:left; margin-right:8px; height:16px;}
#header ul.navmenu li a{height:16px; display:block; text-indent:-20000px; }
#header ul.navmenu li a:hover{height:16px;}

#header ul.navmenu li.line {width:16px; background:url(../images/spacer_m.gif) 0 0 no-repeat; }

#header ul.navmenu li.home a{width:44px; background:url(../images/menu_home.gif) 0 0 no-repeat; }
#header ul.navmenu li.home a:hover{width:44px; background:url(../images/menu_home_over.gif) 0 0 no-repeat;}

#header ul.navmenu li.about a{width:49px; background:url(../images/menu_about.gif) 0 0 no-repeat; }
#header ul.navmenu li.about a:hover{width:49px; background:url(../images/menu_about_over.gif) 0 0 no-repeat;}

#header ul.navmenu li.supportopportunities a{width:157px; background:url(../images/menu_support_opportunities.gif) 0 0 no-repeat; }
#header ul.navmenu li.supportopportunities a:hover{width:157px; background:url(../images/menu_support_opportunities_over.gif) 0 0 no-repeat;}

#header ul.navmenu li.trackthejourney a{width:130px; background:url(../images/menu_track_the_journey.gif) 0 0 no-repeat; }
#header ul.navmenu li.trackthejourney a:hover{width:130px; background:url(../images/menu_track_the_journey_over.gif) 0 0 no-repeat;}

#header ul.navmenu li.photosandvideos a{width:114px; background:url(../images/menu_photos_and_videos.gif) 0 0 no-repeat; }
#header ul.navmenu li.photosandvideos a:hover{width:114px; background:url(../images/menu_photos_and_videos_over.gif) 0 0 no-repeat;}

#header ul.navmenu li.contact{margin-right:0}
#header ul.navmenu li.contact a{width:64px; background:url(../images/menu_contact.gif) 0 0 no-repeat; }
#header ul.navmenu li.contact a:hover{width:64px; background:url(../images/menu_contact_over.gif) 0 0 no-repeat;}

#header ul.slogantopic {position:absolute; top:240px; left:395px; width:380px}
#header ul.slogantopic li{float:left; margin-right:4px; height:148px; width:112px}
#header ul.slogantopic li a{height:148px; width:112px; display:block; text-indent:-20000px;}

#header ul.slogantopic li.img1 a{background: url(../images/ad1.jpg) 0 0 no-repeat;}
#header ul.slogantopic li.img1 a:hover{opacity:0.7;filter:alpha(opacity=70)}
#header ul.slogantopic li.img2 a{background: url(../images/ad2.jpg) 0 0 no-repeat;}
#header ul.slogantopic li.img2 a:hover{opacity:0.7;filter:alpha(opacity=70)}
#header ul.slogantopic li.img3 a{background: url(../images/ad3.jpg) 0 0 no-repeat;}
#header ul.slogantopic li.img3 a:hover{opacity:0.7;filter:alpha(opacity=70)}

/* CONTENT */

#contentcontainer{width:705px; position:relative; background:url(../images/b_content.gif) 0 0 repeat-x; margin: 0 auto}

/* THREE COLUMN LAYOUT */ 
#leftPan{width:120px; margin:21px 0 0 15px; border-right:#c9cdd0 1px dotted; float:left}
#midPan{width:358px; margin:21px 15px 0 20px; border-right:#c9cdd0 1px dotted; float:left}
#rightPan{width:158px; float:left; margin-top:21px}

/* TWO COLUMN LAYOUT */ 
#twocolumn-leftPan{width:493px; margin:21px 15px 0 20px; border-right:#c9cdd0 1px dotted; float:left}
#twocolumn-rightPan{width:158px; float:left; margin-top:21px}

#twocolumn-pblock{width:480px; margin-bottom:27px}
#twocolumn-rightpblock{width:158px; margin-bottom:27px;}

/* ONE COLUMN LAYOUT */
#onecolumn-Pan{width:675px; margin: 20px 0 0 15px;}






#contentcontainer ul {margin:10px 0 0 9px}
#contentcontainer ul li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/arrow1.gif) 0 4px no-repeat; padding-left:18px; height:20px}
#contentcontainer ul li a{color:#60b13b; text-decoration:underline;}
#contentcontainer ul li a:hover{color:#000; text-decoration:none;} 
#contentcontainer img{border:none;}
#contentcontainer a:hover img{opacity:0.7;filter:alpha(opacity=70);}

#headingimg {margin-bottom: 10px; border: none;}
#headingimg-big {border: 1px solid #000 !important; margin: 15px 0px 15px 0px;}

#newsandevents{width:312px; margin-bottom:27px}
#newsandeventstxt{width:185px; float:left; position:relative; padding-top:5px}
#newsandeventstxt p{margin-bottom:10px}

#about-downloads ul {margin:10px 0 0 0px}
#about-downloads ul li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/pdf_icon.png) no-repeat; padding: 4px 0 0 26px; height:20px}
#about-downloads ul li a{color:#60b13b; text-decoration:underline;}
#about-downloads ul li a:hover{color:#000; text-decoration:none;} 

.teampic {margin: 16px 0 6px 0;}
.biopic {margin: 0 15px 15px 0;}

#opportunityinternational{width:312px; margin-bottom:27px}


#news{margin-bottom:27px; margin-left:10px}
#news h2{height:23px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:13px}

p.date{display:block; font:11px/14px Trebuchet MS, sans-serif; color:#454b55; font-weight:bold; padding:1px 2px; float:left; margin-right:14px;}


/* FOOTER */

#footer {width:775px; height:83px; position:relative; margin:20px auto 0 auto; background:url(../images/b_footer.gif) 0 0 repeat-x; }
#footer p{padding: 20px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{font:10px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; color:#b3d344}

/*
 * Overlay, and Map effects
 */
#overlay{
  position: absolute;
  width: 0px;
  height: 0px;
  background-color: #000000;
  z-index: 900;
}

#video{
  position: absolute;
  width: 550px;
  height: 400px;
  background-color: #CCCCCC;
  opacity: 1.0;
}







/*
* forms
*/

input[type$="submit"]:hover,input[type$="button"]:hover{opacity: 0.6; filter: alpha(opacity=60); cursor: pointer;}
input[type$="text"]:hover,textarea:hover,input[type$="password"]:hover{opacity: 0.6;filter: alpha(opacity=60);}
input:focus, textarea:focus,input[type$="text"]:focus,input[type$="password"]:focus{opacity: 1.0;filter: alpha(opacity=100);}

textarea:focus, input:focus {border: 1px solid #b3d344; color:#848484; font:11px/14px Trebuchet MS, sans-serif;}
textarea, input, select{border: 1px solid #0090bd; padding: 1px; margin: 1px; background-color: #EEEEEE; color:#848484;  font:11px/14px Trebuchet MS, sans-serif;}

.irrelevant{display: none; visibility: hidden;}


/*
FLICKR PHOTOSTREAM BADGE STYLES

Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
.flickr_badge { float: left; width: 480px; }
.flickr_badge img { width: auto; height: 100px; padding: 5px; margin: 0 10px 10px 0; border: 1px solid #000; background: #ccc; float: left; }




/* CUSTOM */

.home-partners {margin: 10px auto;}
.contact-label {width: 80px; position: relative; float: left;}
.partners-logo {width: 100px; position: relative; float: left;}
.partners-description {width: 530px; float: right;}
.support-donateblock {width: 230px; padding-bottom: 40px; text-align: center; margin: 0 auto;}
.support-donateblock h1 {font-weight: bold; font-size: 16px;}
.support-donateblock p {margin: 20px 0px 10px 0px;}
#support-headingpic {margin: 20px auto; width: 283px; height: 311px;}
#about-oi-logo {margin: 25px 0px 25px 0px; width: 200px; height: 50px;}
#track-mapicon {width: 80px; height: 66px; float: left; margin: 10px;}
#track-mapicon-text {width: 350px; float: left; margin: 30px 10px 10px 10px;}

/*
 * Admin CSS
 */


/*
 * Map CSS
 */

.map{
	margin: 0 auto; width: 675px; border: 1px solid #CCCCCC;;
}