/* CSS Document */
body{
padding: 0;
background: #fff;
margin: 30px 0 10px;
font: 76% verdana, arial, "Lucida Sans Unicode", sans-serif;
}



/* all undefined links */
a:link, a:active, a:visited{
color: #495d78;
letter-spacing: 1px;
text-decoration: none;
font: 1em verdana, arial, tahoma, sans-serif;
}
a:hover{
color:#c1c1c1;
text-decoration: none;
}



/* Container holding entire layout */
#wrapper{
padding: 0;
width: 900px;
margin: 0 auto;
}



/* Top container holding logo and menu */
#logo{
margin: 0;
height: 49px;
background: #fff url("../images/logo.gif") 10px 0 no-repeat;
}



/* Search Option - Google Adsense for search */
#search{
float: right;
font: 10px verdana, arial, sans-serif;
}
#search input{
width: 220px;
height: 14px;
line-height: 14px;
padding-left: 30px;
border: 1px solid #ccc;
background: #fff url("../images/search-icon.gif") 4px no-repeat;
}
#search input:focus{
background: #eee url("../images/search-icon.gif") 4px no-repeat;
}


/* Container holding theme and rest of logo */
#theme{
height: 16px;
display: block;
background: #fff url("../images/logo.gif") 10px -49px no-repeat;
}
/* Aligns theme images neatly next to each other */
.theme-img{
border: 0;
float: right;
padding-left: 5px;
}
/* Aligns theme links */
.theme-links{
border: 0;
float: right;
padding-left: 5px;
}


/* Container holding entire left column */
#main{
float: left;
width: 735px;
margin-top: 22px;
background: #fff url("../images/sideline.gif") repeat-y;
}
#main h1{
margin-top: 15px;
padding-left: 20px;
font: 1.7em arial, verdana, arial;
}
#main h2{
margin-top: 10px;
font: bold 1.2em arial, verdana, arial;
}
#main h3{
color: #900;
font: bold 1em arial, tahoma, sans-serif;
}
#main p{
padding: 0 20px;
line-height: 1.4em;
}
/* Horizontal line in main column */
.mainline{
width: 80%;
height: 1px;
clear: both;
margin: 5px auto;
background: transparent url("../images/mainline.gif") repeat-x; 
}
/* Help centering images in main column */
#main .sample-center{
width: 561px;
margin: 0 auto;
}
/* Aligns 3 images next to each other */
#main .sample-templates{
float: left;
width: 187px;
text-align: center;
}



/* Technique used to replace <h3> tags with images */
h3#t-links{
height: 39px;
width: 150px;
margin: 10px auto;
text-indent: -5000px;
font: bold 1.3em arial, sans-serif;
background: transparent url("../images/t-links.gif") no-repeat;
}
/* Technique used to replace <h3> tags with images */
h3#t-referers{
height: 39px;
width: 150px;
margin: 10px auto;
text-indent: -5000px;
font: bold 1.3em arial, sans-serif;
background: transparent url("../images/t-referers.gif") no-repeat;
}
/* Technique used to replace <h3> tags with images */
h3#t-google{
height: 39px;
width: 150px;
margin: 10px auto;
text-indent: -5000px;
font: bold 1.3em arial, sans-serif;
background: transparent url("../images/t-google.gif") no-repeat;
}



/* Container holding Menu background */
#menubg{
height: 43px;
background: #fff url("../images/topbg.png") repeat-x;
}
#menuleft{
height: 43px;
background: transparent url("../images/topleft.png") no-repeat;
}
#menuright{
height: 43px;
background: transparent url("../images/topright.png") 100% no-repeat;
}
#menuemail{
float: left;
margin: 10px 0 0 25px;
}



/* Tabbed menu (TopNav) */
#nav ul{
margin: 13px 1px 0 0;
float: right; 
list-style-type: none;
}
#nav li{
float: left; 
background: url("../images/tabright.png") 100% no-repeat; 
}
#nav a{
float: left; 
display: block;
color: #939393;
text-decoration: none;
padding: 13px 17px 3px 22px;
font: 11px verdana, arial, sans-serif; 
background: url("../images/tableft.png") 0 no-repeat ; 
}
#nav a:hover{
color: #666;
}


/* Left column and contents in it */
#Lcolumn{
float: left;
width: 150px;
margin-top: 12px;
margin-right: 15px;
}


/* SideNav */
#nav-side ul{
padding: 0;
margin: 0 0 0 5px;
list-style-type: none;
}
#nav-side li{
text-indent: 13px;
background: url("../images/bullet.gif") 0 -1px no-repeat;
}
#nav-side a{
line-height: 1.3em;
}


/* Aligning documents and texts */
.center{
text-align: center;
}
/* No borders around adverts */
.noborder{
border: 0;
}
/* Properties of all inputs on the site */
input{
width: 220px;
border: 1px solid #ccc;
font: 10px verdana, arial, sans-serif;
}



/* Footer - Properties of the footer text */
#footer{
clear: both;
text-align: center;
font: 10px/20px verdana, arial, tahoma, sans-serif;
}
