/**
 * screen_main.css
 *
 * Main stylesheet for screen media
 */

/* Layout */

body {
	margin: 0;
	padding: 0;
	background: #DADEE3 url(/img/dots_bg.png) top left repeat;
}

#page_wrapper {
	margin: 0;
	padding: 0;
}

.contents {
	width: 880px;
	padding: 9px;
	background: #FFF;
	margin: 0 auto;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
}

/* rn_grid */
/* main columns */

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10 {
	float: left;
	margin: 0 1%;
	display: block;
}

/*column groups*/

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10 {
	float: left;
	display: block;
	margin: 0 auto 10px auto;
}

.g1  { width:  88px; }
.g3  { width: 264px; }
.g7  { width: 616px; }
.g10 { width: 880px; }

.first {	margin-left: 0; }
.last { margin-right: 0; }

.c1  { width:  8%; }
.c2  { width: 18%; }
.c3  { width: 28%; }
.c4  { width: 60%; }
.c5  { width: 48%; }
.c6  { width: 58%; }
.c7  { width: 68%; }
.c8  { width: 78%; }
.c9  { width: 93%; }
.c10 { width: 98%; }


.right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
	border: none;
}

.left {
	float: left;
}

.center {
	margin-left: 250px;
	text-align: justify;
}

.clear {
	clear: both;
	margin-top: 10px;
}

.h-d {
	clear: both;
	margin: 0 auto 15px auto;
	border-bottom: 2px solid #b22d1c;
	padding: 15px 0 0 0;
	width: 99%;
}

/* header */

div#page_header {
	margin: 0;
	background: #FFF url(/img/header_grad.png) top left repeat-x;
	padding-top: 12px;
	height: 277px;
}

div#session {
	/*width: 135px;*/
	/*height: 20px;*/
	margin-top: 20px;
	margin-right: 10px;
	color: #ddd;
	font-size: 1.1em;
	float: right;
	background: url(/img/login_back.png) top left repeat;
	text-align: right;
	padding: 2px 8px 3px 25px;
}

div#session a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
	/*font-size: 0.9em;*/
	/*padding-right: 4px;*/
}

div#session a:hover {
	text-decoration: underline;
}

div#page_header .contents {
	border-top: 1px solid #F1F1F1;
	background: #FFF url(/img/headers.php) center center no-repeat;
	height: 286px;
	padding: 0;
	width: 898px;

	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
}

#logo {
	margin: 0;
	width: 410px;
	text-align: center;
	height: 223px;
	background: transparent url(/img/hilinks_logo.png) left center no-repeat;
	float: left;
	clear: left;
}

#logo h1 {
	margin: 0;
	padding: 0;
	text-indent: -20000px;
}

#search {
	float: right;
	width: 203px;
	height: 65px;
	background: transparent url(/img/search_bg.png) right top repeat-y;
	margin-right: 10px;
	margin-top: 43px;
	clear: right;
}

#search form {
	width: 100%;
	float: right;
	padding: 0.6em 0 0 0;
}

#search form input[type="text"] {
	float: left;
	width: 145px;
	border: 1px solid #2b516f;
	padding: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;

	margin-right: 3px;
}

#search form label {
	font-size: 1em;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
}

table   { border-collapse: collapse }
tr#row1 { border: 2px solid #b22d1c }
tr#row2 { border: 2px solid #b22d1c }
tr#row3 { border: 2px solid #b22d1c }
tr#row4 { border: 2px solid #b22d1c }
tr#row5 { border: 2px solid #b22d1c }
tr#row6 { border: 2px solid #b22d1c }
th { text-align: left; font-weight: bold }
td { text-align: left; font-weight: bold; font-size: 1.2em}
th { vertical-align: middle }
td { vertical-align: middle }



/* navigation */

ul#navigation {
	clear: both;
	width: 879px;
	margin-left: 9px;
}

