*
{margin:0;padding:0;}
body
{
	width:766px;
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/stripes.gif);
	background-repeat: no-repeat;
}
#overall_frame
{background-color:#fff;}
/*two column pages */
#rightcolumn {float:right; width:240px;}
#leftcolumn  {float:left; width:458px;}

/* UCN Logo*/
#logo
{float:right;margin:11px 26px 0 0;}

/* Navigation*/
#navigation
{float:center;width:100%;font-size:70%;color:#ffff;margin:5px 0 12px 0;}
#navigation li
{list-style:none;display:inline;background:url(../images/navigation_divider.gif) no-repeat right;padding:0 5px 0 3px;}
#navigation a:link, #navigation a:visited #navigation
{text-decoration:none;color:#fff;}
#navigation a:hover
{color:#cccc;}
.clear
{clear:both; height:5px;}

.left_navigation
{width:220px;padding:246px 0 0 0;float:left;font-size:100%;font-weight:bold;color:#fff;}
.left_navigation ul
{padding-left:26px;}
.left_navigation li
{list-style:none;line-height:14px;padding:5px 0 0 4px;}
.left_navigation a:link, .left_navigation a:visited
{text-decoration:none;color:#FFF;}
.left_navigation a:hover
{color:#ff0;}

.bullet {float:left;padding-left: 4px;}

.space /* Gap between Sub Navigation */ {height:15px;}
.space2 /* Gap between lastSub Navigation */ {line-height:28px;}
.space3 /* Gap between lastSub Navigation */ {line-height:8px;}

/* front page */
#be_heard_box
{float:left;height:158px;width:244px;background-color:#E1E1E0;background-image:url(../images/Header_BeHeard.jpg);background-repeat:no-repeat;}
#be_part_box
{float:right;height:158px;width:244px;background-color:#E1E1E0;background-image:url(../images/Header_bePart.jpg);background-repeat:no-repeat;}
#be_informed_box
{float:left;height:158px;width:244px;background-color:#E1E1E0;background-image:url(../images/Header_informed.jpg);background-repeat:no-repeat;margin-top:10px;}
#be_inspired_box
{float:right;height:158px;width:244px;background-color:#E1E1E0;background-image:url(../images/Header_inspired.jpg);background-repeat:no-repeat;margin-top:10px;}
#bottom_section
{height:370px; background:#FFFFFF url(../images/pencils.jpg) no-repeat left bottom;padding:10px 24px 0 244px; clear:both;}

/* Main Intro text */
.main_text
{float:right;width:510px;padding:320px 24px 0 0;color:#fff;font-size:80%;}

/* Main Containers*/
#main_container
{background:#21a1c2 url(../images/main_image.jpg) no-repeat;}
#main_he_container
{background:#648926 url(../images/HE/main_he_image.jpg) no-repeat;}
#main_ucas_container
{background:#210077 url(../images/UCAS/main_image.jpg) no-repeat;}
#main_skilled_container
{background:#870886 url(../images/SKILLED/main_image.jpg) no-repeat;}
#main_prepared_container
{background:#BD2925 url(../images/PREPARED/main_image.jpg) no-repeat;}
#main_inspire_container
{background:#C74A0A url(../images/INSPIRE/main_image.jpg) no-repeat;}
#main_inform_container
{background:#36626D url(../images/INFORM/main_image.jpg) no-repeat;}
#main_credit_container
{background:#5A1E7C url(../images/CREDIT/main_image.jpg) no-repeat;}

/* Mid Sections*/
#mid_section
{clear: both;background:#FFFFFF url(../images/paint_bottom.jpg) no-repeat top; padding: 30px 24px 0px 30px; min-height:500px;}
#mid_section_he
{clear:both;background:#fff url(../images/HE/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}
#mid_section_ucas
{clear: both; background:#fff url(../images/UCAS/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}
#mid_section_skilled
{background:#fff url(../images/SKILLED/paint_bottom.jpg) no-repeat top;padding: 30px 22px 0px 30px;min-height:500px;}
#mid_section_prepared
{clear: both; background:#fff url(../images/PREPARED/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}
#mid_section_inspire
{clear: both; background:#fff url(../images/INSPIRE/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}
#mid_section_inform
{clear: both; background:#fff url(../images/INFORM/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}
#mid_section_credit
{clear: both; background:#fff url(../images/CREDIT/paint_bottom.jpg) no-repeat top;padding: 30px 24px 0px 30px;min-height:500px;}

/* Welcome boxes*/
#welcome_box
{float:left;width:458px; background:#E1E1E0 url(../images/welcome_image.jpg) no-repeat top;}
#welcome_box_he
{float:left;width:458px; background:#E1E1E0 url(../images/HE/welcome_image.jpg) no-repeat top;}
#welcome_box_ucas
{float:left;width:458px; background:#E1E1E0 url(../images/UCAS/welcome_image.jpg) no-repeat top;}
#welcome_box_skilled
{float:left;width:458px; background:#E1E1E0 url(../images/SKILLED/welcome_image.jpg) no-repeat top;}
#welcome_box_prepared
{float:left;width:458px; background:#E1E1E0 url(../images/PREPARED/welcome_image.jpg) no-repeat top;}
#welcome_box_inspire
{float:left;width:458px; background:#E1E1E0 url(../images/INSPIRE/welcome_image.jpg) no-repeat top;}
#welcome_box_inform
{float:left;width:458px; background:#E1E1E0 url(../images/INFORM/welcome_image.jpg) no-repeat top;}
#welcome_box_credit
{float:left;width:458px; background:#E1E1E0 url(../images/CREDIT/welcome_image.jpg) no-repeat top;}
.welcome_text
{padding:5px 20px 5px 10px;}


clearfix:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Footers */
#footer
{background:url(../images/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:80px; text-align:center; clear:both;}
#he_footer
{background:url(../images/HE/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:80px; text-align:center; clear:both;}
#ucas_footer
{background:url(../images/UCAS/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:120px; text-align:center; clear:both;}
#skilled_footer
{background:url(../images/SKILLED/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:120px; text-align:center; clear:both;}
#prepared_footer
{background:url(../images/PREPARED/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:120px; text-align:center; clear:both;}
#inspire_footer
{background:url(../images/INSPIRE/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:120px; text-align:center; clear:both;}
#inform_footer
{background:url(../images/INFORM/footer.jpg) no-repeat  bottom; width:766px;height:20px; padding-top:80px; text-align:center; clear:both;}
#credit_footer
{background:url(../images/CREDIT/footer.jpg) no-repeat bottom; width:766px;height:20px; padding-top:120px; text-align:center; clear:both;}

/* Who are be box */
#who_is_be_box
{float:right;width:240px; background:url(../images/who_are_be.gif) no-repeat; margin-bottom:10px;}
#who_is_be_box2
{float:right;width:240px; background:url(../images/who_are_be2.gif) no-repeat; margin-bottom:10px;}
#who_is_be_box h1
{padding:10px 0 0 10px; margin:0;}
#who_is_be_box2 h1
{margin:10px 0 0 10px; padding:0;}
.who_is_be_text
{background-color: #E1E1E0;}

/* BE BOX Content elements */
.info_header
{float:left;padding:6px 0 0 15px;height:30px;width:160px;margin-bottom:15px;}
.go_float
{float:right;height:30px;width:50px;padding:5px;margin-bottom:15px;}
.go_float a:link, .go_float a:visited
{text-decoration:none;color:#FFFFFF;font-weight:bold;font-size:160%;}
.go_float a:hover
{color:#FFFF00;}
.info_content
{padding:0 10px 6px 10px;height:90px;width:220px;}

/* Drop down menu*/
select
{width:220px;margin-bottom:8px;}

/* Font styling */
.header {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height: 17px;
}
.green {color:#648926}
.white {color:#fff;}
.blue {color:#21A1C2;}
.blue2 {color:#330066;}
.purple {color:#870886;}
.purplecredit {color:#5A1E7C;}
.red	{color:#BD2925;}
.orange {color:#C74A0A;}
.greenblue {color:#36626D;}
.boxtxt {background-color:#E1E1E0; padding:6px 10px; line-height:1.4em; margin:0;}

/* Generic Text */
p
{font-size:70%;color:#000;line-height:1.4em; padding:5px 0; margin:0;}
h1
{color:#21a1c2;font-size:130%;font-weight:bold;padding:0 0 5px 0; margin:0;}
h2
{color:#fff; margin:0; padding:0;}
/* Links*/
a
{color:#000; }
a:hover
{c
olor:#000;text-decoration:none;}

/*tables*/
td
{padding: 0 5px;}
.borderleft
{border-left:1px dotted #333;}

/*Generic Gray boxes*/
.box494
{background:url(../images/494graytop.gif) no-repeat top; width:494px;margin-top:10px;}
.box459
{background:url(../images/who_are_be.gif) no-repeat top; width:240px;margin-top:0px;margin-bottom:10px;}
.prepare_profile
{background:url(../images/prepared.gif) no-repeat top; width:240px;margin-top:0px;margin-bottom:10px;}
.where_profile
{background:url(../images/prepared/wheretop.gif) no-repeat top; width:240px;margin-top:0px;margin-bottom:10px;}
.box458
{background:url(../images/458graytop.gif) no-repeat top; width:458px; margin-top:10px; background-color: #dedede;}

/* gray bottom corners*/
.corners
{height:9px;background:#E1E1E0 url(../images/gray_corner_right.gif) no-repeat bottom right;}
.info_content_intro {
	padding:0 10px 6px 10px;
	height: 90px;
	width:220px;
	font-size: 12pt;
}
.left_navigationbe {
	font-size:120%;
	font-weight:bold;
	color:#fff;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.headersub {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height: 3px;
}
.footertxt {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height: 13px;
}
.imagestyle {
	padding-bottom: 7px;
	padding-top: 7px;
}
.imagestylesml {
	padding-bottom: 7px;
	padding-top: 7px;
}

