
body{
  font: 96% Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  margin-left: 0px;
  margin-top: 0px;
  background-color:#D4DCE2;
}

#wrapper {
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  border:0;
  width: 820px;
  background-color:#fff;
  /* background: url("/path/to/your/background_cols.gif") repeat;*/
}

#header {
  margin: 0 0 2px 0;
  background: white;
  width:800px;
}

#headerlogo {
  width:287px;
  float:left;
  margin-bottom: 0px;
  padding-left: 10px;
}

#headerad {
  width:468px;
  float:right;
  margin-top: 20px;
  margin-bottom: 0px;
}

#header img.ad {
  float:right;
}

#titleBar {
  margin: 0 0 2px 0;
  padding:4px;
  background: #006bb7;
  color:#ffffff;
  text-align:right;
  font-size:80%;
}

#titleBar p {
  padding-right: 10px;
  margin: 0 0 0 0;
  text-align:right;
}

#side-a {
  float: left;
  width: 160px;
  background: white;
  margin-top:10px;
  margin-left:10px;
}

#side-b {
  float: right;
  width: 150px;
  background: white;
  margin-top:10px;
  margin-right:10px;
}

#content {
  float: left;
  width: 440px;
  margin-top:10px;
  margin-bottom:10px;
  padding-left:15px;
  padding-right:15px;
  font-size:80%;
}

#footer {
  clear: both;
  background: #A2A2A2;
  height: 100%;
}

#footer p {
	margin: 0px;
	padding-left:13px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size:70%;
	font-weight:bold;
	color:#fff;
}

ul {
    list-style: disc;
    margin-left: 0;
    padding-left:.5em;
    padding-right:.25em;
    /*text-indent: -1em;*/
    font-size:100%;
    }

ul li {
padding-top:5px;
}

#content ul {
	padding-left: 15px;
	margin-left:15px;
}

a {color:#354452;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	color:#006bb7;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#006bb7;
}

h3 {font-size:120%;}

#side-a h2{
margin:0;
margin-top:0px;
color:#ffffff;
font-size:80%;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
 }

#side-a h2.typeA {
background-color:#779dbf;
padding-left:7px;
}

#side-a p {
padding-left:3px;
}


#side-a h2.typeB {
color:#000;
background-color:#ccdd92;
margin-top:15px;
padding-left:7px;
}

#side-a ul {
padding-top:0;
margin:0;
padding-bottom:10px;
font-size:75%;
}

#side-a ul.typeA {
  background-color:#D4DCE2;
  list-style:none;
  font-weight:bold;
}

#side-a ul.typeA a:hover {
	text-decoration:none;
	color:#006699;
}

#side-a .typeA p a {
	text-decoration:none;
}

#side-a .typeA li a {
	text-decoration:none;
}


#side-a .typeA p a:hover {
	text-decoration:none;
	color:#006699;
}

#side-a ul.typeB {
  background-color:#e9f2bf;
  list-style:none;
  color: #354452;
  font-weight:bold;
}

#side-a ul.typeB a {
	text-decoration:none;
}

#side-a ul.typeB a:hover {
	text-decoration:none;
	color:#006699;
}

#side-a div.typeA{
  background-color:#D4DCE2;
  padding:3px;
  font-size:75%;
  font-weight:bold;
  margin:0;
  margin-bottom: 10px;
  padding-bottom:5px;
}

#side-b h2{
  margin:0;
  color:#ffffff;
  font-size:75%;
  background-color:#979797;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:6px;
  }

#side-b ul{
  background-color:#eaeaea;
  padding-top:0;
  margin:0;
  padding-bottom:10px;
  list-style:none;
}

#side-b ul li{
  padding-top:2px;
  padding-bottom:2px;
  font-size: 70%;
  font-weight:bold;
  line-height: 12px;
}

#side-b ul li a{
  padding-top:2px;
  padding-bottom:2px;
  padding-left: 0;
  color:#354452;
  text-decoration:none;
}

#side-b ul li a:hover{
  padding-top:2px;
  padding-bottom:0;
  margin: 0;
  text-decoration:none;
  color:#006699;
}

#breadcrumbs{}

/*Members Content*/

.headline a {
	font-weight:bold;
	color:#006BB7;
}

.headline a:hover {
	text-decoration:none;
}

/* Member Nav */
/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
/* Found at http://www.cssplay.co.uk/menus/centered_sliding_doors.html */
    #nav {
      float:left;
	  margin-left:0px;
      }
    #nav ul {
      margin:0;
      padding:0px 10px 0 0;
      list-style:none;
      }
    #nav li {
      float:left;
      background:url("/images/membernav/right_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("/images/membernav/left_both.gif") no-repeat left top;
      padding:5px 10px;
      text-decoration:none;
      font-weight:bold;
	  font-size:75%;
      color:#354452;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #demos #nav-demos,
    #menus #nav-menus,
    #layouts #nav-layouts,
    #boxes #nav-boxes,
    #mozilla #nav-mozilla,
    #explorer #nav-explorer,
    #opacity #nav-opacity {
      background-position:100% -150px;
      }
    #demos #nav-demos a,
    #menus #nav-menus a,
    #layouts #nav-layouts a,
    #boxes #nav-boxes a,
    #mozilla #nav-mozilla a,
    #explorer #nav-explorer a,
    #opacity #nav-opacity a {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover,
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }
/* End Member Nav */




.renewalform p{
	text-align:right;
	margin:0;
	font-size: 90%;

	}
.renewalform .inputmonth{width:20px;}
.renewalform .inputyear{width:40px;}
.renewalform .inputemail{width:80px;}
.renewalform .inputsave{width:80px;font-size: 90%;float:right;}
