/* Grid Test Mode*/


/*

#pagecontent div.boxcontent {
	background:url(../images/layout/grid.png) 0 0px;
}

*/


/* Columns */

.singlecol, .doublecol, .one-third-col, .two-third-col, .full-col {
	float:left;
	min-height: 400px;
}

.one-quarter-col, .two-quarter-col, .one-third-col, .two-third-col, .full-col {
	float:left;
	min-height: 400px;
}

.two-quarter-col#column3{
	min-height: 100px;
}

.one-quarter-col {
	width: 237px;
}

.two-quarter-col {
	width:474px;
}

.one-third-col {
	width:316px;
}

.two-third-col {
	width:632px;
}

.full-col {
	width:948px;
}


.sub-col-left {
	float: left;
}

.sub-col-right {

	float: right;
}

.box-two-third .sub-col-left,
.box-two-third .sub-col-right {
	width: 274px;
	text-align: justify;
}

.box-double .sub-col-left,
.box-double .sub-col-right {
	width: 210px;
}

.box-three-third .sub-col-left,
.box-three-third .sub-col-right {
	width: 448px;
	text-align: justify;
}

/* General Boxes */

.boxcontent {
	margin-top:0px;
	padding:0px 14px 2px 14px;
}

.heading {
	height:25px;
	padding: 16px 14px 7px 14px;
	margin-bottom: 0px;
	background-position: bottom left;
}

#pagecontent .heading.closed {
	background-position: top left;
}

.heading h2{
	margin-bottom: 0;
}

.boxbottom {
	height:14px;
	background-position: bottom left;
}

/* Single Box */

.box-single {
	width:237px;
	float:left;
}

.box-single .boxcontent {
	background-image: url('../images/layout/box_1_b.png');
	background-position: bottom left;
}

.box-single .heading{
	background-image: url('../images/layout/box_1_h.png');
}

.box-single .boxbottom{
	background-image: url('../images/layout/box_1_f.png');
}

.box-single h2{
	font-size: 12px;
}

/* Double Box */

.box-double {
	width:474px;
	float:left;
}

.box-double .boxcontent {
	background-image: url('../images/layout/box_2_b.png');
	background-position: bottom left;
}

.box-double .boxbottom{
	background-image: url('../images/layout/box_2_f.png');
	background-position: bottom left;
}

.box-double h2{
	display: block;
}

.box-double .heading{
	background-image: url('../images/layout/box_2_h.png');
}

.box-double.red .heading{
	background-image: url('../images/layout/box_2_h_red.png');
}

.box-double.red .boxcontent {
	background: url('../images/layout/box_2_b_red.png') bottom left;
}

.box-double.red .boxcontent:hover {
	background-position: bottom right;
}

.box-double.red .boxbottom {
	background-image: url('../images/layout/box_2_f_red.png');
}

.box-double .heading.hidden{
	background-position: bottom left;
}

/* 1 third box */

.box-third {
	background: url('../images/layout/box_1-3_b.png') repeat-y;
	width:316px;
	float:left;
}

.box-third .heading{
	background-image: url('../images/layout/box_1-3_h.png');
}

.box-third .heading h2 {
	margin-left: 16px;
}

.box-third .boxbottom {
	background-image: url('../images/layout/box_1-3_f.png');
	height:16px;
}

.box-third boxcontent,
.box-two-third boxcontent {
	margin-bottom: 8px;
}

.box-third .boxcontent, .box-two-third .boxcontent {
	padding:0px 30px 8px 30px;
}

/* 2 third box */

.box-two-third {
	background: url('../images/layout/box_2-3_b.png') repeat-y;
	width:632px;
	float:left;
}

.box-two-third .heading{
	background-image: url('../images/layout/box_2-3_h.png');
}

.box-two-third .heading h2 {
	margin-left: 16px;
}

.box-two-third .boxbottom {
	background-image: url('../images/layout/box_2-3_f.png');
	height:16px;
	width:632px;
}

/* 3 third box */

.box-three-third{
	background-image: url('../images/layout/box_3-3_b.png');
	background-position: bottom left;
	width:948px;
	float:left;
}

.box-three-third .heading{
	background-image: url('../images/layout/box_3-3_h.png');
}

.box-three-third .boxcontent{
	overflow: visible;
}

.box-three-third .boxbottom {
	background-image: url('../images/layout/box_3-3_f.png');
	height:16px;
	width:948px;
}

/* Hovers */

#pagecontent a.boxlink {
	text-decoration: none;
	color: #303030;
	padding: 0;
	margin: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

#pagecontent h1 a.boxlink,
#pagecontent h2 a.boxlink {
	color: #004489;
}

#pagecontent a.boxlink:hover {
	background-color: transparent;
	color: #5e76ac;
}

a.boxlink:hover .box-single,
a.boxlink:hover .box-single h2,
div .hoverable:hover,
div .hoverable:hover h2, {
	background-position: bottom right;
}


#pagecontent div .hoverable:hover .heading{
	background-position: bottom right;
}

#pagecontent div .hoverable:hover .boxcontent,
#pagecontent div .hoverable:hover .boxbottom {
	background-position: bottom right;
}

#pagecontent div .hoverable:hover .heading.closed {
	background-position: top right;
}
