@charset "UTF-8";
/* CSS Document */

/* MAIN WRAPPER - use this to warp the different configurations */
.column_wrapper {
	width: 780px;
	margin: 0;
	padding: 0 10px;
	float: left;
}


/* For use with FULL WIDTH Layout */
/* 2 columns - newer version */
.column_half_382_left {
	width: 382px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
.column_half_382_right {
	width: 382px;
	margin: 0;
	padding: 0;
	float: right;
}
/* 2 columns - older version */
.column_half {
	width: 380px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
/* 2/3 columns */
.two_thirds {
	width: 512px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
/* 3 columns */
.column_third {
	width: 246px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
/* Replaced by .nomargin, located at the end of the file */
.column_third_nomargin {
	margin: 0 !important;
}
/* 4 columns */
.column_fourth {
	width: 175px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.column_fourth_right  {
	width: 33%;
	margin: 0 0 0 20px;
	padding: 0;
	float: right;
}
/* 6 columns */
.column_sixth {
	width: 120px;
	float: left;
	margin-left: 10px;
	padding: 0;
}

/* Small Left Column - mirror version of Left Content Layout, used in Alumni Stories - Informatics */
.column_left_small {
	width: 170px;
	float: left;
	border-right: 1px #CCC solid;
	background-color: inherit;
}
.column_right_small {
	width: 600px;
	margin: 0 0 0 170px;
	padding: 0 0 0 20px;
	border-left: 1px #CCC solid;
	background-color: inherit;
}

/* Two-thirds Layout - For use with FULL WIDTH Layout */
.twothirds_left {
	width: 32%;
	float: left;
	background-color: inherit;
}
.twothirds-right {
	width: 65%;
	float: right;
	background-color: inherit;
}


/* For use inside COLUMN_LEFT layout */
/* 2 columns */
.column_half_264_left {
	width: 264px;
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
.column_half_264_right {
	width: 264px;
	margin: 0;
	padding: 0;
	float: right;
}
/* 3 columns */
.column_three_small {
	width: 169px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
/* 4 columns */
.column_four_small {
	width: 121px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
 

/* Percentage Width Colunns */
.four_column {
	width: 23.5%;
	margin: 0 2% 0 0;
	padding: 0px;
	float: left;
}
.column_fourth_small {
	width: 25%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.column_third_small {
	width: 45%;
	float: left;
	margin-left: 20px;
	padding: 0px;
}

/* Percentage Width Round Corner Boxes - for use with all layouts */
.roundbox_half {
	width: 44%;
	float: left;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid;
	border-color: #AAA9A9;
	border-radius: 10px;
}
.roundbox_third {
	width: 29%;
	float: left;
	margin-left: 10px;
	padding: 5px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #AAA9A9;
}
.roundbox_third_right {
	width: 29%;
	float: right;
	margin: 0 0 15px 10px;
	padding: 2px 12px;
	border-radius: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #AAA9A9;
}
.roundbox_fourth {
	width: 19%;
	float: left;
	margin-left: 10px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #AAA9A9;
}

/* COLUMN_LEFT - large left and small right. The default layout for _nav-right.inc */
.column_right {
	width: 190px;
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	border-left: 1px #CCC solid;
}
.column_left {
	margin: 0 210px 0 0;
	padding-right: 20px;
	border-right: 1px #CCC solid;
}

/* NO MARGIN */
.nomargin {
	margin: 0 !important;
}

/* Fix for using jQuery tabs inside our column_left + coulmn_right classes. Put tabs in a DIV with this class. */
.tab_wrapper {
	width: 549px;
	float: left;
}