/* List of section names:
 *
 * One Column Layout
 * Two Column Layout
 * Two Column Layout 50% (even)
 * Three Column Layout
 */
	
  /* LAYOUT STYLES FOR THE MASTER PAGE - INITIATING ALL AT 0 now in a separate file "Initialization.css" */
	
	
		
    
    /*========================
	Set up font to look the same across all browsers this works specifically with initialization.css
	==========================*/	
	/* -------------------------------
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.5.2
	---------------------------------- */
	/**
	 * Percents could work for IE, but for backCompat purposes, we are using keywords.
	 * x-small is for IE6/7 quirks mode.
 	*/
 	
	body {
		font:13px/1.231 Arial, Helvetica, Geneva, sans-serif;  
		*font-size:small;
		*font:x-small;
		}
	
	table {
		font-size:inherit;	
		font:100%;	
	}
		
	/**
	 * Bump up IE to get to 13px equivalent
	 */
	pre,code,kbd,samp,tt {
		font-family:monospace;
		*font-size:108%;
		line-height: 130%;

	}
		
	
/* ----------- end of Yahoo! copyright -------------------------------------------------------------------------------------------- */
        
    
    
    /* Start basic tags */
	body {
		color: #000;
		height:100%; 		
    }
    
    
	h1, h2, h3, h5, h5, caption {
		font-family:  Arial, Helvetica, Geneva, sans-serif;
	} 
		
	h1 {
		font-size: 197%; /*26px*/;
		font-weight: bold;
		margin-bottom: 12px;
		line-height: 130%;
		margin-top:22px;
}

		h2 {
		font-size: 123.1%; /*17px*/;
		font-weight: bold;
		margin-top: 25px;
		margin-bottom: 10px;		
		text-transform: uppercase;
}
	
	/* this style also used for program cluster links*/
	h3 {
		font-size: 116%; /*16px*/
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 0px;
		line-height:130%;
	}
	
	h3.level_two
	{
		padding-left:15px;
	}
	
	h3 a:link, h3 a, h3 a:visited, h3 a:active {
		font-weight: bold;
		color: #444DA0;
		text-decoration: none;
	}
	
	h3 a:hover {
		font-weight: normal;
		text-decoration: underline;
		font-weight: bold;
	}
	
	/* this style used for program sub-cluster links */
	
	h3.level_2 {
		font-size: 116%; /*15px*/;
		font-weight: bold;
		margin-top: 3px 0px 3px 20px;
}
	
	h3.level_2 a:link, h3.level_2 a, h3.level_2 a:visited, h3.level_2 a:active{
		color: #444DA0;
		font-weight: normal;
		text-decoration: none;
		font-weight: bold;
	}
	
	h3.level_2 a:hover {
		color: #444DA0;
		font-weight: normal;
		text-decoration: underline;
		font-weight: bold;
		}

	/* ================= */

	h4 {
		font-size: 116%; /*15px*/
		font-weight: bold;
		margin: 2px 0px;
	}
	
	p  {
		margin: 7px 0px 7px 0px;  
		}	
		
		/*Fix some parsing inconsistancies in IE*/
	* html p {
		margin: 5px 7px 10px 0px; 
		}

		/* end of IE6 fix */
		
	
	a, a:link, a:visited, a:active  {  
		color: #444da0;
		text-decoration: none;
	}

	a:hover {
		color: ##444da0; 		
		text-decoration: underline;
	}
	
	blockquote {
		padding-left: 15px;
		margin: 6px 20px 6px 20px; 
		line-height: 130%;
	}
	
	ul, ol, li {
	    margin-left: 15px;	    
	    line-height: inherit;
		margin-top: 5px;	    
	}
	
	ul, ol {
	    margin-bottom: 10px; 
	    padding:0px;  }
	
	ul {
		list-style: disc;
		/* line-height: 130%; */	
		/* margin-bottom: 5px; */
	}
	
	ul ul{
		list-style: disc;
	}	
	
	/* li {
		line-height: 130%;	
	} */

	img {
		border: none;
	}
	
	/*general table defs, override with class */
	
	table {
	    margin: 15px; 
	}    
	
	
	td {    
	    padding: 3px;
		font-size: 93%;  /* cell content needs slightly smaller font */
		line-height: 130%;
	}
	

	/* ----------------------------------*/
	
	.col_head {
		font-weight: bold;
		font-size: 100%;
	}
	
	strong, b {
		font-weight: bold;
	}
	
	em, oblique, i {
		font-style: italic;
	}
	
	hr {
		text-align: left;
		clear: left;
		border: 0pt none;
		background-color: Gray;
		color: #CCCCCC;
		height: 1px;
		margin: 0px 10px 0px 10px;
/*		width: 750px; */
	}
	
