/* FREMONT COIN CLUB NEWSLETTER CSS Stylesheet */

/* Cancel all browser default margins and padding */

* {
   margin:0;
   padding:0;
}

body {
   background-color:#706552;
   font-family:verdana,arial,sans-serif;
   text-align:center;
}

#wrapper {
   width:56.25em; /* equal to 900px */
   background-color:#fff;
   border:solid 2px #453832;
   /* Top margin for background color above wrapper */
   /* Center horizontally */
   margin:10px auto 0 auto;
   /* Required for absolutely-positioned layout only */
   position:relative;
}

#colorbarsm {
   width:56.25em;
   height:4px; /* orginally 10px */
   background-color:#000; /* originally #000 */
}

#colorbarlrg {
   width:56.25em; /* equal to 900px */
   height:3.75em; /* equal to 60px (3.75em) */
   background-color:#453832; /* originally #453832 */
   border-bottom:solid 2px #b5a78f; /* border on top of content area */
}

/************** BRANDING DIV Styles ***************/

/* Make branding a positioned element, but don't move it */

#branding {
   position:relative;
}

/* Get rid of gap under branding bar */

#branding img {
   display:block;
}

/************** LEFT COLUMN DIV Styles ***********/

#left {
   width:18em;  /* 240px = 15em */
   font-size:12px;
   float:left;
   margin:5px 10px 5px 5px;
   line-height:1.35em;
   border:1px solid #453832;
}

#left h1 {
   font-family:Tahoma, Helvetica, Arial, Tahoma, sans-serif;
   font-size:12px;
   font-weight:strong;
   color:#453832;
   margin:0;
   padding:0;
   text-transform:uppercase;
   border:3px solid #009f3c;
   background:#b5a78f;
}

#left h2 {
   font-size:12px;
   font-weight:strong;
   margin:0;
   padding:0;
}

#left h2 span {
   font-size:12px;
   color:#ff0000;
}

#left p {
   margin-bottom:15px;
}

#left img {
   width:130px;
   height:130px;
}

span {
   font-size:16px;
   font-weight:strong;
   color:#0000ff;
}

/************** CONTENT DIV Styles ****************/

#content {
   background-color:#fff;
   font-family:verdana, tahoma,arial,sans-serif;
   color:#000;
   margin:0.625em 1.25em 0.625em; 1.25em;
}

#content p {
   text-align:left;
   font-size:.9em;
}

#content p img {
   margin-top:10px;
}

#content ul {
   margin-left:20px;
   margin-right:20px;
}

#content ul li {
   margin-bottom:20px;
}

#content h5 {
   font-weight:normal;
   text-align:center;
   font-size:9px;
   padding-top:10px;
   margin-bottom:50px;
   margin-top:20px;
}

#content h2 {
   text-align:center;
   margin-top:30px;
   margin-bottom:30px;
}

#content h3 {
   text-align:left;
   margin-top:30px;
   margin-bottom:30px;
}

.leftimg {
   text-align:left;
   font-size:14px;
   line-height:1.3em;
}

.card1 {
   clear:both;
   float:left;
   margin-bottom:45px;
   margin-left:35px;
}

.card2 {
   float:right;
   margin-bottom:45px;
   margin-right:25px;
}

.cmarg {
   text-align:left;
   margin-left:20px;
   margin-right:20px;
}

/************** CONTENT COLUMN  *******/

#lcontent {
   font-family:Verdana, Helvetica, Tahoma, sans-serif;
   font-size:12px;
   margin-left:16.3em; /* 256px */
   margin-top:5px;
   margin-right:15px;
   text-align:center;
}

#lcontent h1 {
   font-size:14px;
   text-align:center;
}

#lcontent p {
   line-height:1.3em;
}

#lcontent img {
   margin-top:5px;
   margin-bottom:5px;
}

.left {
   font-size:14px;
   text-align:left;
}

/******************LEFT COLUMN SEPTEMBER NEWSLETTER *****************/

#leftsep {
   float:left;
   width:28em;  /* 472px */
   font-size:14px;
   float:left;
   margin:5px 10px 5px 35px;
   line-height:1.35em;
}

#leftsep h1 {
   font-family:Tahoma, Helvetica, Arial, Tahoma, sans-serif;
   font-size:16px;
   text-align:left;
   font-weight:strong;
   margin:40px 0 20px; 0;
   padding-left:10px;
   text-transform:uppercase;
}

#leftsep h2 {
   font-size:12px;
   font-weight:strong;
   margin:0;
   padding:0;
}

#leftsep h2 span {
   font-size:12px;
   color:#ff0000;
}

#leftsep p {
   margin-bottom:15px;
}

#leftsep ul {
   margin-left:20px;
   margin-right:20px;
}

#leftsep ul li {
   margin-bottom:20px;
}

#leftsep img {
   width:130px;
   height:130px;
}

span {
   font-size:16px;
   font-weight:strong;
   color:#0000ff;
}

/************** RIGHT COLUMN SEPTEMBER NEWSLETTER ****************/

#contentsep {
   float:right;
   width:25.5em;
   background-color:#fff;
   font-family:verdana, tahoma,arial,sans-serif;
   color:#000;
   margin-top:0.625em;
   margin-bottom:1.25em;
   margin-right:2em;
}

#contentsep p {
   text-align:left;
   font-size:.9em;
}

.img1 {
   margin-top:-20px;
   margin-bottom: 10px;
}

.img2 {
   margin-left:-15px;
   margin-bottom:10px;
}

#contentsep ul {
   margin-left:20px;
   margin-right:20px;
}

#contentsep ul li {
   margin-bottom:20px;
}

