@charset "utf-8";

/* CSS Document */

/* Begin: Master Reset */

/*----------------------------------------------------------------
  Note: Please don't edit the master reset
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
   border-collapse: collapse;
   border-spacing: 0;
}

/* End: Master Reset */

/*----------------------------------------------------------------
  Note: You can start editing below this line
*/

/* Begin: General Style */

body { background: #01245c; }

#global_wrapper { background: url(../images/base-bg.png) no-repeat center 0; }

#main_wrapper {

   position: relative;
   margin: 0 auto;
   width: 961px;
   height: 721px;
/*   border-bottom: 12px solid #000b29; */
   z-index: 5;
   display: table-cell;
}

/* End: General Style */

/* Begin: Masthead */

#mast_head {
   height: 169px;
   position: relative;
   z-index: 99;
}

#logo_header {
   position: absolute;
   top: 15px;
   left: 15px;
}

#logo_header a {
   display: block;
   background: url(../images/logo.png) no-repeat left top;
   width: 282px;
   height: 141px;
}

#main_banner {
   position: relative;
   background: url(../images/main_banner_bg.jpg) no-repeat center top; 
   width: 961px;
   height: 325px;
}

#banner_button {
   position: absolute;
   top: 55px;
   left: 42px;
}

#banner_button li {
   margin-bottom: 5px;
}

#be_a_volunteer {
   position: absolute;
   top: 215px;
   left: 647px;
}

/* End: Masthead */

/* Begin: Main Content */

#main_content {
/*   width: 961px; */
   height: 600px;
   display: table-cell;
   vertical-align: middle; 
/*   background: url(../images/main_content_bg.gif) repeat-y center top; */
}

#footer_wrapper {
   position: relative;
   background: url(../images/footer_bg.jpg) no-repeat center 0;
/*   height: 430px; */
   z-index: 3;
   margin-top: -300px;
}

#left_column {
   display: inline;
   float: left;
   width: 603px;
   margin-left: 12px;
   padding-left: 9px;
   padding-bottom: 25px;
}

#right_column {
   display: inline; 
   float: right;  
   width: 302px;
/*   margin-right: 12px;
   padding-right: 9px; */
   margin: 0px auto;
}

#Content {
       font: 11px/18px Verdana, Geneva, sans-serif;
	width:302px;
        float: right;
	margin:0px auto;
	text-align:left;
	padding:15px;
/*	border:1px dashed #333;
	background-color:#eee;  */
	}


#footer_content {
   position: relative;
   width: 961px;
   margin: 0 auto;
   height: 430px;
}

#logo_footer {
   position: absolute;
   top: 315px;
   right: 40px;
}

#logo_footer a {
   display: block;
   background: url(../images/logo_footer.png) no-repeat left top;
   width: 177px;
   height: 87px;
}

#logo_nav {
   position: absolute;
   top: 315px;
   left: 12px;
   font: 11px/18px Verdana, Geneva, sans-serif;
   color: #eee;
}

#logo_nav a {
   color: #eee;
   text-decoration: none;
}

#logo_nav a:hover { text-decoration: underline; }

/* End: Main Content */

/* Begin: Blog Section */

#blog_section {
   position: relative;
   width: 557px;
   border: 1px solid #d2d2d2;
   border-top: none;
   padding: 18px;
   margin-top: -35px;
   z-index: 20;
   margin-bottom: 10px;
}

.blog_entry .blog_title, .blog_entry .blog_title a {
   font: 21px Arial, Helvetica, sans-serif;
   color: #021132;
   text-decoration: none;
}

.blog_division {
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #ededed;
}

#blog_section .blog_header {
   font: bold 14px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   margin-bottom: 25px;
   margin-top: -12px;
   color: #0b2a5d;
}

#blog_section .blog_header span { font-size: 18px; }

#blog_section .blog_header em {
   font: italic 12px Georgia, "Times New Roman", Times, serif;
   color: #666;
   text-transform: capitalize;
   margin-left: 20px;
}

#blog_section .blog_rss_subscribe {
   font: bold 11px Verdana, Geneva, sans-serif;
   text-transform: capitalize;
   position: absolute;
   right: 15px;
   top: 11px;
}

#blog_section .blog_rss_subscribe a {
   color: #888;
}

#blog_section .blog_rss_subscribe a:hover {
   text-decoration: none;
   color: #666;
}

.blog_entry .blog_title { margin-bottom: 5px; }

.blog_entry .blog_title a:hover { text-decoration: underline; }

.blog_entry .blog_meta_info { margin-bottom: 10px; }

