/* Publishing Network CSS document */
body {
	margin:10px 0 0 0;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	/*background-image: url(../images/header_bg.gif);*/
	background-image: transparent);
	background-repeat:repeat-x;
}
img { border:0px; padding:0; margin:0;}
h1 {
	font:normal 1.5em Arial;
	text-align:left;
	margin:0px 0px 16px 0px;
	padding:0;
	color: #FF6600;
	letter-spacing:0.05em;
}
h2 {
	font-size: 1.0em;
	text-align:left;
	font-weight:600;
	font-family:Arial,Sans-Serif;
	margin:0px 0px 16px 0px;
	padding:0;
	color: #FF6600;
	letter-spacing:0.05em;
}
h3 {
	font-family:Arial,Sans-Serif;
	font-size:13px;
	font-weight: 600;
	color: #0066CC;
	text-align:left;
	padding:0;
	margin:4px 0px 9px 0px;
}
h4 {
	font-family:Arial,Sans-Serif;
	font-size:12px;
	font-weight: 600;
	color: #000000;
	text-align:left;
	padding:0px;
	margin:0px;
}

/* Start of Breadcrumbs */

.breadcrumb{margin:10px 0px 10px 0px; line-height:17px; padding:0px; color:#0356ab; font-family: Tahoma; font-size:12px; width:940px;}
.breadcrumb a{color:#0356ab; text-decoration:none;}
.breadcrumb a:hover{color: #999999; text-decoration: underline;}
.breadcrumb span{color:#000000;}


#maincontainer {
	width: 950px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	height:100% auto;
}

#topnavbox {
	line-height: 20px; /*Height of top section*/
	margin:0px;
	background-color:#33FF00l;
	height:20px; padding:9px 0 0 20px;
}
#header {
	margin:0px; padding:0;
	background: url(../images/header_bg1Bg.gif) repeat-x left top; width:950px; height:129px;/*Height of top section*/
}	
	
#headerlogo {
	margin:0px;
	width:250px;
	float:left;
}
#headerlogo h1{ margin:0px; padding:0;}
#headerlogo_right { text-align:right; background: url(../images/header_bg1R.gif) no-repeat right top; width:307px; height:129px; float:right; }
#headerlogo_right p { margin:0 5px 0 0; width:300px; text-align: center; }
#headerlogo_right p a, #headerlogo_right p a:visited { color:#0356ab; text-decoration:none; padding:0 3px;}
#headerlogo_right p a:hover { color:#666666; text-decoration:underline}

#headernav {
	margin:0px;
	width:700px;
	float:right;
}

#contentwrapper {
	float: left;
	width: 100%;
}


#hmcontent{
	margin:0px;
	padding:5px;
	height:391px;
	border-right:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	border-left:1px solid #f0f0f0;
}
#hmcontentleft{
	margin:0px;
	border-right:5px solid #FFFFFF;
	width:331px;
	float:left;
	height:auto;
	background-color:#F79F24;
}
#hmcontentright{
	margin:0px;
	width:570px;
	float:right;
	background-color:#BBE7F7;
	padding:15px;
	height:361px;
}

#hmcontentright p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:400;
	line-height:16px;
	letter-spacing: normal;
}

#hcontent{
	margin:16px 0px 0px 0px;
	padding:0px;
	height:100% auto;

}

#hcontentright{
	margin:0px; 
	width:950px;
	float:left;
	height:auto;

}
#spcontactleft{
	margin:0px; 
	width:500px;
	background-color:#BBE7F7;
	float:left;
	height:525px;
}
#spcontactright{
	margin:10px 0px 0px 0px;
	width:360px;
	float:right;
	background-color: #ebebeb;
	padding:10px 20px 20px 20px;
	height:520px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

a.blue{
	background-image:url('../images/small_arrow.gif');
	background-repeat: no-repeat;
	background-position: 0% 50%; 
	padding-left: 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0356ab;
    text-decoration:none;
}

a.blue:hover{text-decoration: underline;}

a.white{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#fff;
    text-decoration:none;}

a.white:hover{z-index:25; text-decoration: underline;}