ul#navigation li {
	float: left;
	width: 106px;
	vertical-align: middle;
	background: transparent url(/img/tab_bg.png) top left repeat;
	padding: 5px 1px 3px 1px;
	margin-left: -1px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	-khtml-border-top-right-radius: 6px;
}


ul#navigation li#home { width: 90px; }
ul#navigation li#news { width: 88px; }
ul#navigation li#events { width: 75px; }
ul#navigation li#forum { width: 75px; }
ul#navigation li#about { width: 170px; }
ul#navigation li#feasibility { width: 145px; }
ul#navigation li#About HI Links { width: 145px; }

ul#navigation li.here,
ul#navigation li:hover {
	border-bottom: none;
	background: transparent url(/img/white-60.png) top left repeat;
	z-index: 10;
	padding-bottom: 4px;
}

ul#navigation li a {
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

ul#sub_navigation {
	background: transparent url(/img/white-60.png) top left repeat;
	height: 27px;
}

ul#sub_navigation li {
	margin-left: 15px;
	font-size: 1em;
	padding-top: 6px;
	float: left;
}

ul#sub_navigation.case {
	height: auto;
}

ul#sub_navigation.case li {
	float: none;
}

ul#sub_navigation li a {
	color: #222;
	padding: 2px 8px 0 8px;
	text-decoration: none !important;
	font-weight: bold;
}

ul#sub_navigation li a:hover{
	/*border-bottom: 2px solid #29506C;*/
	text-decoration: none !important;
}

/* content */

img.disabled {
	margin: 0 0 0 112px;
	/*opacity: 0.5;*/
}

div#main_content {
	margin-top: -1px;
	color: #545454;
}

div#home_teaser {
	position: relative;
}

div#home_teaser div {
	position: absolute;
	left: 0;
	top: 30px;
	display: none;
}

div#home_teaser div.default {
	display: block;
}

div#pagecontent_bottom {
	margin-top: 20px;
}

div#main_content blockquote {
	font-style: italic;
}

div#main_content #page_left {
	width: 690px;
}

div#main_content #boxes {
	width: 190px;
	margin-top: 15px;
}

div#main_content ul {
	margin-left: 15px !important;
}

div#main_content ul li {
	text-indent: 0px;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}

div#main_content a {
	color: #545454;
	text-decoration: underline;
}

div#main_content ul li.newslist {
	text-indent: 0px;
	margin-bottom: 1em;
	line-height: 1.2em;
	border-bottom: 1px dotted #d7d7d7;
	padding-bottom: 0.5em;
}


div#main_content a:hover {
	color: #000;
}

div#main_content p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 1em 0 0 0;
	padding-top: 15px;
}

div#main_content p.more {
	margin: 0;
	text-align: center;
	font-size: 1em;
}

div#main_content ul {
	font-size: 1em;
	margin: 0.8em 0 0 0;
	text-indent: 0.8em;
	list-style-position: inside;
	list-style-type: square;
	display: block;
}

div#main_content h3 {
	margin: 0;
	font-weight: bold;
	padding: 0 0 0.4em 0;
	color: #363636;
}

div#main_content #full_page h3 {
	margin: 0.6em 0;
}

div#main_content .wayforward {
	margin-top: 30px;
	padding: 3px;
	border: 1px solid #cccccc;
}

div#main_content .rightpic {
	float: right;
	padding: 3px;
	border: 1px solid #cccccc;
	margin-left: 4px;
	margin-bottom: 4px;
}

div#main_content .leftpic {
	float: left;
	padding: 3px;
	border: 1px solid #cccccc;
	margin-top: 15px;
	margin-left: 1px;
	margin-right: 4px;
	margin-bottom: 4px;
}

div#main_content .leftpic2 {
	float: left;
	padding: 3px;
	border: 1px solid #cccccc;
	margin-left: 1px;
	margin-right: 4px;
	margin-bottom: 4px;
}

div#main_content .pull {
	width: 500px;
	background: #e9ece3 url(/img/quote.png) 0 0 no-repeat;
	padding: 6px;
	padding-left: 70px;
	font-size: 1.2em;
	font-style: italic;
	margin: 10px auto 10px auto;
	font-family: georgia, Times New Roman, Times, serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