#contentsep h5 {
   font-weight:normal;
   text-align:center;
   font-size:9px;
   padding-top:10px;
   margin-bottom:50px;
   margin-top:20px;
}

#contentsep h2 {
   text-align:center;
   margin-top:30px;
   margin-bottom:30px;
}

#contentsep h3 {
   text-align:left;
   margin-top:30px;
   margin-bottom:30px;
}

.leftimg {
   text-align:left;
   font-size:14px;
   line-height:1.3em;
}

.card1 {
   clear:both;
   float:left;
   margin-bottom:0;
   margin-left:35px;
}

.card2 {
   float:right;
   padding-right:25px;
   padding-top:5px;
   margin-bottom:45px;
}

.card2a {
   float:right;
   padding-top:5px;
   margin-right:45px;
}

.cmarg {
   text-align:left;
   margin-left:20px;
   margin-right:20px;
}

/***************** NAVBAR DIV Styles ****************/

#navbar {
   height:2.3125em; /* 2.3125em = 37px = height of navbar splices */
   background:#453832 url(../images/navbarsplice.gif) repeat-x;
   /* For absolutely-positioned navbar */
   position:absolute;
   top:10.875em; /* same as branding div height + small color bar (170px + 4px = 10.875em) */
   left:0;
   width:56.25em; /* same width as branding bar and wrapper (56.25em = 900px) */
}

/* Remove bullets from ul in the navbar */

#navbar ul {
   list-style-type:none;
}

/* List items in the navbar */

#navbar li {
   float:left;
   /* Required for drop-down menus */
   position:relative;
}

/* Applies to navbar links, unvisited and visited */

#navbar a,
#navbar a:link,
#navbar a:visited,
#navbar ul li h1 {
   text-decoration:none;
   font-family:verdana,arial,sans-serif;
   font-size:0.8em;
   font-weight:normal;
   color:#fff;
   background:#453832 url(../images/navbarsplice.gif) repeat-x;
   display:block;
   height:2.15em; /* height of each navigation block */
   width:13.985em; /* width of each navigation block */
   border-right:solid 1px #000; /* right border on navigation blocks */
   line-height:2.25em; /* height above and below text in main navigation blocks */
   text-align:center; /* center text in main navigation blocks */
   outline-style:none;
   text-transform:uppercase;
   padding-bottom:3px;
}

/* Navbar hover, active, and current page links */

#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited {
   background:url(../images/bgcolorsplice.gif) repeat-x;
   color:#fff; /* color of text on main navbar when hovered over */
}

/* Navbar default cursor over page links */

#navbar ul li h1 {
   cursor:default;
}

/***************** DROP-DOWN MENU Styles *************/

/* Applies to drop-down menu in navbar */

/* Navbar hover, active, and current page links */


#navbar li ul {
   position:absolute;
   z-index:100;
   visibility:hidden;
   border:1px solid #000;
}

/* Make drop-down visible on navbar hover */

#navbar li:hover ul,
#navbar li a:hover ul {
   /* IE6 hack */
   visibility:visible;
   top:1.79em; /* originally 1.55em */
   left:0; /* originally 0px */
}

/* Applies to links on the drop-down menu */

#navbar li:hover ul li a,
#navbar li a:hover ul li a {
   /* IE6 hack */
   background:#453832; /* Removes background image */
   color:#fff; /* text color on dropdowns */
   text-align:center; /* centers text horizontally in drop down menu */
   display:block;
   width:17.9em; /* defines width of drop down box 17.9em */
   line-height:2.55em; /* centers text vertically in drop-down menus */
   height:2.3em;      /* (2.7em) sets height of background link buttons 2.3125em */
   font-size:0.625em; /* text size on dropdowns (10px = 0.625em) */
}

/* Hover on drop-down menu links */

#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover {
   /* IE6 hack */
   background:#b5a78f; /* hover color over dropdown links */
   color:#fff; /* text hover color on dropdowns */
}

/* IE6 hack applies to its table drop-down */

#navbar table {
   margin:-1px;
   border-collapse:collapse;
   position:absolute;
   top:0.5em; /* originally 0.5em */
   left:0;
   z-index:100;
}

/***************** FOOTER DIV Styles ****************/

#footer {
   font-family:verdana,arial,sans-serif;
   color:#000;
   border-top: 1px solid #453832;
   padding-top:10px;
   padding-bottom:10px;
   text-align:center;
clear:both;
}

#footer p {
   font-size:10px;
   color:#000;
}

#footer h1 {
   font-size:12px;
   color:#000;
   margin:0 0 10px 15px;
}

#footer h1 a:link {
   text-decoration:underline;
   color:#0000ff;
}

#footer h1 a:hover {
   color:#d6c42d;
}

#footer p a:link,
#footer p a:visited {
   text-decoration:none;
   color:#9e7a4b;
}

#footer p a:hover {
   text-decoration:none;
   color:#d6c42d;
}

/**************** BOTTOM NAVIGATION *********************/

#navbar2 {
   height:1.5em;
   background:#b5a78f;
   position:absolute;
   bottom:80px;
   left:0;
   width:56em;
   text-align:center;
   z-index:100;
   border-top:3px solid #453832;
   border-bottom:3px solid #453832;
   border-left:2px solid #453832;
   border-right:2px solid #453832;
}

.firstitem {
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:13px;
   color:#363636;
   padding:0px 5px 0px 5px;
   text-decoration:none;
}

.selected {
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:13px;
   font-weight:bold;
   color:#000;
   padding:0px 5px 0px 5px;
   text-decoration:none;
   line-height:1.6em;
}
   
#navbar2 a:hover {
   color:#9c2c86;
   background:#fff;
}