/* Publishing Network CSS document */
@charset "utf-8";
body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(../images/header_bg.gif);
	background-repeat:repeat-x;
}

img { border:0; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#004e80;
	text-align:left;
	font-weight:600;
	margin:0;
	padding:0 0 9px 0;
}
h2 {
	font-size:14px;
	text-align:left;
	font-weight:600;
	font-family:Arial,Sans-Serif;
	margin:0px 0px 16px 0px;
	padding:0;
	color: #FF6600;
}
h3 {
	font-family:Arial,Sans-Serif;
	font-size:13px;
	font-weight: 600;
	color: #0066CC;
	text-align:left;
	padding:0;
	margin:2px 0px 0px 0px;
}
h4 {
	font-family:Arial,Sans-Serif;
	font-size:12px;
	font-weight: 600;
	color: #000000;
	text-align:left;
	padding:0px;
	margin:0px;
}


p {
	font-family:Arial,Sans-Serif;
	font-size:12px;
	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: 32px; /*Height of top section*/
	margin:0px;
	background-color:#33FF00l;
	height:32px;
}
#header {
	margin:0px;
	height: 109px; /*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_bg2R.gif) no-repeat right top; width:295px; height:109px; float:right; }
#headerlogo_right p { margin:0 5px 0 0; width:250px; 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;
  line-height:25px;
}

.b{color:#00A6D0;font-size:15px;text-decoration:none; 
}
.b:hover{color:#66cccc;text-decoration:underline;}
.c{color:#003333;font-size:15px; display:inline; margin:0px; padding:0px;font-weight:normal}



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: left;
	width: 100%;
	color: #215a91;
	padding:30px 0px 0px 0px;
	text-align:left;
}

.footer a{
	color: #0356ab;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 5px 0px 5px;
	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:10px 5px 0px 5px;
}

.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 */
}