@charset "utf-8";

/* set the image to use and establish the lower-right position */ 
 .whitebox, .whitebox_body, .whitebox_head, .whitebox_head h2, .whitebox_head h3, .whitebox_head h4{ 
	background: transparent url(../images/main_frame/whitebox.png) no-repeat bottom right;
	overflow:hidden;
	margin: 0px;
	padding:0px;
	/*color:#666666;*/
} 

 .whitebox { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px -2px; /* use to position the box */ 
	width: 642px !important; /* intended total box width - padding-right(next) */ 
	width: 632px; /* IE Win = width - padding */ 
} 

/* set the top-right image */ 
 .whitebox_head { 
	background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
 .whitebox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
	font-size: 16px;
} 

/* ALTERNATIVE WHEN NO HEADING! */
/* set the top-left image */ 
 .whitebox_head h3 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 2px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 0px;
} 

	/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.whitebox_head h3 {  
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
} 
}

/* set the top-left image */ 
 .whitebox_head h4 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
} 

/* set the lower-left corner image */ 
 .whitebox_body { 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	margin-top: 0px;
	padding: 0px 0px 10px 10px; /* mirror .whitebox_head right/left */ 
	font-size:12px;
	
}

 .whitebox_body p{ 
 	margin: 0px 0px 0px -5px;
}

.whitebox_smallgap{
	font-size:10px;
}


/* BOX FOR CREATIVE IMPRESSIONS ETC ---------------------------*/
.whitebox_in_right_nav{ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 10px; /* use to position the box */ 
	width: 120px !important; /* intended total box width - padding-right(next) */ 
	width: 110x; /* IE Win = width - padding */ 
	text-alight: left;
	position: absolute;
	top:3px;
	left:-7px;
	
} 

 .whitebox_in_right_nav_2{ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 10px; /* use to position the box */ 
	width: 120px !important; /* intended total box width - padding-right(next) */ 
	width: 110x; /* IE Win = width - padding */ 
	text-alight: left;
	position: absolute;
	top:219px;
	left:-7px;
	
} 

.whitebox_in_right_nav a:hover, .whitebox_in_right_nav_2 a:hover{
	color:black;
}

/* set the top-right image */ 
 .whitebox_in_right_nav_head { 
	background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
 .whitebox_in_right_nav_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 3px 0px 3px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
	font-size:14px;
	font-weight:normal;
} 

/* ALTERNATIVE WHEN NO HEADING! */
/* set the top-left image */ 
 .whitebox_in_right_nav_head h3 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 0px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 0px;
} 

/* set the lower-left corner image */ 
 .whitebox_in_right_nav_body { 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	margin-top: 0px;
	padding: 0px 0px 10px 10px; /* mirror .whitebox_head right/left */ 
	font-size:12px;
	
}

.whitebox_in_right_nav img{ 
	margin: 0px 0px 3px -1px;
	width: 110px;
	height:100px;
} 

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .whitebox_in_right_nav img { margin-bottom: 8px; }
}

.whitebox_in_right_nav_2 img{ 
	margin: 0px 0px 3px -1px;
	width: 110px;
	height:130px;
} 

@media screen and (-webkit-min-device-pixel-ratio:0){
 .whitebox_in_right_nav_2 img { margin-bottom: 8px; }
}

.whitebox_in_right_nav p,.whitebox_in_right_nav_2 p{ 
	margin: 0px 0px -5px 0px;
} 

.whitebox_heading{
	font-size:14px;
}

.thumbnail p{
	margin: 2px 0px 0px 7px;
}

/*  Rollover images for all white boxes*/
.rollover_box:hover, .rollover_box:hover .whitebox_head, .rollover_box:hover .whitebox_head h2, .rollover_box:hover .whitebox_head h3, .rollover_box:hover .whitebox_head h4, .rollover_box:hover .whitebox_body{
	background: transparent url(../images/main_frame/whitebox_rollover.png) no-repeat bottom right;
	color:000000;
}

/*  Rollover images for all white boxes*/
.rollover_box_no_title:hover, .rollover_box_no_title:hover .whitebox_head, .rollover_box_no_title:hover .whitebox_head h2, .rollover_box_no_title:hover .whitebox_head h3, .rollover_box_no_title:hover .whitebox_head h4, .rollover_box_no_title:hover .whitebox_body{
	background: transparent url(../images/main_frame/whitebox_rollover_no_title.png) no-repeat bottom right;
	color:000000;
}

.rollover_box:hover .whitebox_head, .rollover_box_no_title:hover .whitebox_head{
	background-position: top right;
}

.rollover_box:hover .whitebox_head h2, .rollover_box:hover .whitebox_head h3, .rollover_box:hover .whitebox_head h4, .rollover_box_no_title:hover .whitebox_head h2, .rollover_box_no_title:hover .whitebox_head h3, .rollover_box_no_title:hover .whitebox_head h4{
	background-position: top left; 
}

.rollover_box:hover .whitebox_body, .rollover_box_no_title:hover .whitebox_body{
	background-position: bottom left; 
}

.rollover_box{
	cursor:pointer;
}


/* Extra top-right and top-left white boxes
/* WHITE BOXES */

	.whitebox_top_left, .whitebox_top_right{ 
	background: transparent url(../images/main_frame/whitebox.png) no-repeat bottom right;
	overflow:hidden;
	margin: 0px;
	padding:0px;
} 

 .whitebox_top_left { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 0px; /* use to position the box */ 
	width: 245px !important; /* intended total box width - padding-right(next) */ 
	width: 235px; /* IE Win = width - padding */ 
	float:left;
	color:#666666;
} 

.whitebox_top_right { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 0px 0px 5px 0px; /* use to position the box */ 
	width: 380px !important; /* intended total box width - padding-right(next) */ 
	width: 370px; /* IE Win = width - padding */ 
	float:right;
}