/* ======= working comment all pages that need work or content decisions  */	
	
	.w_comment, .w_comment a {
		color: fuchsia;
		font-style: italic;		
	}
	
	/* End basic tags */
	
	
	/* Start general class elements */
	
	.comment {
	    padding-top: 5px;
		font-size: 77%;
		font-style: italic;
		line-height: 130%;
	}
	
	
	.bg_E1E1Df {
		background-color: #E1E1Df;
		}
	
	.bg_F0F8FF {  
		background-color: #E1E1Df;
	}
	
	.red {
		color: #990000;
	}
	
	.txtbox {
		background: #E1E1Df;
		padding: 5px;
		margin: inherit;
		border: 1px solid #CCCCCC;
		}
	
	.leftfloat {
		margin: 0px 10px 3px 0px;
		float: left;
		width:auto;
		height: auto;
	} 
	
	.rightfloat {
		margin: 0px 0px 3px 10px;
		float: right;
		width:auto;
		height: auto;
	} 
	
	div.floatbox {
	    font-size: 77%;
	    width: 175px;
	    height: auto;
	    float: right;
	    margin: 0px 5px;
	    padding: 5px;
	    background-color: #DDDDFF;
	}
		
	
	/**========================
	elements, tables, cells
	==========================*/
	
	.t-border {
		border-top: 1px solid #CCCCCC;
	}
	
	.r-border {
		border-bottom: 1px solid #CCCCCC;
	}

	.b-border {
		border-bottom: 1px solid #CCCCCC;
	}

	
	.l-border {
		border-bottom: 1px solid #CCCCCC;
	}

	.table-border {
		border: 1px solid #CCCCCC;
		border-collapse:collapse;
	}
	
	
	
	/* End general class elements */



@media all
{
	/*=========================
	    /One Column Layout
	=========================*/

	#one_column_content	 {
		font-size: 100%; 
		margin-top:0px;
		line-height: 130%;
		padding: 0px 20px 40px 15px;
	}
	
	#one_column_content img {
		border: none;
	}
	
	#one_column_content ul, #one_column_content ol{
		margin-bottom: 10px;
	}
	
	#one_column_content td {
		vertical-align:top;
		padding: 5px 3px;
		line-height: 130%;
	}

    /* Landing page details */
    
	.landingpage {
		margin: 0;
	}
	
	#one_column_content .landingpage td {
		vertical-align: top;
		padding: 0px 5px 0px 0px;
		line-height: 130%;
		font-size: 100%;
	}
	
	.left td .right td {
		width: 175px;
	}
		
	/* ------------ mini-landing pages image and text style (text does NOT wrap) ------------ */
	
	.lp_img {
		float: left;
		margin: 0px 12px 0px 0px;
		padding: 0;
		width: auto;
		height: auto;
		clear: right;
		}
	
	.lp {
		padding: 15px 0px 0px 0px;
		float: left; 
		width: 315px;
		}
	
	/*ul, ol, li {
		margin: inherit;
	} 
	
	========================== 
	/BOG and Council list formats
	============================*/
	
	#one_column_content #board_member_bio img {
		float:left;
		padding:0px 10px 5px 0px;
	}
	
	#one_column_content #board_member_bio h2 {
		font-family:inherit;
		margin-top:20px;
		margin-bottom: 20px;
	}
	
	#one_column_content .council {
		width:100%;	
		text-align:left;
		padding-left: 15px;
	}
	
	#one_column_content .council td {
		font-size: 100%;
		vertical-align:top;
		width:50%;
		padding:5px 0px;
	}
	
	
	/*=========================
	search results and error formats
	===========================*/

	.search_result_wrapper
	{
		padding:20px;
	}
	.search_result
	{
		margin-left: 5px;
		padding-bottom:20px;
	}
	
	.search_result_url
	{
		color:green;
	}
	
	.search_selected_page_num
	{
		padding-left:20px;
		color:#cc0000;
	}
	.search_nav
	{
		width:100%;
		margin: auto;
	}
	
	.search_page_num
	{
		padding-left:20px;
	}
	
	
	.error_message
	{
		color:#cc0000;
		padding:50px;
		font-size:larger;
		
	}
	
	#col_wrap
	{
		margin: 0;
		padding: 0;	
}
	

	/*=========================
	    /Two Column Layout
	=========================*/
	#two_column_left_content {
		FLOAT: left; 
 		WIDTH: 511px; /* 720 - 5 (shadow img) - 15 (padding) - 15 (padding) - 172 (postit) = 518*/
	 	margin: 0px 0px 40px 0px; 
		BACKGROUND: transparent;
}

	#two_column_right_content {
	 	FLOAT: right; 
	 	PADDING: 0px 0px 20px 0px; 
	 	WIDTH: 172px; /* = width of postit image*/
	 	margin: 20px 0px 50px 0px;  
	 	BACKGROUND: transparent; 
	 	display: inline;
}



