/****** :: Created by Nology Design :: All Rights Reserved :: ******/

/****************************** Reset ******************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
em { color:red; }

/**************************** End Reset ****************************/

/*********************** General Settings **************************/

.clear { clear:both; }
.italic { font-style:italic; }
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }
.red { color:#8B2D2D; font-style:bold; font-size:.7em; }
.teal {color:#48B4E5;}
.mid { text-align:center; }
.midLeft {
	margin-left:auto;
	margin-right:auto;
	width:50%;
	text-align:left;
	}

/*
@font-face { font-family: "caecilia"; src: url('CaeciliaLTStd-Roman.otf' format("truetype"); }
@font-face { font-family: "caecilia"; src: url('CaeciliaLTStd-Bold.otf' format("truetype"); font-weight:bold; }
@font-face { font-family: "caecilia"; src: url('CaeciliaLTStd-Italic.otf' format("truetype"); font-style:italic; }
@font-face { font-family: "caecilia"; src: url('CaeciliaLTStd-BoldItalic.otf' format("truetype"); font-style:italic; font-weight:bold; }
*/

/*********************** End General Settings ***********************/

/************************** Global Menu *****************************/

#nav {
	height:30px;
	width:929px;
	background: url('../images/nav_bg.jpg') repeat-x;
}
ul.menu {  
    list-style: none;  
    padding: 0 20px 0 10px;  
    height:30px;
    margin: 0;  
    float: left;   
    font-size: 1.2em; 
    z-index:999; 
}  
ul.menu li {  
    float: left;  
    margin: 0; 
    padding: 0 25px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
    height:30px;
    z-index:999;
}  
ul.menu li a{  
	height:30px;
	padding:0 5px;
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
} 
ul.menu li a:hover {  
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
} 
ul.menu li {
	font-size:16px;
	z-index:999;
	height:20px;
	padding-top:8px;
}
ul.menu li a:hover{  
	z-index:999;
}   
ul.menu li ul.dropdown {  
    list-style: none;  
    position: absolute; /*--Important - Keeps dropdown from affecting main navigation flow--*/  
    left: 0; 
    top: 30px;  
    background: #3A5157;  
    display: none;  
    border-bottom: 5px solid #D2DBBE;
    filter:alpha(opacity=90);    /* ie  */
	-moz-opacity:0.9;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.9;    /* for really really old safari */
	opacity: 0.9;    /* css standard, currently it works in most modern browsers like firefox,  */
	z-index:999;
}  
ul.menu li ul.dropdown li{  
	margin: 2px 8px 2px 8px; 
    padding: 0;
    clear: both;
    z-index:999;
    height:40px;
}  
ul.menu li ul.dropdown li a {  
    float: left;  
    width: 180px;
    padding:10px 2px 0px 2px;
    z-index:999;
    height:22px;
}  
ul.menu li ul.dropdown li a:hover { /*--Hover effect for dropdown links--*/  
 	background-color:#879E94;
 }
ul.sub-menu {    
    width:899px;
}  
ul.sub-menu li {  
    float: left;  
    margin: 10px 0 0 0;  
    padding: 0 50px 0 0;  
}  
ul.sub-menu li a{  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  

} 
ul.sub-menu li a:hover{  
    border-bottom:solid 1px white;
    text-decoration:none;
} 
ul.sub-menu li a b{
	font-size:14px;
}
/************************ End Global Menu ***************************/

/************************ Structure *********************************/

body { background:#3F606F; font-family:georgia, serif; color:#19323C; }
#wrapper { 
	width:960px; 
	background:url('../images/page_bg.png') no-repeat; 
	margin:60px auto 0 auto;
}
#container-background {  
	background:url('../images/page_rpt.png') repeat-y top center;
	width:960px;
}
#container {
	margin:10px 15px 0 15px;
	padding:10px 0 0 0;
}
#top-left {
	width:500px;
	z-index:100;
}
#top-right-container {
	position:relative;
}
#top-right {
	width:303px;
	height:115px;
	position:absolute;
	top:-40px;
	right:10px;
	z-index:100;
	background:url('../images/noticebox.png');
	padding:19px;
}
#top-right a {
	color:#D2DBBE;
	font-size:0.875em;
	padding:2px 0;
	text-decoration:none;
}
#top-right a:hover {
	color:#8C2C2D;
}
#top-right h4 {
	font-size:1em;
	padding:5px 0;
}
#top-right-content {
	padding:5px 0 0 17px;
}
#top-right-content ul {
	font-weight:bold;
	width:33%;
	float:left;
}
#top-right-content ul li {
	padding:2px;
	font-weight:bold;
	color:white;
}
#login-wrap {
	position:relative;
}
#login {
	width:209px;
	position:absolute;
	top:-38px;
	right:-70px;
}