.blog_entry .blog_meta_info p {
   font: 11px/18px Verdana, Geneva, sans-serif;
   color: #333;
}

.blog_entry .blog_meta_info p a { color: #02255d; }

.blog_entry .blog_meta_info p a:hover { text-decoration: none; }

.blog_entry .blog_main_content p {
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

.blog_entry .blog_read_more { text-align: right; }

.blog_entry .blog_read_more a {
   font: bold 12px/18px Arial, Helvetica, sans-serif;
   color: #600;
}

.blog_entry .blog_read_more a:hover { text-decoration: none; }

#blog_section .blog_view_all_button {
   float: left;
   display: block;
   background: url(../images/view_all_news_button.gif) no-repeat left top;
   width: 99px;
   height: 23px;
}

#blog_section .post_a_blog_button {
   float: left;
   display: block;
   background: url(../images/post_a_blog_button.gif) no-repeat left top;
   width: 99px;
   height: 23px;
}

/* End: Blog Section */

/* Begin: Donate Section */

#donate_section {
   position: relative;
   width: 292px;
   background: #ededed url(../images/donate_section_bg.jpg) repeat-x left top;
   border: 1px solid #dadada;
   padding: 5px 0px 0px 8px;
   margin-top: -36px;
   z-index: 20;
   margin-bottom: 10px;
}

#donate_section #donate_header {
   color: #133036;
   font: bold 24px Arial, Helvetica, sans-serif;
   margin-bottom: 3px;
}

#donate_section p {
   font: 11px Arial, Helvetica, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

#donate_section #donate_button {
   display: block;
   background: url(../images/donate_section_button.gif) no-repeat left top;
   width: 155px;
   height: 28px;
}

#donate_section #donate_image {
   float: right;
   margin: 5px 5px 0px 0px;
}

/* End: Donate Section */

/* Begin: Event Section */

#event_section {
   background: #003174 url(../images/event_section_bg.jpg) repeat-x left top;
   width: 275px;
   border: 5px solid #2f649a;
   padding: 5px 8px 10px 8px;
   margin-bottom: 10px;
}

#event_section #event_section_header {
   color: #003174;
   font: bold 22px Arial, Helvetica, sans-serif;
   margin-bottom: 8px;
}

#event_section .event_title, #event_section .event_title a {
   font: 16px Georgia, "Times New Roman", Times, serif;
   color: #fffefe;
   text-decoration: none
}

#event_section .event_title a:hover {
   text-decoration: underline;
}

#event_section .event_title {
     margin-bottom: 8px;
}

#event_section .event_meta_info {
   font: 12px Verdana, Geneva, sans-serif;
   color: #aabfd9;
   margin-bottom: 8px;
}

#event_section .event_main_content p {
   font: 12px/18px Arial, Helvetica, sans-serif;
   color: #aabfd9;
}

.event_division {
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #4a74aa;
}

#event_section .view_all_event_button {
   display: block;
   background: url(../images/view_all_events_button.gif) no-repeat left top;
   width: 96px;
   height: 20px;
   float: left;
}

#event_section .organize_an_event_button {
   display: block;
   background: url(../images/organize_an_event_button.gif) no-repeat left top;
   width: 119px;
   height: 20px;
   float: left;
}

/* End: Event Section */

/* Begin: What Do You Think */

#what_do_you_think {
   background: url(../images/what_do_you_think_bg.jpg) no-repeat left top;
   position: relative;
   width: 554px;
   border: 1px solid #d5d5d5;
   padding: 42px 20px 15px;
   margin-bottom: 10px;
}

#what_do_you_think p {
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

#view_all_discussion_button {
   background: url(../images/view_all_discussions_button.gif) no-repeat left top;
   width: 133px;
   height: 23px;
   display: block;
   float: left;
}

#join_discussion_button {
   background: url(../images/join_discussion_button.gif) no-repeat left top;
   width: 99px;
   height: 23px;
   display: block;
   float: left;
}

.featured_topic {
   margin-bottom: 10px;
}

.featured_topic h3 {
   font: bold 14px Arial, Helvetica, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

.how_many_opinions {
   display: block;
   font: 12px Arial, Helvetica, sans-serif;
   color: #666;
   padding-bottom: 8px;
}

/* End: What Do You Think */

/* Begin: Download Section */

#download_section {
   background: url(../images/download_center_bg.jpg) no-repeat left top;
   position: relative;
   width: 554px;
   border: 1px solid #d5d5d5;
   padding: 42px 20px 15px;
   margin-bottom: 10px;
}

