/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* BASIC LINKS */
a { outline: none; }
a img { border: 0; }

a:link, a:visited { text-decoration:underline; }
a:hover { text-decoration:none; }

/* CLEARS */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearest { clear: both; display: block; margin: 0; margin: 30px 0 0 0; height: 0; line-height: 1px; font-size: 1px; }

/* LAYOUT */
img.right{ float:right; }
img.left{ float:left; }

#container { width: 932px; margin: 0 auto; position: relative; }
#main { width: 100%; position: relative; margin: 0 auto; }
#content { position:relative; }
#global_header { width: 100%; margin: 0 auto; position: relative; }
#global_nav { width: 100%; margin: 0 auto; position: relative; }
#global_footer { width: 100%; margin: 12px auto 0 auto; position: relative; }

/* GRID */
.column { float: left; text-align:left; }
.grid1col { width: 100%; }
.grid2col.header { width:935px; height: 111px; margin: 0 auto; position: relative; }
.grid3col.home_links { width:935px; margin: 0 auto; position: relative; }
.grid2col.more_links { width:286px; height: auto; display:inline-block; margin: 0 auto; position: relative; background: url(/home/images/column_divider.gif) repeat-y center top; }
.grid2col.promotional_spots { width:935px; margin: 0 auto 10px auto; position: relative; }
.grid2col.footer { width:935px; margin: 10px auto; position: relative; }

.grid1col .column { width:100%; }

.grid2col.header .column.first { width:600px; margin:0; padding: 0; }
.grid2col.header .column { width:432px; }
.grid2col.header .column.last { width: 300px; margin:0; }

.grid2col.promotional_spots .column.first { width:468px; margin:0; padding: 0; }
.grid2col.promotional_spots .column { width:468px; }
.grid2col.promotional_spots .column.last { width: 467px; margin:0; }

.grid3col.home_links .column.first { width: 286px; /* 309 */ padding: 8px 12px 12px 12px; }
.grid3col.home_links .column { width: 286px; /* 309 */  padding: 8px 12px 12px 12px;  }
.grid3col.home_links .column.last { width: 287px; /* 309 */  padding: 8px 12px 12px 12px; }

.grid2col.more_links .column.first { width:133px; margin:0; padding: 0 0 0 10px; /*border-right: 1px solid #ccc;*/ }
.grid2col.more_links .column { width:143px; }
.grid2col.more_links .column.last { width: 133px; margin:0; padding: 0 0 0 10px; }

.grid2col.footer .column.first { width: 234px; margin: 0; }
.grid2col.footer .column {  }
.grid2col.footer .column.last { width: 697px; margin:0; }

.column.first, .column.last { margin-left: 0 !important; }
.column.first { float: left !important; }
.column { float: left !important; }
.column.last { float: right !important; }

/* ACCORDION */
.accordion_content { width: 935px; height: 337px; overflow: hidden; margin: 0 0 10px 0; padding: 0 0 0 4px; background: url(/home/images/accordion_frame.gif) no-repeat top left; }
		
#horizontal_container { margin: 0; width: 930px; height: 330px; }
		
.horizontal_accordion_toggle.tab_school { background: url(/home/images/accordion_title_school.jpg) no-repeat top left; border-left:none; }
.horizontal_accordion_toggle.tab_college { background: url(/home/images/accordion_title_college.jpg) no-repeat top left; }
.horizontal_accordion_toggle.tab_community { background: url(/home/images/accordion_title_community.jpg) no-repeat top left; }
		