#logout-link { float: right; padding-right: 5px; text-align:right; }
#logout-link a {
	color:#8C2C2D;
	font-size:0.7em;
	line-height:inherit;
	padding:2px;
	text-decoration:none;
	text-transform:uppercase;
}
#logout-link a:hover {
	background-color:#8C2C2D;
	color:#fff;
}
#top-content {
	z-index:1;
	clear:both;
}

#main-content { padding:10px 0 30px 0; }
#main-content-left {
	float:left;
	width:300px;
	padding-right:10px;
}
#main-content-middle {
	float:left;
	width:310px;
}
#main-content-right {
	float:right;
	width:301px;
}
#home-search {
	padding:8px 0;
}
#ads_right div { margin-bottom: 10px; }
#ads_bottom { padding: 10px 0; text-align: center; }
#footer {
	background:url('../images/footer_bg.jpg') no-repeat;
	background-color:#183440;
	width:930px;
	margin:0 auto;
	padding:33px 10px 0;
	color:white;
}
#footer a { padding:3px; color:white; text-decoration:none; }
#footer a:hover { background-color:#3F606F; text-decoration:none; }
a.right { padding:0px 2px !important; } 
a:hover.right  { text-decoration:none; background-color:none !important; }
.footer-column { width:24%; float:left; padding:15px 5px 0 0; }
.footer-column ul { padding-top:20px; line-height:22px; }
#breadcrumbs {
	background:url('../images/breadcrumb_bg.gif') no-repeat;
	height:28px;
	font-size: 0.9em;
	padding-left: 5px;
	color:#18323F;
	line-height: 28px;
	font-family:helvetica, arial, sans-serif;
}
#breadcrumbs span a { color:#FFF; }
#breadcrumbs span { color:#FFF; padding-left:23px; text-transform:uppercase; font-size: 12px; letter-spacing:1px; }
#breadcrumbs a { color:#18323F; }
.privacy { padding-top:15px; color:white; font-size:12px; text-transform:uppercase; font-family:helvetica, arial, sans-serif; }
.adsense { padding-bottom:10px; }
/************************** End Structure ***************************/

/************************ Dialog Box *********************************/

#subscriber-login {
	display: block;
	width:209px;
	height: 52px;
	background-image: url(../images/signinup_sprite.png);
	background-position: 0px -2px;
	background-repeat: no-repeat;
}
#subscriber-login:hover {
	background-position: 0px -52px;
}
a.loggedin { background-image: url(../images/editprofile_sprite.png) !important; }

#dialog { 
	color: #FFF;
	height:auto !important;
	display:none;
}

.dialog-top { background-image: url(../images/modal_top.png); background-repeat: no-repeat; height: 43px; }
.dialog-middle { background-image: url(../images/modal_middle.png); background-repeat: repeat-y; padding:0 0 5px 40px; }
.dialog-bottom { background-image: url(../images/modal_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 34px; }
.dialog-top div { width:20px; height: 20px; float: right; margin: 15px 15px 0 0; cursor: pointer;  }	/* the X button */
.dialog-middle div { float: left; width: 280px; }
.dialog-middle a { color:white; }
#dialog label { display: block; margin-top: 9px; }
#dialog input { border: 2px solid #3E606F; padding: 3px; }
#dialog p { padding-top:2px; }
.dialog-middle ul { padding-left:15px; line-height:24px; padding-top:10px;}
.arrowbutton {
	background-image: url(../images/lglntc_btnsprt-1.gif);
	width:50px;
	height:27px;
	display: block;
	float: right;
	position: relative;
	right: 24px;
	bottom: -1px;
	border: 0px none !important;
}
.arrowbutton:hover {
	background-position: left bottom;
}
.sign-up-button {
	background-image: url(../images/sprite_signup.png);
	width:105px;
	height:27px;
	display: block;
	float: right;
	position: relative;
	right: 24px;
	bottom: -1px;
	border: 0px none !important;
	margin-top:10px;
}
.sign-up-button:hover {
	background-position: left bottom;
}
.ui-draggable .ui-dialog-titlebar {
cursor:move;
}
.ui-dialog .ui-dialog-titlebar {
padding:0.5em 0.3em 0.3em 1em;
position:relative;
display: none;
}
/*
.ui-widget-header {
background-color:#CCCCCC;
border:1px solid #AAAAAA;
color:#222222;
font-weight:bold;
}*/
.ui-helper-clearfix {
display:block;
}
.ui-dialog .ui-dialog-titlebar-close {
height:18px;
margin:-10px 0 0;
padding:1px;
position:absolute;
right:0.3em;
top:50%;
width:19px;
}
.ui-widget-header a {
color:#222222;
display: none;
}
.ui-dialog .ui-dialog-titlebar-close span {
display:block;
margin:1px;
}
.ui-widget-header .ui-icon {
 /*background-image:url(../images/ui-icons_222222_256x240.png);*/
}
.ui-dialog .ui-dialog-buttonpane {
background-image:none;
background-color: #ccc;
border-width:1px 0 0;
margin:0;
padding:0.3em 1em 0.5em 0.4em;
text-align:left;
}

.ui-widget-overlay {
	background:#AAAAAA repeat-x scroll 50% 50%;
	filter:alpha(opacity=30);    /* ie  */
	-moz-opacity:0.3;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.3;    /* for really really old safari */
	opacity: 0.3;    /* css standard, currently it works in most modern browsers like firefox,  */

}
.ui-widget-overlay {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

/************************** End Dialog Box ***************************/

/**************************** Typography ****************************/

b {  }
h1 {
	font-size:2.075em;
	color:#19323C;
}
h2 {
	font-size:1.875em;
	padding:0 0 10px 0;
	color:inherit;
	
}
h3 {
	font-size:1.5em;
	color:inherit;
	padding:10px 0;
	letter-spacing:1px;
}
h4 {
	color:white;
	font-size:.875em;
	line-height:16px;
}
h4#headlines {
	border-bottom:thick solid;
	padding-bottom:10px;
	margin:10px 0;
	font-size:1.3em;
}
#local-left h2 {
	padding:10px 0;
	font-weight:bold;
}
ul.red-bullet li {
	list-style-image: url('../images/dot.png');
}
.local-story-box h3 {
	letter-spacing:0px;
	font-size:1.2em;
	border-bottom:thin solid #19323C;
	font-style:italic;
}
.local {
	color:#0072BD;
}
.national {
	color:#19323C;
}
p {
	font-size:1em;
	line-height:1.5em;
	padding:5px 0;
}
a{
	text-decoration:underline;
	color:#3F606F;
}
a:hover {
	color:#8C2C2D;
}
a.more-content {
	color:#8C2C2D;
	font-size:0.7em;
	line-height:inherit;
	padding:2px;
	text-transform:uppercase;
	text-decoration:none;
}
a.more-content:hover {
	background-color:#8C2C2D;
	color:#fff;
}
i {
	letter-spacing:-1px;
}
strong {
	font-weight:bold;
}
#tabs a { text-decoration:none; }