div#main_content .pull img {
	float: right;
	margin: 0 0 0 4px;
}

div#main_content .pullhome {
	width: 250px;
	background: #e9ece3 url(/img/quote_home.png) 0px 4px no-repeat;
	padding: 6px;
	padding-left: 45px;
	font-size: 1.1em;
	font-style: italic;
	margin: 10px auto 10px auto;
	font-family: georgia, Times New Roman, Times, serif;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

div#main_content .pullhome img {
	float: right;
	margin: 0 0 0 4px;
}

div#main_content .rellinks {
	padding-left: 10px;
	line-height: 1.8em;
}

div#uhi_campus_map {
	float: left;
	margin: 0 0 0 0px;
}

/* boxes */

.box.fixed {
	height: 137px;
	padding: 0;
	overflow: hidden;
	background: transparent url(/img/teaser_white.png) center center no-repeat;
	margin: 0 0 20px 0;
	color: #fff;
}

.box.fixed .box_content {
	background: none !important;
	padding: 0 !important;
	min-height: 0 !important;
}

.box.fixed.blue {
	background-image: url(/img/blue_box.png);
}

.box.fixed.red {
	background-image: url(/img/red_box.png);
}

.box {
	background: transparent url(/img/grey_box_top.png) top center no-repeat;
	width: 189px;
	padding: 0;
	margin: 0 0 15px 0;

}

.box .box_content {
	background: transparent url(/img/tease_back.png) top left repeat;
	margin: 15px auto;
	width: 140px;
	padding: 5px;
	padding-bottom: 9px;
	position: relative;
	top: 15px;
	color: white;
	text-align: left;
}

.box.blue .box_content { background-image: url(/img/blue_box.png) }
.box.grey .box_content { background-color: #EEE; color: #464646 !important; }
.box.red .box_content { background-image: url(/img/red_box.png)}
.box.purple .box_content { background-image: url(/img/purp_box.png) }

.box p.box_bottom {
	border-bottom: 1px solid #f1f1f1;
	padding: 0;
	margin: 0 6px !important;
}

.box h4 {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 0px;
	color: #fff;
	margin-top: 0px !important;
}
.box img {
	border: 3px solid white;
}

.box p {
	line-height: 1.2em !important;
	font-size: 1em !important;
	margin: 0 6px 0 0 !important;
	font-weight: normal;
}

.box p a {
	color: #FFF !important;
	text-align: right !important;
	font-weight: bold;
}

.box a {
	color: #FFF !important;
}

.box ul {
	text-indent: 0 !important;
}

.box ul li {
	margin-bottom: 5px !important;
	list-style-type: square;
	list-style-position: outside !important;
	/*margin: 5px 20px 0 25px !important;*/
	padding: 0 0 0 0px !important;
	color: #fff;
}

div.tooltip {
	display: none !important;
}

.case_study_box {
	border: 3px solid #b22d1c;
	width: 390px;
	min-height: 230px;
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 8px;
	position: relative;
	color: #363636;
}

.case_study_box2 {
	border: 3px solid #b22d1c;
	width: 390px;
	min-height: 170px;
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 8px;
	position: relative;
	color: #363636;
	background: transparent url(/img/chain.jpg) no-repeat;
}

.case_study_box3 {
	border: 3px solid #b22d1c;
	width: 540px;
	min-height: 224px;
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 8px;
	position: relative;
	color: #363636;
}

.case_study_box4 {
	border: 3px solid #b22d1c;
	width: 240px;
	min-height: 490px;
	margin-bottom: 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	padding: 8px;
	position: relative;
	color: #363636;
}

.case_study_box h4 {
	color: #363636 !important;
}

.case_study_box img {
	float: right;
	border: 3px solid #dbddde;
}

.case_study_box p {
	margin-top: 0 !important;
	color: #363636 !important;
}

.case_study_box3 p {
	margin-top: 0 !important;
	color: #363636 !important;
	padding-left: 10px;
}

.case_study_box4 p {
	margin-top: 0 !important;
	color: #363636 !important;
}

.case_study_box3 img {
	float: left;
	border: 3px solid #dbddde;
}

.case_study_box4 img {
	float: left;
	border: 3px solid #dbddde;
}

.case_study_box ul.morelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
}

