*{margin:0; padding:0;}

body{
font:13px; 
font-family: Arial,sans-serif;
background: #ffffff  url('images/bg-bg.jpg') repeat-y;
background-attachment: fixed;
text-align:center;
}

a{
color:#1155c1;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

a:hover{color:#262626; text-decoration:underline; background-color:inherit;}
a img{border:none;}

p {margin-top: 10px}

#container{
width:780px;
margin: 0px auto;
text-align:left;
background-color: #ffffff;
color:#303030;
}
.yel {color:#97bee6;}
.red {color:#B61400;}
//.red {color:#996633;}
.yellow {color:#A08903;}
.yellit {font-size: 10px; }

#friend {
width:400px;
height: 350px;
font-family: Arial,sans-serif;
font-size:13px;
background-color: #ffffff;
color:#303030;
}
#friend h1{
font-size:16px;
color:#4b4b4b;
margin:0 ;
padding-top: 0 ;
font-weight:bold;
border-bottom: 1px solid #d8d8d8;
}
#friend h2{
font-size:12px;
color:#b9b9b9;
margin:0;
padding: 0;
font-weight: bold;
}
#print{
width:780px;
font-family: Arial,sans-serif;
font-size:13px;
margin: 0px auto;
text-align:left;
background-color: #ffffff;
color:#303030;
}
#print h1{
font-size:23px;
letter-spacing:-1px;
color:#4b4b4b;
margin:0 ;
padding-top: 0 ;
font-weight:bold;
}
#print h2{
font-size:13px;
color:#818181;
margin:0;
padding: 0;
font-weight: normal;
font-style:italic;
}
#print .line{
border-bottom: 1px solid #d8d8d8;
margin:0 0 14 0;
}
#print .linetop{
border-top: 5px solid #d8d8d8;
padding: 2 5 2 5;
margin:2 0 10 0;
}
#print  a{
color:#0000ff;
text-decoration:underline;
font-weight: normal;
}
/**************** Header ****************/
#header{
width:780px;
height: 120px;
background: #ffffff url('images/header-bg.jpg') repeat-x;
font-family: Arial,sans-serif;
font-size: 13px; 
color: #4a4a4a; 
}
#header a{
text-decoration:none;
}
#header h1 {
font-size: 30px; 
color: #005588; 
letter-spacing:-1px;
font-weight:bold;
padding: 30 0 1 10;
}
#header h2{
font-size:18px;
letter-spacing:1px;
font-style:italic;
color:#fffafa;
font-weight:bold;
padding: 15 16 0 0;
}
#headerleft{
padding: 0 0 0 10;
}
#headerright{
float: right;
padding: 58 10 0 0;
}
/**************** Preface ****************/
#preface{
font-size:13px;
width:780px;
font-family: Arial,sans-serif;
margin: 0 0 0 0;
}

#preface .adsbar {
background: #24486c ;
padding: 0 0 0 0;
margin: 0 10 10 10;
}

#preface .borderbot{
background-color: #252525;
}

#preface h1 {
font-size: 20px; 
color: #262626; 
}
ul#linetop {
list-style-type: none;
background: #ffffff url('images/topnav.jpg') repeat-x;
margin: 10px;
padding: 10px 2px 30px 2px;
border-bottom: 1px solid #ececec;
}
ul#linetop .left { float: left; }
ul#linetop .right { float: right; }

/**************** Content ****************/
ul#ads {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#ads .left { float: left; padding: 0 20px 10px 2px;}
ul#ads .left2 { float: left; padding: 0 0 10px 2px;}

.tableless { float:left; margin: 0 10px 12px 0}
.tablepic { float:left; margin: 14 30px 20px 0px}

#content{
width:780px;
font-family: Arial,sans-serif;
background-color:inherit;
font-size: 13px; 
}
#content .browse-bg {background: url(images/c-gradient.gif) repeat-x bottom left;}
#content .browse-ds {background: url(images/c-middle.gif) repeat-y;}
#content .browse-top {background: url(images/c-top.gif) no-repeat; padding-top: 5px;}
#content .browse-bottom {background: url(images/c-bottom.gif) no-repeat bottom left; padding: 0 0 20px 2px; position: relative;}

#content td {font-size:13px}
#content h1 {
margin:0 0 0 0;
font-family: Verdana, Arial,sans-serif;
padding: 2 0 2 8;
font-size: 14px; 
color: #FEFEFE; 
background-color: #24486c;
}
#content h3 {
margin:0 0 0 0;
padding: 10 0 1 0;
font-size: 16px; 
}
#content h4 {
margin: 20 0 20 0;
padding: 10 0 10 0;
font-size: 16px; 
color: #6e6e6e; 
background-color: #fefde2;
}

#content a{font-weight:normal;}
#content a.page {font-size:0.9em; font-weight:normal; text-decoration:underline;font-family: Arial,sans-serif;}
#content .pic a{font-size:12px; font-weight:bold; text-decoration:underline;font-family: Arial,sans-serif;}

#content .title{font-size:13px; padding: 1 0 1 1; color:#fcfcfc; background-color:#004477; font-weight:bold}
#content .rss a{font-size:13px; color:#0033cc; font-family: Arial,sans-serif; font-weight:bold}
#content .left8px{padding: 0 0 0 6px;}
#content .hgreen {font-size:11px; color: #008000}
#content .bglight {background: #f9f9f9; padding: 0 0 0 0px;}
#content .date {font-size:10px; color:#121212; }
#content .date a {text-decoration:none }