/************************** End Typography **************************/

/************************** Search Style ****************************/

.pageError {
	background-color:#FFAFAF; 
	border:2px solid red; 
	padding:5px;
	width:80% !important;
	margin:0 auto !important;
	font-size: 1em !important;
}
div.head {
	font-weight:bold;	
}
#search-results-top {
	color:#3F606F;
	height:145px;
}
#search-results-top a {
line-height:18px;
margin-top:0px !important;
padding:2px;
color:#fff;
}
#search-results-top b {
	position:relative;
	margin-top:20px;
}
.searchButton {
	font-size:1.75em;
	position:relative;
	top:15px;
}
#search-results-top a b {
	color:#8B2D2D;
}
#search-results-top h3 {
	color:#fff;
	margin:0;
	padding-bottom:7px;
	font-size:2.5em;
}
#search-results-top h4 {
	padding:5px 0;
}
#search-results-top a { 
	text-decoration:none;
	
}
#search-results-top a:hover {
background-color:#3F606F;;
text-decoration:none;
}

#search-results-top b {
font-size:0.875em;
}

/************************** End Search Style ************************/

/************************* Splash Page Style ************************/
	#splashNav { position:relative; top:-77px;  width:540px; }
	#subscribeNow { 
		background-image: url(../images/splash_ad_sprite.png); 
		width: 168px; 
		height: 63px; 
		background-position: -32px -0px; 
		display:block;
		text-indent:-9999px;
		float:left;
		margin-left:30px; 
	}
	#subscribeNow:hover { background-position: -32px -70px; }

	#searchNow { 
		background-image: url(../images/splash_ad_sprite.png); 
		width: 320px; 
		height: 63px; 
		background-position: -222px -0px; 
		display:block;
		text-indent:-9999px;
		float:right;
	}
	#searchNow:hover { background-position: -222px -70px; }
/************************ Cribellum ******************************/
#tawrapper { 
	width:540px; 
	margin:60px auto 0 auto;
	font-size: 12px;
}

#tacontainer {
	margin:10px 15px 0 15px;
	padding:2px 0 0 0;
	
	background:url('../images/page_rpt.png') repeat-y top center;
}
#tamain-content{
	padding: 5px;
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
	
}

.tasignup_header {
	background-color: #dbe1e4;
	font-weight: bold;
	padding: 5px 0 5px 2px;
	width: 490px;
}


/*********************** End Cribellum *************************/

#mobile-header {
	display:none;
}

#mobile-footer {
	display:none;
}

#login-box { color:#FFF; background-image:url(/images/login_bg.png); width: 329px; height:234px; margin:auto; margin-top:100px; padding:150px 0 0 100px; }