/* CSS Document */
body {
padding:0;
margin:20px 0;
font:12px trebuchet ms, arial, verdana;
text-align:center;
background:#000;
}
#container {
text-align:left;
margin:0 auto;
width:650px;
background:url(assets/images/bg.gif) repeat-y;
border:3px solid #fff;
voice-family: "\"}\""; 
voice-family:inherit;
width:644px;
}

#header {
height:208px;
background:url(assets/images/header2.gif) no-repeat 225px 0;
}

#header img {
display:block;
border:0;
}
#navcontainer {
padding:0 0 0 225px;
height:30px;
background:url(assets/menu/bg.gif) no-repeat;
}
#nav {
margin: 0;
padding: 0;
height: 30px;
list-style: none;
display: inline;
overflow: hidden;
}
#nav li {
margin:0; 
padding: 0;
list-style: none;
display: inline;
}

#nav a {
float: left;
padding: 30px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:30px; /* for IE5/Win only */
}
	
#nav, #nav a:hover {
background-position: 0 -30px;
}

#nav a:active, #nav a.selected {
background-position: 0 -60px;
}

#taboutus, #taboutus a  {
width: 84px;
background: url(assets/menu/aboutus.gif) top left no-repeat;
}
#t121, #t121 a  {
width: 84px;
background: url(assets/menu/121.gif) top left no-repeat;
}
#tsuccess, #tsuccess a  {
width: 84px;
background: url(assets/menu/success.gif) top left no-repeat;
}
#tcontactus, #tcontactus a  {
width: 83px;
background: url(assets/menu/contactus.gif) top left no-repeat;
}
#tjoin, #tjoin a  {
width: 84px;
background: url(assets/menu/joinus.gif) top left no-repeat;
}



/*main layout divs */
#col1 {
width:225px;
float:left;
padding:0 0 20px 0;
}
#main {
margin:0 0 0 225px;
padding:10px 20px 20px 20px;
}
#footer {
clear:both;
background:url(assets/images/footerbg.gif) no-repeat;
color:#fff;
padding:0 10px 0 0;
height:65px;
text-align:right;
}
#footer p {
margin:50px 0 0 0;
}


/* supplementary divs */
#about, #secure, #otherinfo {
border:1px solid #aaa;
margin:0 10px 10px 10px;
background:#f0f0f0;
}
#about img, #secure img, #otherinfo img {
float:left;
margin:0 5px 0 0;
}
.clearer {
clear:left;
height:0;
line-height:0;
}




/* font styles */
p {
line-height:17px;
margin:0 0 15px 0;
}
h1 {
font-size:12px;
font-weight:lighter;
color:#fff;
background:#aaa;
padding:0 0 0 10px;
margin:0;
}
h2 {
font-size:16px;
color:#ff6600;
margin:0 0 12px 0;
padding:0 0 1px 0;
border-bottom:1px solid #ccc;
}
h3 {
font-size:13px;
font-weight:bold;
color:#0099FF;
margin:0;
}
#about p, #secure p {
padding:10px;
margin:0;
}
a {
color:#00CC00;
}
a:hover {
color:#FF3300;
}
blockquote.pullquote {
float: right;
width: 150px;
margin: 3px 0 3px 3px;
padding: 8px;
background:#f0f0f0;
font: 14px/22px georgia, palatino, serif;
color: #333;
text-align: right;
}
/* list styles */
#main ul {
list-style-type:none;
padding:0;
margin:0;
}
#main li {
list-style-type:none;
padding:0 0 0 20px;
background:url(assets/images/daisy.png) no-repeat 3px left;
margin:0 0 5px 0;
}
#col1 ul {
padding:0;
margin:10px 0 10px 10px;
list-style-type:none;
}
#col1 li {
padding:0;
margin:0 0 3px 0;
list-style-type:none;
}
#col1 li a {
background:url(assets/images/bullet.gif) 0 50% no-repeat;
text-decoration:none;
padding:0 0 0 15px;
color:#333;
}
#col1 li a:hover {
text-decoration:underline;
}




/* misc styles */
.imgright {
margin:0 0 0 5px;
float:right;
border:0;
}
.imgleft {
margin:0 5px 0 0;
float:left;
border:0;
}
strong {
font-weight:bolder;
}