#content .page_num {
	padding: 2px 5px 2px 5px;	
	margin: 10 0 10 0;
	font-size:12px;
	background-color: #f3f3f3;
}

#content .page_num a {
	text-decoration:none;
}

#content .table {
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
		  background-color: #dde4ec; 
		  padding: 1px 0 1px 0;
		  margin-bottom:6px
}
#content .table0 {
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
		  background-color: #ffffff;
}
#content .table1 {
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
		  background-color: #f1f1f1;
}
#content .table li, .table0 li, .table1 li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            margin:1 0 1 0;
            position:relative; /* This is the key */
}
#content .table a, .table0 a, .table1 a{
 font-weight:normal; text-decoration:none
 }

#contentleft{
width: 550px;
float: left;
margin-left: 10px;
margin-right: 10px;
display: inline;
}
/**************** Sidebar ****************/
#contentright{
width: 200px;
float: right;
text-align: center;
margin-right: 10px;
display: inline;
}

#contentright .border{
font-size:12px;
padding: 8 0 10 10;
text-align: left;
}

#contentright .weather{
font-size:13px;
font-weight:bold;
}

#contentright .weather a{
color:#B61400;
font-weight:bold;
text-decoration:underline;
}

#contentright .current{
color:#939393;
}

#contentright .wdate{
font-size:9px;
text-align: center;
color:#939393;
}
/**************** Footer ****************/
#footer{
font-size:13px;
font-family: Arial,sans-serif;
clear:both;
margin: 0 10 0 10;
padding: 20 0 20 0;
}
#footer td{font-size:12px}
#footer a{font-size:12px; font-weight:normal; text-decoration:underline;font-family: Arial,sans-serif;}

/*************************/
ul#comment0 {
list-style-type: none;
background-color: #f1f1f1;
margin: 0 0 0 0;
padding: 10px 20px 3px 20px;
font-size:13px;
}
ul#comment1 {
list-style-type: none;
background-color: #fdfdfd;
margin: 0 0 0 0;
padding: 10px 20px 3px 20px;
font-size:13px;
}
ul#comment0 a, #comment1 a { text-decoration:none }
ul#comment0 .left, #comment1 .left{float: left; }
ul#comment0 .right, #comment1 .right{float: right; }
/*************************/
ul#linepage {
list-style-type: none;
background-color: #f1f1f1;
margin: 0 0 20 0;
padding: 2 4 20 4;
font-size:11px;
}
ul#linepage a { text-decoration:none }
ul#linepage .left { float: left; }
ul#linepage .right { float: right; }
/*************************/
ul#linebot {
list-style-type: none;
background-color: #24486c;
margin: 0 0 20 0;
padding: 0 4 18 4;
color: #f8f8f8;
}
ul#linebot a {
color: #f8f8f8;
}
ul#linebot .left { float: left; }
ul#linebot .right { float: right; }
/*************************/

div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 760px;
	display: block;
	}
div#byitem ul.vert li {
	padding: 2px 0;
	margin: 0;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 180px;
	display: block;
	padding: 2 10px 0 0;
	margin: 0;
	}
	
/********************************/
.myinput2, .mytextarea2{
	font:100% Arial,Tahoma, sans-serif;
	font-size:13px;
	margin: 1 0 1 94px;
	padding: 0 0 0 2px;
}

.myinput, .mytextarea{
	font:100% Arial,Tahoma, sans-serif;
	font-size:13px;
	background: #fff;
	padding: 1px 2px;
	border: 1px solid #BFBFBF;
}

.myinput:focus, .mytextarea:focus {
 	 border-color: #6e6e6e; 
}

.mybutton {
	font-size:11px;
	margin: 0px;
	padding: 0px;
}

.go {
	background: url(images/go.gif) no-repeat;
	height: 17px;
	width: 31px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.go:hover {
	background: url(images/go.gif) no-repeat 0 -17px;
	height: 17px;
	width: 31px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.subscribe {
	background: url(images/subscribe.gif) no-repeat;
	height: 17px;
	width: 112px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.subscribe:hover {
	background: url(images/subscribe.gif) no-repeat 0 -17px;
	height: 17px;
	width: 112px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.submit {
	background: url(images/submit.gif) no-repeat;
	height: 17px;
	width: 77px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.submit:hover {
	background: url(images/submit.gif) no-repeat 0 -17px;
	height: 17px;
	width: 77px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.cancel {
	background: url(images/cancel.gif) no-repeat;
	height: 17px;
	width: 77px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.cancel:hover {
	background: url(images/cancel.gif) no-repeat 0 -17px;
	height: 17px;
	width: 77px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
.search-form {
	background: url(images/search-form.gif) no-repeat;
	height: 17px;
	width: 60px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	vertical-align: top;
	margin-top: 3px;
	}
.search-form:hover {
	background: url(images/search-form.gif) no-repeat 0 -17px;
	height: 17px;
	width: 60px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	vertical-align: top;
	margin-top: 3px;
	}
	
#ggsearch {
	width:760px !important;
	height:auto !important;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align:left;
	padding:0px;
	margin-bottom:10px;
	background:#ffffff url(images/ggsearch.png) top no-repeat !important;
}