#all_downloadable_items_button {
   background: url(../images/all_downloadable_items_button.gif) no-repeat left top;
   width: 146px;
   height: 23px;
   display: block;
}

#download_section .download_section_def {
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

.download_entry {
   padding: 8px 0px;
   margin-bottom: 5px;
   border-bottom: 1px solid #eee;
}

.download_entry h3 {
   font: bold 14px Verdana, Geneva, sans-serif;
   color: #036;
}

.download_entry p {
   padding-bottom: 5px;
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #666;
}

.download_entry p a {
   color: #069;
}

.download_entry p a:hover {
   text-decoration: none;
}

/* End: Download Section */

/* Begin: My Teddy Casiño Section */

#my_teddy_casino {
   background: url(../images/my_teddy_casino_bg.jpg) no-repeat left top;
   position: relative;
   width: 554px;
   border: 1px solid #d5d5d5;
   padding: 42px 20px 15px;
   margin-bottom: 10px;
}

#my_teddy_casino .my_teddy_casino_def {
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

#my_teddy_casino #join_now_button {
   background: url(../images/join_now_button.gif) no-repeat left top;
   width: 73px;
   height: 23px;
   display: block;
}

.members_entry {
   padding: 8px 0px;
   margin-bottom: 5px;
   border-bottom: 1px solid #eee;
}

.members_entry h3 {
   font: bold 14px Verdana, Geneva, sans-serif;
   color: #036;
}

.members_entry p {
   padding-bottom: 5px;
   font: 12px/18px Verdana, Geneva, sans-serif;
   color: #666;
}

.members_entry p a {
   color: #069;
}

.members_entry p a:hover {
   text-decoration: none;
}

.login_input_field {
   background: url(../images/input_text_bg.gif) repeat-x left top;
   border: 1px solid #c1c5a8;
   float: left;
   width: 101px;
   height: 14px;
   margin-right: 8px;
   padding: 3px;
   font: 12px Verdana, Geneva, sans-serif;
   color: #333;
}

.login_button {
   background: url(../images/send_button.gif) no-repeat left top;
   width: 48px;
   height: 22px;
   border: none;
   cursor: pointer;
}

/* End: My Teddy Casiño Section */

/* Begin: Message Center */

#message_section {
   background: #003174 url(../images/event_section_bg.jpg) repeat-x left top;
   width: 275px;
   border: 5px solid #2f649a;
   padding: 5px 8px 10px 8px;
   margin-bottom: 10px;
}

#message_section #message_section_header {
   color: #003174;
   font: bold 22px Arial, Helvetica, sans-serif;
   margin-bottom: 8px;
}

#message_section .message_title, #message_section .messaget_title a {
   font: 16px Georgia, "Times New Roman", Times, serif;
   color: #fffefe;
   text-decoration: none
}

#message_section .message_title a:hover {
   text-decoration: underline;
}

#message_section .message_title {
     margin-bottom: 8px;
}

#message_section .message_meta_info {
   font: 12px Verdana, Geneva, sans-serif;
   color: #aabfd9;
   margin-bottom: 8px;
}

#message_section .message_main_content p {
   font: 12px/18px Arial, Helvetica, sans-serif;
   color: #EEEEEE;
   padding-bottom: 8px;
}

.message_division {
   margin-bottom: 15px;
   padding-bottom: 15px;
   border-bottom: 1px solid #4a74aa;
}

#send_teddy_a_message_button {
   background: url(../images/send_teddy_a_message_button.gif) no-repeat left top;
   width: 130px;
   height: 20px;
   display: block;
}

/* Begin: Message Center */

/* Begin: About Website Section */

#about_website_section {
   position: relative;
   width: 594px;
   height: 111px;
   background: url(../images/about_section.jpg) no-repeat left top;
}

#about_website_section #about_website_text {
   position: absolute;
   left: 20px;
   top: 42px;
   font: 11px/18px Verdana, Geneva, sans-serif;
   color: #333;
   width: 300px;
}

/* End: About Website Section */

/* Begin: Get Updates */

#get_updates_mobile {
   background: #FFF;
   border: 1px solid #dadada;
   width: 292px;
   padding: 0px 0px 10px 8px;
   margin-bottom: 10px;
   overflow: hidden;
}

#get_updates_mobile p, #get_updates_email p {
   font: 12px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 10px;
}

#get_updates_mobile_header {
   background: url(../images/get_updates_mobile_header.gif) no-repeat left top;
   width: 305px;
   height: 44px;
   display: block;
}

