 /* 
     Created by: Robert Tobys
     Date: 02/03/01
     For: Metropolitanseniornetwork.org

 */
 
 /* import CSS*/
 /*For site search*/
 @import 'SearchSite.css';
  /*For top navigation bar*/
 @import 'TopNav.css';
  /*For top navigation bar*/
 @import 'Pagination.css';
   /*For maincontent*/
 @import 'Maincontent.css';
   /*For forms*/
 @import 'Forms.css';
   /*For footer*/
 @import 'Footer.css';

 /* global reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
ul,ol {list-style:none;}
fieldset,img {border:none;}
.clear {clear:both; height:0; overflow:hidden;}

body {color:#333333;font-size:12px;font-family:Arial, Helvetica, sans-serif;background:#00477f url(../images/bg_body_large.jpg) repeat-x top left;}

#wrapper {width:928px;margin-left:auto;margin-right:auto;}
.both {clear:both;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}


/* header */
#header {width:928px;height:92px;background:url(../images/bg_header.png) no-repeat;}
#left_h {float:left;width:337px;padding-left:30px;padding-top:10px;margin-bottom:5px;}
#right_h {float:right;width:350px;padding-top:35px;margin-bottom:5px}



/* main */

#main_bg {
background:url('../images/bg_main_bg.png') repeat-y bottom;
}
#main_container  {background: url('../images/bg_brd_content.png') bottom; width:900px; height:100%; min-height:800px; position:relative; padding:0px 14px 50px 14px; margin: 0px 0px 0px 0px; z-index:3; color:#333333; border:0px solid pink;}
#main_top_bg {overflow:hidden;height:1px;font-family:Arial, Helvetica, sans-serif;display:none;}
#main_sub_bottom {background: url('../images/bg_brd_content_btm.png') no-repeat center top;height:100px;margin-bottom:20px;overflow:hidden;}

#content_home {background:url('../images/bg_content_top.png') no-repeat top;min-height:620px; height:auto !important;/*height:892px; */padding:8px 14px 4px 15px;}
#content {background:url('../images/bg_content_top.png') no-repeat top;min-height:620px; height:auto !important;/*height:892px; */padding:8px 14px 4px 0px;}

#container {padding-left:11px;}
#container .left {float:left;width:135px;padding: 10px 0px 0px 0px;}

/* submenu left */
#container .left #submenu { position:relative; float:left; margin: 0 0 0 -30px; width:160px; }
#container .left #submenu .btn {padding: 0 0 1px 0;}
#container .left #submenu a#join {position:relative;top:0;left:0px;display:block;background:url('../images/btn_joinnow.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#join:hover {background-position:0px -52px;}
#container .left #submenu a#join:active {background-position:0px -52px;}
#container .left #submenu a#news {position:relative;top:0;left:0px;display:block;background:url('../images/btn_newsletter.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#news:hover {background-position:0px -52px;}
#container .left #submenu a#news:active {background-position:0px -52px;}
#container .left #submenu a#speaker {position:relative;top:0;left:0px;display:block;background:url('../images/btn_speaker.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#speaker:hover {background-position:0px -52px;}
#container .left #submenu a#speaker:active {background-position:0px -52px;}
#container .left #submenu a#store {position:relative;top:0;left:0px;display:block;background:url('../images/btn_store.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#store:hover {background-position:0px -52px;}
#container .left #submenu a#store:active {background-position:0px -52px;}
#container .left #submenu a#linkedin {position:relative;top:0;left:0px;display:block;background:url('../images/btn_linkedin.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#linkedin:hover {background-position:0px -52px;}
#container .left #submenu a#linkedin:active {background-position:0px -52px;}
#container .left #submenu a#blank {position:relative;top:0;left:0px;display:block;background:url('../images/btn_blank.png') no-repeat -0px 0;width:150px;height:53px;}
#container .left #submenu a#blank:hover {background-position:0px -52px;}
#container .left #submenu a#blank:active {background-position:0px -52px;}


#container .left #leftcontent { position:relative; float:left; padding: 20px 0 0 0; width:120px;  }
#container .left #care { position:relative; float:left; padding: 20px 0 0 0; width:120px; }
#container .right {width:740px;overflow:hidden ;padding: 10px 0px 50px 0px;border: 0px solid red;}
#container .right #flashbanner {width:740px; height:211px;}

/* homepage boxes bottom*/
.bx355_left h1 {background: url('../images/bx_355.png') top; padding:4px 0 0 15px; color: #000000; font-size: 1.8em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em; height:40px; }
.bx355_left h2 {padding:4px 5px 5px 20px; color: #000000; font-size: 1.6em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.bx355_left h3 {padding:4px 5px 5px 20px; color: #000000; font-size: 1.5em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.bx355_left {background: url('../images/bx_355.png') bottom; float:left; width:355px; height:350px;  position:relative; padding:0px 0px 40px 0px; margin:10px 0 20px 0px; z-index:3; color:#333333;}
.bx355_left p {padding: 0px 30px 10px 30px; color:#333333;}
.bx355_left a {text-decoration:underline;}

.bx355_right h1 {background: url('../images/bx_355.png') top; padding:4px 0 0 15px; color: #000000; font-size: 1.8em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em; height:40px; }
.bx355_right h2 {padding:4px 5px 10px 20px; color: #000000; font-size: 1.6em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.bx355_right h3 {padding:4px 5px 10px 20px; color: #000000; font-size: 1.5em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.bx355_right {background: url('../images/bx_355.png') bottom; float:right; width:355px; height:350px; position:relative; padding:0px 0px 40px 0px; margin:10px 0 20px 0px; z-index:3; color:#333333;}
.bx355_right p {padding: 0px 30px 10px 20px; color:#333333;}
.bx355_right a {text-decoration:underline;}

/* homepage sponsors box bottom*/
.sponsorshowcase h1 {padding:4px 0 0 15px; color: #000000; font-size: 1.8em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em; height:40px; }
.sponsorshowcase h2 {padding:4px 5px 5px 20px; color: #000000; font-size: 1.6em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.sponsorshowcase h3 {padding:4px 5px 5px 20px; color: #000000; font-size: 1.5em; font-weight:bold; font-family:Verdana, Geneva, sans-serif; letter-spacing: 0.2em;}
.sponsorshowcase {float:left; width:710px; height:130px;  position:relative; padding:0px 0px 40px 0px; margin:10px 0 20px 0px; z-index:3; color:#333333;}
.sponsorshowcase p {padding: 0px 30px 10px 30px; color:#333333;}
.sponsorshowcase a {text-decoration:underline;}

/* board member */
.boardmember {float:left; width:420px; height: auto; min-height:280px; padding: 10px 0 0 15px; border-bottom:1px dotted #aebc21;}
.boardmember a, a:visited, a:active { text-decoration:none;}

/* breadcrumbs */
#breadcrumbs {width:600px; height:15px; padding: 0 0 5px 0; font-family:Verdana, Geneva, sans-serif; font-size:10px; color: #00477f; border: solid red 0px;}
#breadcrumbs a, a:hover, a:active, a:visited {color:#00477f;}

/* gallery */
#gallery {border:0px solid silver;}