a.white span{display: none}

a.white:hover span{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    top:0; left:7.8em; width:17em;
    border:1px solid #000;
    background-color: #FFF; 
	color:#000;
    text-align: left;
	padding:8px;
}



#flashbox {
	margin:0px;
	padding-top:20px;
	text-align:center;
}

.footer{
	clear: both;
	width: 100%;
	color: #215a91;
	padding:6px 0px 10px 0px;
	text-align:left;
}

.footer a{
	color: #0356ab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 4px 0px 6px;
	text-decoration:none;
}

.footer a:hover{
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}

.footer p{
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px 0px 0px 6px;
}

.toprightnav{
	width: 35%;
	color: #0356ab;
	text-align: right;
	padding:0px 0px 0px 0px;
	float:right;
}

.toprightnav a{
	color: #0356ab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
}

.toprightnav a:hover{
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}


#spcontent{
	margin:16px 8px 0px 8px;
	padding:0px;
	height: auto;
}

#spcontentleft{
	margin:0px; 
	width:438px;
	background-color:#419a02;
	float:left;
	padding:14px 11px 0px 11px;
	text-align:center;
	height:126px;
}
#spcontentright{
	margin:0px; 
	width:490px;
	float:right;
	height:140px;
}

/* Publishing Network Main Tabs */

#modernbricksmenu{
	margin:74px 0px 0px 0px;
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#modernbricksmenu ul{
	font: bold 11px Arial;
	margin:0;
	padding: 0;
	list-style: none;
	float:right;
}

#modernbricksmenu li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

#modernbricksmenu a{
	float: left;
	display: block;
	color: #333333;
	margin: 0 2px 0 0; /*Margin between each menu item*/
	padding:0px 12px 0px 12px;
	text-decoration: none;
	letter-spacing: 1px;
	background-image:url(../images/maintab_bg.gif);
	background-repeat:repeat-x;
	line-height:35px;
}

#modernbricksmenu a:hover{
	background-image:url(../images/maintab_hover_bg.gif);
	background-repeat:repeat-x;
}

#modernbricksmenu #current a{ /*currently selected tab*/
	background-image:url(../images/maintab_hover_bg.gif);
	background-repeat:repeat-x;
	border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px;
	background: #D25A0B; /*Brown color theme*/ 
}
/* CSS for sample search box. Remove if desired 
#myform{ 
	float: right;
	margin: 0;
	padding: 0;
}

#myform .textinput{
	width: 190px;
	border: 1px solid gray;
}

#myform .submit{
	font: bold 11px Verdana;
	height: 22px;
	background-color: lightyellow;
} */


.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	margin:0px 3px 0px 3px;

}

.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.toggleopacity img{
	border: 3px solid #ccc;
}

.toggleborder:hover img{
	border: 3px solid navy;
}

.toggleborder:hover{
	color: red; /* Dummy definition to overcome IE bug */
}

/* Contact Us Form Styles */

#contact{ 
width:500px; padding:15px; 	height:520px; margin:10px 0; background: #BBE7F7; float: left; 
-moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 
-moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; border:1px dashed #0099CC; }

#contact h2					{ text-align:center; margin:0; font-size:16px; padding:0; }

#contact fieldset			{ border:0; margin:.4em auto; padding:0px 6px 6px 100px; float:left; }
#contact p.field label		{ display:block; font-weight:bold; }
#contact input.text			{ width:300px; }
#contact textarea			{ width:300px; height:9em; }
#contact input.submit		{ width:95px; height:27px; font-size:1.1em; background:transparent url(../images/form_submit.gif) no-repeat scroll center top; border:none; color:#fff; cursor:pointer; }
#contact input.submit:hover	{ background-position:bottom; }





a.imagepreview{
    position:relative; /*this is the key*/
    z-index:24; 
    color: #0356ab;
    text-decoration:none;}

a.imagepreview:hover{z-index:25; text-decoration: none;}

a.imagepreview div{display: none;}

a.imagepreview div img{ padding-bottom:6px; }

