@charset "utf-8";
/* CSS Document */

a:link {color: #232426; text-decoration: none;}
a:visited {text-decoration: none; color: #232426;}
a:hover {text-decoration: underline; color: #232426;}
a:active {text-decoration: none; color: #232426;}
a {font-size: 12px;}

body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
body {
	background-color: #2F8BCA;
	background-image: url(images/background2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#container {margin-left: auto;margin-right: auto;width: 1100px;}
#top_box {height: 115px;}
<!-- NAVIGATION -->
#nav {width:936px;}
#top_yellow {height: 40px; width: 636px; margin-left: 5px; float: left;}
#top_yellows {height: 35px; margin-top:5px; margin-right:5px; width: 295px; float: left; text-align: right;}
#top_blue {height: 25px; width: 936px; margin-left: 7px;}

<!-- TOP YELLOW HOME -->
.ty_home {display: block; float: left; width: 137px; height: 40px; background-image: url(images/top_yellow_home.gif);}
.ty_home:link {display: block; float: left; width: 137px; height: 40px; background-image: url(images/top_yellow_home.gif);}
.ty_home:visited {display: block; float: left; width: 137px; height: 40px; background-image: url(images/top_yellow_home.gif);}
.ty_home:hover {background-position: 0 -40px;}

<!-- TOP YELLOW REVIEWS -->
.ty_reviews {display: block; float: left; width: 209px; height: 40px; background-image: url(images/top_yellow_reviews.gif);}
.ty_reviews:link {display: block; float: left; width: 209px; height: 40px; background-image: url(images/top_yellow_reviews.gif);}
.ty_reviews:visited {display: block; float: left; width: 209px; height: 40px; background-image: url(images/top_yellow_reviews.gif);}
.ty_reviews:hover {background-position: 0 -40px;}

<!-- TOP YELLOW FAVORITE SITES -->
.ty_favs {display: block; float: left; width: 223px; height: 40px; background-image: url(images/top_yellow_favs.gif);}
.ty_favs:link {display: block; float: left; width: 223px; height: 40px; background-image: url(images/top_yellow_favs.gif);}
.ty_favs:visited {display: block; float: left; width: 223px; height: 40px; background-image: url(images/top_yellow_favs.gif);}
.ty_favs:hover {background-position: 0 -40px;}

.tb_link a:link {
	color: #FFF; 
	text-decoration: none; 
	display: block;
	width: auto; 
	height: 26px; 
	line-height:26px; 
	padding-left: 15px; 
	padding-right: 15px; 
	float:left
	}
.tb_link a:visited {
	color: #FFF; 
	text-decoration: none; 
	display: block;
	width: auto; 
	height: 26px; 
	line-height:26px; 
	padding-left: 15px; 
	padding-right: 15px; 
	float:left
	}
.tb_link a:hover {text-decoration: none; color: #FFF; background-image: url(images/bg_top_blue_hover.gif);}
.tb_link a:active {text-decoration: none; color: #FFF;}
.tb_seperator {float: left}

#left {width: 706px; float: left;}
#right {width: 235px; float: right; background-image:url(images/right_column_bg.gif); border-bottom: 1px solid #052343; text-align:center}

#top_links {width: 706px; height: 153px; background-image:url(images/top_links.png);}
#top_links_pad {padding: 15px; margin-top: 5px; line-height: 1.2;}

ul {float: left; width: 664px; margin: 0; padding-left: 5px; list-style: none;}
li {float: left; width: 166px; margin: 0; padding-bottom: 4px;} 

#blog {width: 100%; height: auto; float: left; padding-bottom: 10px;}
.blog_title {float:left; clear: right}
.blog_title_span {line-height: 0px; font-size: 15px; font-weight: bold; text-transform:uppercase; text-indent: 7px;}
.blog_title_span_right {font-style:italic; font-size: 9px; visibility: hidden}
.blog_thumb {height: 157px; width: 123px; background-image: url(images/blog_thumb_bg.png); padding: 6px; float:  left;}
.blog_thumb_box {float:left;padding:10px 10px 3px 5px;text-align:center;}
.blog_description {width: 100%; height: auto; float: left; padding: 7px 0;font-size: 12px;line-height:18px;}

a.white:link {color: #FFF; text-decoration: none;}
a.white:visitied {color: #FFF; text-decoration: none;}
a.white:hover {color: #FFF; text-decoration: underline;}
a.white:active {color: #FFF; text-decoration: none;}

.form_bg {width: 194px; height: 26px; background-image:url(images/form_bg.gif); border: 1px solid #062239; margin-bottom: 5px; text-indent: 7px; line-height: 26px; font-size: 20px; color: #333}

.form_bgt {width: 194px; height: 26px; background-image:url(images/form_bg.gif); border: 1px solid #062239; text-indent: 7px; line-height: 26px; font-size: 20px; color: #333}

#sub_container {width: 685px; height: 60px; border: 1px solid #1f1f1f;margin:5px auto;}
#mid_yellow {height: 35px; width: 685px; float: left}
#mid_blue {height: 25px; width: 685px; background-image: url(images/sub_blue_bg.gif); float: left}

.by_one {display: block; float: left; width: 121px; height: 35px; background-image: url(images/subnav_01.gif)}
.by_one:link {display: block; float: left; width: 121px; height: 35px; background-image:  url(images/subnav_01.gif)}
.by_one:visited {display: block; float: left; width: 121px; height: 35px; background-image:  url(images/subnav_01.gif)}
.by_one:hover {background-position: 0 -35px;}
.by_two {display: block; float: left; width: 117px; height: 35px; background-image: url(images/subnav_02.gif)}
.by_two:link {display: block; float: left; width: 117px; height: 35px; background-image:  url(images/subnav_02.gif)}
.by_two:visited {display: block; float: left; width: 117px; height: 35px; background-image:  url(images/subnav_02.gif)}
.by_two:hover {background-position: 0 -35px;}
.by_three {display: block; float: left; width: 139px; height: 35px; background-image: url(images/subnav_03.gif)}
.by_three:link {display: block; float: left; width: 139px; height: 35px; background-image:  url(images/subnav_03.gif)}
.by_three:visited {display: block; float: left; width: 139px; height: 35px; background-image:  url(images/subnav_03.gif)}
.by_three:hover {background-position: 0 -35px;}
.by_four {display: block; float: left; width: 142px; height: 35px; background-image: url(images/subnav_04.gif)}
.by_four:link {display: block; float: left; width: 142px; height: 35px; background-image:  url(images/subnav_04.gif)}
.by_four:visited {display: block; float: left; width: 142px; height: 35px; background-image:  url(images/subnav_04.gif)}
.by_four:hover {background-position: 0 -35px;}
.by_five {display: block; float: left; width: 166px; height: 35px; background-image: url(images/subnav_05.gif)}
.by_five:link {display: block; float: left; width: 166px; height: 35px; background-image:  url(images/subnav_05.gif)}
.by_five:visited {display: block; float: left; width: 166px; height: 35px; background-image:  url(images/subnav_05.gif)}
.by_five:hover {background-position: 0 -35px;}

.post {width: 137px; height: 215px; float: left;}
.post_thumb {width: 124px; height: 159px; border:none; background-image:url(images/thumb_bg.png); padding-left: 6px; padding-top: 6px; padding-right: 5px; padding-bottom: 1px}
.post_desc {width: 125px; height: 44px; border:none; background-image: url(images/description_bg.png); padding-left: 6px; padding-bottom: 4px; padding-right: 5px;}

.clear {clear: both}

.sb_link a:link {
	color: #FFF; 
	text-decoration: none; 
	display: block;
	width: auto; 
	height: 25px; 
	line-height:25px; 
	padding-left: 8px; 
	padding-right: 8px; 
	float:left
	}
.sb_link a:visited {
	color: #FFF; 
	text-decoration: none; 
	display: block;
	width: auto; 
	height: 25px; 
	line-height:25px; 
	padding-left: 8px; 
	padding-right: 8px; 
	float:left
	}
.sb_link a:hover {text-decoration: none; color: #FFF; background-image: url(images/bg_top_blue_hover.gif);}
.sb_link a:active {text-decoration: none; color: #FFF;}
