/* default styles
   -------------- */

body {
	padding: 0;
	margin: 0;
	font: 0.75em Arial, sans-serif;
	/*letter-spacing: 0.1em;*/
	line-height: 1.3em;
	background: #fff;
	color: #454545;
	background: #fff url(/images/bgpage.gif) repeat-x;
}

a {
	color: #4e557a;
}

a:hover {
	color: #CC0000;
}

a.title {
	color: #0079bf;
	background: #FFF;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px;
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #CC0000;
	background: #FFF;
}


h2 {
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 5px;
	font: bold 1.7em Arial, Sans-Serif;
	font-size: 16px;
	margin-bottom: 15px;
	color: #646678;
}
h3 {
	font-size: 16px;
	margin-bottom: 5px;
	color: #CC0000;
	background: inherit;
}
p {
	margin: 0 0 5px 0;

}

ul {
	margin: 0;
	padding : 0;
	list-style : none;
}

form {
	margin: 0;
}

input.search {
	width: 199px;
	border: none;
	background: url(/images/input.gif);
	padding: 4px;
}

input.login {
	width: 130px;
	border: none;
	background: url(/images/logininput.gif);
	padding: 4px;
}

/* layout
   ------ */

.content {
	margin: 0px auto;
	width: 960px;
}

.header {
	background-color: #FFFFFF;
	padding-top: 0px;
}

.top_info {
	float: right;
	width: 800px;
	padding: 0px 0 1px 0;
	border-bottom: 0px solid #000000;
}

	.top_info_left {
		width: 240px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.slogan {
	font-size: 0.9em;
	width: 160px;
}


.bar {
	font-size: 1.1em;
	height: 25px;
	margin: 0 0 0 0px;
	background: #CC0000 url(/images/bgtopgradient.gif) repeat-x;
}

	.bar li {
		margin: 0;
		padding: 4px 10px 0px 24px;
		color: #FFFFFF;
		float: left;
	}

	.bar li.active {
		/*background: url(/images/bar.gif) no-repeat center bottom;*/
		color: #FFFFFF;
		/*font-weight: bold;*/
		padding-bottom: 4px;
		text-decoration: underline;

	}

	.bar li.active a {
		/*background: url(/images/bar.gif) no-repeat center bottom;*/
		color: #FFFFFF;
		/*font-weight: bold;*/
		padding-bottom: 4px;
		text-decoration: underline;

	}

	.bar a {

		color: #FFFFFF;
		background: inherit;
		text-decoration: none;
	}
	.bar a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}

	.leftli{
		background: #CC0000 url(/images/cornerleft.gif);
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 15px;
	}
.active {
		/*background: url(/images/bar.gif) no-repeat center bottom;*/
		color: #FFFFFF;
		/*font-weight: bold;*/
		padding-bottom: 4px;
		text-decoration: underline;

	}

.search_field {
	background: #CC0000 url(/images/bgredgradient.gif) repeat-x;
	color: #000;
	border-top: 1px solid #EAEAEA;
	border-bottom: 2px solid #CCCCCC;
	clear: both;
	text-align: center;
	padding: 0px 0 0px 0;
	margin-bottom: 10px;
	height: 27px;
}