a.imagepreview div b{ color:#FF3300; font-size:13px; font-weight:bold; }

a.imagepreview:hover div{ /*the span will display just on :hover state*/
    display:block;
    position: absolute;
    top:0; left:9.8em; width:17em;
    border:2px solid #000;
    background-color: #FFF; 
	color:#000;
    text-align: left;
	padding:8px;
	cursor:pointer;
}



/* Thumbnail view and Image*/

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}




.newspaperByC {  background:url(../images/boxT.gif) no-repeat left top; padding:4px 0 0 0; margin:8px 0;}
/*.newspaperByd {  padding:4px 0 0 0; margin:8px 0;}*/
.newspaperByC div {  background:url(../images/boxB.gif) no-repeat left bottom; padding:0px 0 0 0; }
.newspaperByC div div	{  margin:0; padding:0px 12px 12px; border-bottom:none; border-top:none; background:none;}
.newspaperByC div div h4 {  margin:0 0 7px 0; padding:0px 0 0 0px; font:normal 20px arial; color:#383838;}
.newspaperByC div div h4 a { font:normal 20px arial; color:#383838; background:none;}
.newspaperByC div div div { border:none; margin-left:18px; padding:0;}
.newspaperByC a { background:url(../images/small_arrow.gif) no-repeat 0% 50%; padding-left: 9px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0356ab;text-decoration:none;}
.newspaperByC a:hover {text-decoration: underline;}

.newspaperByD {  background:url(../images/boxT.gif) no-repeat left top; padding:4px 0 0 0; margin:8px 0;}
.newspaperByD div {  background:url(../images/boxB.gif) no-repeat left bottom; padding:0px 0 0 0; }
.newspaperByD div div	{  margin:0; padding:0px 12px 12px; border-bottom:none; border-top:none; background:none; height:auto;}
.newspaperByD div div h4 {  margin:0 0 7px 0; padding:0px 0 0 0px; font:normal 22px arial; color:#383838;}
.newspaperByD div div h4 a { font:normal 22px arial; color:#383838; background:none;}
.newspaperByD div div div { border:none; margin-left:18px; padding:0;}
.newspaperByD a { background:url(../images/small_arrow.gif) no-repeat 0% 3px; padding-left: 9px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0356ab;text-decoration:none;}
.newspaperByC a:hover {text-decoration: underline;}
.style1 {
       line-height:20px;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#000000
	  }
.imgst {
		height:120px;
		width:225px;
		float:right;
		}

.stylink {
		font-weight:500;
		color:#015003;
		font-family:Verdana,Arial,Helvetica;
		font-size:11px;
		}

.stytitle {
		font-weight:bold;
        text-align:center;
		color:#0066CC;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		text-decoration: underline;
		}
.stynav{color:#0356ab; font-family: Arial, Helvetica, sans-serif; font-size:13px;}
.stynav a{color:#0356ab; text-decoration:none;}
.stynav a:hover{color: #999999; text-decoration: underline;}
.stynav span{color:#000000;}
#rt_banners{
	width:266px;
	text-align:center;
	float:right;
}
.180BannerAddHolder{
	height:auto;
}	
	
#homeLeft { float:left; width:680px; margin-right:30px; text-align:left;}
#homeRight { float:right; width:223px; margin-top:0px; }
#homeRight ul  { display:block; padding:0; margin:0; list-style:none; }
#homeRight ul li { display:block; padding:0; margin:0 0 20px 0; text-align:center; list-style: none; }
#homeRight ul li img{ border:1px solid #333; padding:1px; text-align:center;}
#homeRight ul li img a{ text-decoration:none; }
#homeRight ul li img.noborder { border:none;}

.textadBg { background:url(../images/textAdBg.jpg) left top no-repeat; width:652px; height:97px; margin:20px 0;}
.textadBg div { margin-left:125px; padding:13px 30px 10px 0;}
.textadBg div label, .textadBg div label a { font:bold 16px Arial; color:#017207; padding:0; margin:0;}
.textadBg div p { color:#3e3d3d; padding:3px 0; margin:0;}
.textadBg div span a { color:#ff6600; padding:0; margin:0; text-decoration:none;}
.textadBg div span { padding:0; margin:0; }