.horizontal_accordion_toggle { /* REQUIRED */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ display: block; height: 330px; width: 46px; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0; border-left: 2px solid #fff; }
		
.horizontal_accordion_toggle_active.tab_community { background: url(/home/images/accordion_title_community_ro.jpg) no-repeat top left; }
		
.horizontal_accordion_content { /* REQUIRED */ height: 330px;	/* We need to define a height for the accordion as it stretches the width */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; background-color: #ffffff; color: #444444; }
			

/* LAYOUT ELEMENTS */
html, body { background: #eeeeee; }

#global_header { background: #eeeeee; height: 78px; }
#global_navigation {  border-top: 4px solid #fff; }
#global_footer { background: #eeeeee; margin:0 0 25px 0; }

#container { background: #eeeeee; }

/* TERTIARY NAV */
#tertiary_nav { float: right; margin: 0; }

ul.tertiary_links { list-style:none; text-decoration:none; position:relative; margin: 2px 0 0 0; float: left; }
ul.tertiary_links li { font: 10px Verdana, Geneva, sans-serif; color: #666; position: relative; float: left; }
ul.tertiary_links li a:link, ul.tertiary_links li a:visited { font: 10px Verdana, Geneva, sans-serif; color: #666; width: auto; w\idth : auto; display : block; border-right: 1px solid #666; text-decoration:none; float: left; margin: 0 8px 0 0; padding: 0 8px 0 0; }
ul.tertiary_links li a:hover { text-decoration:underline; }
ul.tertiary_links li.borderless a:link, ul.tertiary_links li.borderless a:visited { border-right: none; margin: 0; padding:0;  }

/* GLOBAL SEARCH */
#global_search { float: right; position:relative; margin: 15px 0 0 0; }
#global_search form input { border: none; }
#global_search input[type="text"]{ border: 0; }
#global_search div.search_field_wrapper { height: 26px; background: url(/home/images/search_field.gif) no-repeat top left; margin: 0; padding:6px 8px 0 8px; border: none; float:left; }
#global_search input.search_field {  width: 158px; border:none; font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #666; margin:0;  }
#global_search input.search_submit { width: 34px; height: 26px; background: url(images/search_submit.gif) no-repeat top left; margin: 0; cursor: pointer; border: none; }

/* LOGO */
.logo { padding: 30px 0 0 0; margin: 10px 0 0 0; overflow: hidden; background-image: url(/home/images/logo_principia.gif); background-repeat: no-repeat; height: 0px !important; height /**/:30px;}
h1.logo { font-family: "Times New Roman", Times, serif; font-size: 50px; color: #666; }
h1.slogan { width: 430px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; color: #666; text-align: left; margin: 8px 0 0 0; } 

/* CONTERNT FRAME */
.content_f { width: 932px; position:relative; display:inline-block; background: url(/home/images/content_frame_top.gif) no-repeat center top; }
.content_frame { width: 932px; margin: 0 0 0 0; position:relative; display:inline-block; background: url(/home/images/content_frame_middle.gif) repeat-y center top; }
.content_bottom { width: 932px; height: 9px;margin: 0 auto; position:relative; background: url(/home/images/content_frame_bottom.gif) no-repeat top center; }

.sidebar_f { width: 216px; position:relative; display:inline-block; background: url(/home/images/sidebar_frame_top.gif) no-repeat center top; }
.sidebar_frame { width: 216px; position:relative; display:inline-block; background: url(/home/images/sidebar_frame_middle.gif) repeat-y center top; }
.sidebar_bottom { width: 216px; height: 9px;margin: 0 auto; position:relative; background: url(/home/images/sidebar_frame_bottom.gif) no-repeat top center; }

/* COLUMN NAVIGATION */
#column_navigation_content { width: 935px; position:relative; display:inline-block; background: url(/home/images/frame_home3column_top.gif) no-repeat center top; }
#column_navigation_frame { margin-top: 0; width: 935px; position:relative; display:inline-block; background: url(/home/images/frame_home3column_middle.gif) repeat-y center top; }
#column_navigation_bottom { width: 935px; height: 11px;margin: 0 auto; position:relative; background: url(/home/images/frame_home3column_bottom.gif) no-repeat top center; }

.grid3col.home_links h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #00376c; text-transform:uppercase; font-weight:bold; }
.grid3col.home_links h3 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #0099cc; font-weight:bold; margin:15px 0 4px 0; }
.grid3col.home_links h3 a:link, .grid3col.feeds h3 a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #0099cc; font-weight:bold; margin-bottom:8px; text-decoration:none; }

.grid3col.home_links p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }

/* MAIN CONTENT AREA */
.logo_home { margin: 0 0 18px 0; }

ul.site_links { list-style:none; text-decoration:none; position:relative; }
ul.site_links li a:link, ul.site_links li a:visited { font: 12px Arial, Helvetica, sans-serif; color: #0099cc; text-decoration:none; }
ul.site_links li a:hover { text-decoration:underline; }

/* BANNER ADS */

	

/* FOOTER */
#global_footer { text-align:center; }

.grid2col.footer p { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; margin: 10px 0 10px 0; }

.footer_links { text-align:center; margin: 12px 0 0 0; }
.footer_links {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #666; margin: 10px 0 0 0; }
.footer_links a:link, .footer_links a:visited { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #666; text-decoration:none; }
.footer_links a:hover { color:#666; text-decoration:underline; }
/* 404 Error Page */
.404_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFF;
	height: 100px;
	width: 787px;
	background: #31669A;
	text-align: right;
}
.404_body {
	color: #333;
	height: 280px;
	width: 787px;
	background: #CCC;
	font: 14px Arial, Helvetica, sans-serif;
}
.404_text {
	color: #333;
	font: 14px Arial, Helvetica, sans-serif;
	clip: rect(auto,auto,auto,auto);
	padding-left: 50px;
	width: 650px;
}