.subheader {
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4 url(/images/subheaderbg.gif) no-repeat;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.left {
	float: left;
	width: 630px;
	margin: 0 0 0 0;
	padding-left: 15px;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	/*background-color: #FFCCCC;*/
}
	.left_articles {
		margin: 0px 0px 0px 0px;
	}

	.left_links {
		float: left;
		border: 1px solid #eee;
		padding: 10px 1px 0px 15px;
		margin: 0 0 0px 0;
		width: 600px;
	}

	.left_links:hover {
		border: 1px solid #ccc;
	}

	.left_message {
		float: left;
		border: 1px solid #CCCCCC;
		padding: 10px 10px 10px 15px;
		margin: 10px 0px 10px 0px;
		color: #454545;
		width: 595px;
		background: #FFFFFF url(/images/bgwod.gif) repeat-x;
	}

		.left_side {
			float: left;
			width: 200px;
		}
		.middle_side {
			float: left;
			width: 180px;
		}
		.right_side {
			float: right;
			width: 180px;
			border-left: 0px solid #eee;
			padding: 0 0 0 20px;
		}

	.left_box {
		float: left;
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
		padding-left: 30px;
	}

/* right side
   ---------- */

.right {
	float: right;
	width: 300px;
	margin: 0px 0 0px 0px;
	padding-left: 0px;
}

	.right_login {
		padding: 8px;
		margin: 0 0 10px 0;
		background: #CCCCCC url(/images/bggray.gif) repeat-x;
		color: #000000;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #333333;
		height: 20px;
	}

	.right_articles {
		border: 1px solid #eee;
		padding: 8px;
		margin: 0 0 10px 0;
	}

	.right_articles:hover {
		border: 1px solid #ccc;
	}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* camera page */
.leftcp {
	float: left;
	width: 400px;
	margin: 0 0 0 0;
	padding-left: 15px;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	/*background-color: #FFCCCC;*/
}
.rightcp {
	float: right;
	width: 520px;
	margin: 0px 0 0px 0px;
	padding-left: 0px;
}
/* footer
   ------ */

.footer {
	width: 970px;
	float: left;
	text-align: left;
	line-height: 1.4em;
	color: #808080;
	background: #FFF;
	padding: 0px 0 10px 0;
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
}

.footer a:hover {
	color: #FF0000;
	background: #fff;
}
.logo{
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 7px;
}
.topline1{
	background-color: #FFFFFF;
}
.flash{
	padding-bottom: 0px;
	background-color: #FFFFFF;
}
.camera_nav{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px dotted #666666;
	background-color: #EAEAEA;
}
.tableblue{
		padding: 8px;
		margin: 0 0 0px 0;
		background: #EAEAEA; /*#A9D4F2;*/
		color: #000000;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #CCCCCC;
		height: 20px;
}
.tableweather{
		padding: 0px;
		margin: 0 0 0px 0;
		background: #EAEAEA; /*#A9D4F2;*/
		color: #000000;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #CCCCCC;
		height: 20px;
}
.tablebluehead{
		background: #EAEAEA; /*#A9D4F2;*/
		color: #000000;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #CCCCCC;
		height: 30px;
		padding-left: 10px;
}
.linkstitle{
		color: #4e557a;
		font-weight: bold;
		font-size: 1.2em;
}
.linkspagenav{
		padding: 5px;
		margin: 0 0 10px 0;
		background: #CC0000 url(/images/bgredgradient.gif);
		color: #FFFFCC;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		font-weight: bold;
}
.linkspagenav a{
		text-decoration: none;
		color: #FFFFFF;
}
.linkstitle a:hover{
	color: #FFFFFF;
}
.tdleftlinkoff{
	color: #4e557a;
	font-weight: normal;
	font-size: 1.1em;
}
.tdleftlinkoff a{
	color: #4e557a;
	font-weight: normal;
}
.right_newsletter{
		padding: 8px;
		margin: 0 0 10px 0;
		background: #CCCCCC url(/images/bggray.gif) repeat-x;
		color: #000000;
		border-top: 1px solid #FF0000;
		border-bottom: 1px solid #999999;
		/*height: 20px;*/
}
.categorytitle{
		padding: 5px;
		margin: 0 0 10px 0;
		background: #CC0000 url(/images/bgblackgradient.gif) repeat-x;
		color: #FFFFFF;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #333333;
}
.categorydescription{
		padding-left: 5px;
		padding-top: 15px;
		padding-bottom: 15px;
}
.headlineblue{
		padding: 5px;
		padding-left: 10px;
		margin: 0 0 10px 0;
		background: #CC0000 url(/images/bgredgradient.gif) repeat-x;
		color: #FFFFFF;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #333333;
		height: 20px;
		font-weight: bold;
}
.tdsubcategories{
		background: #FFFFFF url(/images/tdbggradientgray.gif) repeat-x ;
		padding: 8px;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;

}
.explicitlink{
		font-size: 0.9em;
		color: #CC0000;
		text-decoration: none;
}
.wod{
	float: left;
	padding: 0px 20px 0px 20px;
	width: 240px;
	border: 1px solid #999999;
	background: #FFFFFF url(/images/bggradientyellow.gif) repeat-x;
}
.wodheader{
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	/*background: #DCF2B8;*/
	height: 25px;
	padding-left: 0px;
	border-bottom: 1px solid #FF0000;
}
.link{
	font-weight: normal;
}
.bluetitle{
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;

}

.headline{
	color: #FFF;
	font-weight: bold;
	background: #CC0000;
}