body 
{
	margin: 0; 
	padding: 0;
	background-color: #0E77BB;
	text-align: center;
	font-size:62.5%; /* Explain @ www.clagnut.com/blog/348/ */	
}

div.links
{
  padding-bottom: 10px;
  padding-top: 10px;
}

p.linkdesc
{
padding: 0px;
margin: 0px;
}

p.link
{
margin-bottom: 0px;
}

p.posted
{
  font-size: 9px;
  color: #555555;
  padding-top: 20px;
}

a
{
  color: #0A3377;
 text-decoration: none;
  font-weight: bold;
} 

a:hover
{
  color: black;
  text-decoration: underline;

}

a:visted
{
  color: #0A3377;
}


#header {
	background-color: #0E77BB;
	padding: 20px 0 0 0;
	width: 100%;
	background: #0E77BB url(http://www.meganjones.net/images/header_bg.png) repeat-x;
	height: 125px;
	text-align: center;
}

#footer {
	background-color: #0E77BB;
	margin-top: 20px;
	width: 100%;
	background: #0E77BB; 
	height: 42px;
	text-align: center;
}



#header h1 
{
	margin: 0 auto; padding: 0;
	width: 700px; height: 85px;
	background: url(http://alberni.textdrive.com/~meganjones/images/logo.jpg) no-repeat;
	text-indent: -9999px;

}


div.boundingHeader
{
	
	width: 700px;
	margin: 0px auto;
	font-family: Verdana;
	font-size: 12px;	
	padding: 0px;
}

div.bounding
{
	
	width: 700px;
	margin: 0px auto;
	font-family: Verdana;
	font-size: 12px;	
	padding: 0px;
}

/* all curved boxes get the bottom-left corner */
div.content {
  text-align: left;
  font-family: Verdana;
  font-size: 12px;
  padding: 10px 20px;
  border: solid #57B5F1 1px;
  color: #0E649A;
  background: #ffffff url(http://alberni.textdrive.com/~meganjones/images/meganjones_logo_transparent.jpg) no-repeat top right;
  
}

div.content h1 
{
	font-size: 14px;
	color: #0F527D;
}

div.content b
{
	color: #0F527D;
}
	


/* all curved boxes get the bottom-left corner */
div.rounded {
  text-align: left;
  background: #ffffff url(http://alberni.textdrive.com/~meganjones/images/bl_18_ffffff_0e77bb.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 0em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #ffffff url(http://alberni.textdrive.com/~meganjones/images/br_18_ffffff_0e77bb.gif) no-repeat bottom right;
  color: #333333;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h4 {
  color: #0e77bb;
  background: #ffffff url(http://alberni.textdrive.com/~meganjones/images/tr_18_ffffff_0e77bb.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(/images/tlc_18_ffffff_0e77bb.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
  font-size: 12px;
  margin: 0px;
}

div.rounded h4 {
  font-size: 2em;
}

div.rounded p 
{
 padding-left: 7px;
 padding-right: 7px;
}


/*- Menu Tabs B--------------------------- */

    #tabsB 
    {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:93%;
      line-height:normal;
      }
    #tabsB ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("http://alberni.textdrive.com/~meganjones/images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("http://alberni.textdrive.com/~meganjones/images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
      
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    
    #tabsB a:hover span, #tabsB span.active {
      color:#000;
      }
    #tabsB a:hover, #tabsB a.active  {
      background-position:0% -42px;
      }
    #tabsB a:hover span, #tabsB span.active {
      background-position:100% -42px;
      }
 

/* ----------------------------------------------------- */
a.ex {
  color : #0A3377;
  padding-right : 15px; 
  background : #fff url(http://www.meganjones.net/images/3.jpg) no-repeat bottom right;
  white-space : nowrap; /* Added April 12, 2007 (see note below)*/
}

/*
  Remove the underline, change the color, change the image.
*/
a.ex:hover, a.ex:focus, a.ex:active {
  color : #000;
  text-decoration : none;
  background : #fff url(http://www.meganjones.net/images/4.jpg) no-repeat bottom right;
}

a.ex:hover
{
text-decoration: underline;
}
  
/*
  Change the background color/image on focus
*/
a.ex:focus, a.ex:active {
  background : #ffffdd url(http://www.meganjones.net/images/2.jpg) no-repeat bottom right;;
}

/*
  I use this class to pre-load the state-change images for better performance
*/
.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
}