.case_study_box ul.morelinks li {
	height: 21px;
	width: 81px;
	list-style: none !important;
	float: left;
	color: #b12c1b !important;
	background: transparent url(/img/more_arrow.png) 0 1px no-repeat;
	padding-left: 7px;
	margin-left: 5px;
}

.case_study_box ul.morelinks li a {
	color: #b12c1b !important;
	text-decoration: none !important;
}

.case_study_box h3 {
	position: relative;
	color: #545454 !important;
	background-color: #FFF;
	padding: 0 3px !important;
	top: -18px;
	left: 10px;
	display: inline;
}

.case_study_box2 h3 {
	position: relative;
	color: #545454 !important;
	background-color: #FFF;
	padding: 0 3px !important;
	top: -18px;
	left: 10px;
	display: inline;
}

.case_study_list {
	margin-bottom: 15px;
}

/* forms */

form {
	width: 99%;
	margin: 5px auto;
}

div.inputField {
	width: 100%;
	margin-bottom: 10px;
}

div.inputField label {
	width: 17%;
	font-weight: bold;
	float: left;
}

div.inputField input {
	width: 80%;
	border: 1px solid #D6DAE0;
	padding: 2px;
}

div.inputField checkbox {
	float: left;
	text-align: left;
}

div.inputField input:focus {
	border-color: #7A7C80;
}


/* footer */

#page_footer {
	background-color: #FFF;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	border-bottom: 1px solid #F1F1F1;
	margin: 0 auto 20px auto;
	width: 880px;
	padding: 9px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
}

#page_footer .contents {
	background-color: #f1f5f8;
	height: 125px;
	padding: 0;

	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
}

#page_footer .contents a {
	text-decoration: none;
        border-bottom: 1px dotted #5A5A5A;
	color: #5A5A5A;
}

div.footer_section {
	padding-top: 10px;
	color: #5A5A5A;
}

div.footer_section address {
	font-style: normal;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 5px;
}

div.footer_section p {
	margin-bottom: 5px;
}

div.footer_section#sponsors {
	border-right: 2px dotted #E1E1E1;
	width: 420px;
	padding-top: 0;
}

/* flash messages */

.message {
	width: 95%;
	margin: 5px auto;
	font-size: 1.1em;
	text-align: center;
	padding: 5px;
	background-color: #F1F5F8;
	font-weight: bold;
	color: #2D4659;
}

/* fixes 'n' filters */

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}

.clearfix {
	display:inline-block
}

* html .clearfix {
	height:1%
}

.clearfix{
	display:block
}

/* debugging */

pre.cake-debug {
	font-size: 0.8em;
	color: #333;
	width: auto;
	overflow: auto;
	background-color: #444;
	border: 1px solid #000;
	color: #eee;
	border: 1px solid #eee;
	line-height: 1.2em;
	padding: 4px;
}

.cake-sql-log {
	z-index: 10;
	width: 99%;
	margin: 0.2em auto;
	background-color: #000;
	color: #FFF;
	border-collapse: collapse;
	font-size: 0.8em;
	font-family: monospace;
	line-height: 1.2em;
}

.cake-sql-log caption {
	font-weight: bold;
	background-color:#900;
	margin-top: 10px;
	color:#FFF;
	padding: 5px 0;
}

.cake-sql-log td {
	padding:3px;
	border:1px solid #999;
	background-color:#EEE;
	color:#000;
}

.error-message {
	color: red;
	font-style: italic;
}

table tr td, table tr th {
	padding: 4px;
}

table tr th {
	text-align: left;
	font-weight: bold;
	background-color: #eaeaea;
}