.updates_input_field {
   background: url(../images/input_text_bg.gif) repeat-x left top;
   border: 1px solid #c1c5a8;
   float: left;
   width: 101px;
   height: 14px;
   margin-right: 8px;
   padding: 3px;
   font: 12px Verdana, Geneva, sans-serif;
   color: #333;
}

.get_updates_button {
   background: url(../images/send_button.gif) no-repeat left top;
   width: 48px;
   height: 22px;
   border: none;
   cursor: pointer;
}

#get_updates_email {
   background: #FFF;
   border: 1px solid #dadada;
   width: 292px;
   padding: 0px 0px 10px 8px;
   margin-bottom: 10px;
   overflow: hidden;
}

#get_updates_email_header {
   background: url(../images/get_updates_email_header.gif) no-repeat left top;
   width: 305px;
   height: 44px;
   display: block;
}

#get_updates_email .modifier_text_field {
   width: 274px;
   margin-bottom: 8px;
}

/* End: Get Updates */

/* Begin: Our Gallery Section */

#video_photo_section {
   background: #FFF url(../images/my_videos_photos_header.jpg) no-repeat left top;
   border: 1px solid #dadada;
   width: 284px;
   padding: 55px 8px 10px 8px;
   margin-bottom: 10px;
}

#video_photo_section .video_photo_def {
   font: 12px Verdana, Geneva, sans-serif;
   color: #333;
   padding-bottom: 8px;
}

.video_photo_section_header {
   font: bold 18px Verdana, Geneva, sans-serif;
   padding-bottom: 8px;
}

.video_photo_preview {
   margin-bottom: 7px;
   padding-bottom: 7px;
   border-bottom: 1px solid #EEE;
}

.video_photo_preview p {
   font: 11px Verdana, Geneva, sans-serif;
   color: #666;
   padding-bottom: 5px;
}

.video_photo_preview span {
   font: 10px Verdana, Geneva, sans-serif;
   color: #999;
}

#video_view_more_button {
   background: url(../images/view_more_videos_button.gif) no-repeat left top;
   width: 119px;
   height: 20px;
   display: block;
   margin-bottom: 10px;
}

#pic_view_more_button {
   background: url(../images/view_more_pictures_button.gif) no-repeat left top;
   width: 119px;
   height: 20px;
   display: block;
   margin-bottom: 10px;
}

/* End: Our Gallery Section */

/* Begin: Social Network Section */

#social_net_section {
   background: url(../images/teddy_everywhere_bg.jpg) no-repeat left top;
   border: 1px solid #dadada;
   width: 292px;
   padding: 55px 0px 10px 8px;
}

#social_net_section ul {
   margin-left: 8px;
   padding: 10px 0;
}

#social_net_section ul li {
   float: left;
   margin-right: 8px;
}

/* End: Social Network Section */

/* Begin: Main Navigation */

#main_nav {
   width: auto;
   position: absolute;
   bottom: 0;
   right: 11px;
   background: url(../images/nav_bg2.png);
}

#main_nav li {
   position: relative;
   float: left;
}

#main_nav li a {
   display: inline;
   float: left;
   text-align: center;
   font: 11px/30px Verdana, Geneva, sans-serif;
   color: #eee;
   text-decoration: none;
   padding: 0 20px;
   height: 30px;
}

#main_nav li a:hover { background: #102D4F; }

#main_nav li:hover > a { background: #102D4F; }

#main_nav ul {
   position: absolute;
   background: url(../images/nav_bg.png);
   width: 200px;
   top: 30px;
   left: 0;
   display: none;
}

#main_nav ul ul {
   top: 0;
   left: 200px;
}

#main_nav ul li a {
   text-align: left;
   width: 180px;
   padding: 0;
   padding-left: 20px;
}

#main_nav ul.last_drop_down {
   right: 0;
   left: auto;
}

/* End: Main Navigation */

/* Begin: Contact Us Form */

/* End: Contact Us Form */

/* Begin: Individual Elements (Extras)*/

.hide_this {
   position: absolute;
   left: -1000em;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* P.I.E. Float Clearing */
.clear_fix:after {
   content: ".";
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
}

.clear_fix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clear_fix { height: 1%; }

.clear_fix { display: block; }

/* End hide from IE-mac */

/*	Using 'class="alignright"' on an image will align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
    
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.align_right {
   margin: 0 0 2px 7px;
   display: inline;
   float: right;
}

img.align_left {
   margin: 0 7px 2px 0;
   display: inline;
   float: left;
}

.fix_png { }

/* End: Individual Elements (Extras) */