/*	#two_column_left_content {
		float: left;
		width: 73%; 			/*needed if padding content text for whitespace 
		/*font-size: 1.2em;           default font size for most text in #content container
		padding-bottom: 20px;
		border: none;
	}

	#two_column_right_content {
		float: right;
		width: 23%;				/*needed if padding content text for whitespace

		padding-bottom: 20px;
		border: none;
	}*/

	#two_column_left_content, #left_content {
		font-size: 100%; 
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;  	/* works together with content widths if padding increases, content width % should be decreased */

		
	}
	
	#two_column_right_content, #right_content {
		font-size: 93%; 
		margin-top:0px;
		line-height: 130%;
	}
	
	
	/*===========================
		/Two Column EVEN Layout CLASSES
	=============================*/
		
	.two_column_even_wrap {
		padding-bottom: 15px;
		padding-left: 0px;
		padding-right: 13px;
	}
	
	.two_column_left_even {
		float: left;
		width: 45%;
		padding-bottom: 20px;
	}

	.two_column_right_even {
		float: right;
		width: 45%;
		padding-bottom: 20px;
	}

	.two_column_left_even {
		font-size: 100%; 
		margin-top:0px;
		line-height: 130%;
		padding: 0px 5px 0px 15px;
	}
	
	.two_column_right_even  {
		font-size: 100%; 
		margin-top:0px;
		line-height: 130%;
		padding: 0px 15px 0px 5px;
	}
	
	/*===========================
		/Forms CLASSES
	=============================*/
	
	.form_common .form_header
	{
		font-size: 197%; /*26px*/;
		font-weight: bold;
		margin-top: 20px;
		padding-bottom:20px;
		line-height: 130%;
	}
	
	.form_common
	{
		width:100%;
	}
	
	.form_wrapper
	{
		width: 500px;
		margin: 20px 0px 0px 20px;
	}
	
	.form_common input .form_common select
	{
		border: solid 1px #7f9db9;
	}
	
	
	.form_common textarea
	{
		border:solid 1px #7f9db9;
	}
	
	.form_common table
	{
		margin:0px;
	}
	
	
	.form_common td.form_label
	{
		width:80px;
		text-align:right;
		margin-right:40px;
	}
	
	.form_wrapper
	{
		width:500px;
	}
	
	.form_button
	{
		margin-left:108px;
		margin-top:10px;
	}
	
	.form_error_message
	{
		color:#cc0000;
		padding:5px 0px 5px 0px;
		margin-left:10px;
		font-size:larger;
	}
	
	.form_element_padding
	{
		padding-left:60px;
	}
	
	
	.error_message_left
	{
		float: left;
		padding-left:50px;
	}
	
	.error_message_sub
	{
		padding-left:50px;
		padding-top: 25px;
		font-weight:bold;
	}
	
	
	/*events*/
	
	.event_header
	{
	display: block;
	padding: .5em .5em .5em 20px;
	background-color: #d9e4f3;
	}

	.event_header_date
	{
		width:170px;
		float:left;
	}
	
.event_static_content
{
	padding-left:20px;
}
	
.event_item
{
	background-color: #ecf1f6;
	padding: 0px;
	border-bottom:1px dotted #444DA0;	
}
	
	
	.event_header_title
	{
		padding-right:0px;
		width:420px;
		float:left;
	}
	
	.news_event_item
	{
		border-bottom:1px dotted #444DA0;
		padding:4px 0;
	}
	
	/* common post-it styles*/
	
.post_it_title
{
	border-bottom: 1px #afafaf solid;
	padding-bottom: 4px;
	font-size: 100%;
	font-weight: bold;
}
.post_it_item
{
	border-bottom: 1px #999999 dotted;
	padding: 4px 0px;
}

.under_post_it
{
	margin-top:15px;
	
}

	
/*common page layout styles*/

.page_details_left
{
	float:left;
	clear:right;
	width:240px;
	border-right:solid 1px silver;
	padding-right:15px;
}

.page_details_right
{
	float:right;
	width:240px;
	padding: 0px 0px 0px 15px;
	border-left:solid 1px silver;
	margin: 0px 0px 0px -1px; 
}



.page_details_right p
{
	margin-left:0px;
	padding-left:0px;
}

.page_details_left p
{
	margin-left:0px;
	padding-left:0px;
}


/**campus page content styles**/
.campus_page_upper_content
{

}

.campus_page_details_left 
{
	float:left;
	width:49%;
}


.campus_page_upper_content h3 {
	margin: -5px 0px 0px 15px;
	}

.campus_page_details_right img {
	float: right;
	   padding:10px 0px 15px 10px;
}

	

.campus_main_pic
{
   background-color:#FFFFCC;
   border:3px solid #C1B400;
   padding:10px;
   width: 235px;
}

.campus_main_pic img
{
   padding:10px 0px;
}

.campus_main_pic h3
{
	margin:0px;
}

.campus_upper_right
{
	padding: px;
		width:45%;
		float: right;
}


.campus_upper_right h3
{
	margin: 13px 0px 0px 0px;
}

.campus_page_wide_pic
{
	min-height:160px;
	margin:20px 0px 10px 0px;
}


.news_events_details_header
{

	border-bottom:1px solid #C1B400;
	font-weight:bold;
	padding-bottom:5px;
   	font-size:10pt; 	
}



.campus_programs_ad
{
	background-color:#FFFFCC;
	border:1px solid #C1B400;
	margin:10px 0 0;
	padding:8px;
	width:133px;
}

		/*Fix some parsing inconsistancies in IE*/
	* html .campus_programs_ad {
	padding:8px 0px 8px 8px;
		}

		/* end of IE6 fix */



.community_page_upper_content
{
	background-color:#FFFFCC;
	border:3px solid #C1B400;
	padding: 15px 15px 0px 15px;
}

.community_page_upper_content h3 {
	margin: -5px 0px 0px 0px;
	}


.community_page_lower_content .campus_page_details_left img
{
	margin-top:30px;
	margin-left:10px;
}

.community_page_lower_content
{
}

.campus_page_details_right
{
	float: right;
	 width:50%;
}

/**specific table layout css**/

.layout_table table,.layout_table td, .layout_table tr
{
	padding:0px;
	margin:0px;
}


/**councils**/
.councils_wrapper
{
	padding:20px;
}

.layout_table table
{
	padding-top:10px;
}
.layout_table td
{
	padding-right:10px;
	padding-bottom:5px;
}

	/* ----------------------------------*/
	.landingpage_box {
		background-color: #ffffcc;
		padding: 0px 10px 0px 10px;
		border: 3px solid #d8c800;
		margin: 0 0 10px 0;
	}

	.landingpage_box_right {
		float: left;
		width: 46%;
		background-color: #ffffcc;
		padding: 0px 10px 0px 10px;
		border: 3px solid #d8c800;
		margin: 0 0 10px 0;
	}
	.landingpage_box_left {
		float: right;
		width: 46%;
			}
	
	/* ----------------------------------*/
	
.main_quote
{
	background-color:#ffffcc;
	margin:0px 0px 20px 0px;
	padding:15px 15px 5px 15px;
}


.main_quote_content
{
	float:right;
	width: 90%;
}

.main_quote_left {
	float: left; 

	width: 45%;	
}

.main_quote_right {
	float: right;
	margin: 58px 0px 0px 0px;
}


.main_quote_text
{
	font-style: italic;
	color: #666666;
}

.main_quote_text h3
{
	margin: 7px 0px 0px 0px;
}


.main_quote_ref
{
	color: #666666;
	float: right;
	font-size: 85%;
	padding: 0px 0px 0px 0px;
}
.main_quote_image
{
	float:left;
	clear:right;
	height:auto;
	width:auto;
	padding-left:0px;
	
}

	
	/* ----------------------------------*/

.n {background: url(../images/forms/dot.gif) repeat-x; width: 100%; BACKGROUND-COLOR: #ffffcc}
.s {background: url(../images/forms/dot.gif) 0 100% repeat-x}
.w {background: url(../images/forms/dot.gif) repeat-y}
.e {background: url(../images/forms/dot.gif) 100% 0 repeat-y}
.sw {background: url(../images/forms/sw.gif) 0 100% no-repeat}
.se {background: url(../images/forms/se.gif) 100% 100% no-repeat}
.nw {background: url(../images/forms/nw.gif) 0 0 no-repeat}
.ne {background: url(../images/forms/ne.gif) 100% 0 no-repeat; padding:10px} 
.arrow {background: url(../images/forms/arrow.gif) 50% 0% no-repeat; BACKGROUND-COLOR: transparent; width: 100%; height: 11px; margin-top: -1px} 
.form_image {MARGIN-BOTTOM: -10px; MARGIN-RIGHT: 5px}

}  /* end of @media all container*/