/*

-----------------------------------------------

Style Sheet



Site: hillelsd.com

Author:   designedbyevan.com

Version:  2007.9

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





/* undo some default styling of common (X)HTML browsers

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



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { list-style:none; }



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }





/* prevent blue linked image borders */

a img, :link img, :visited img, fieldset { border:none; }



/* Remove inconsistent (among browsers) default padding or margin */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }







/* global elements

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



/* Default font size in IE and FireFox is 16px. Default for Safari is 14px. */

html {

	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */

	}



body {

	background:url(../images/bg.gif) repeat-x #122f3e;

	font-size:.75em; /* Read by IE only. - 75% of 16px = 12px */

	font-family:Arial, Helvetica, sans-serif;

	text-align:left;

	margin-bottom:12px;

	}



html>body {

	font-size:12px; /* overrides the font-size above in all browsers except IE. These browsers can resize text that is specified in px so this is ok. */

	}



a:link, a:visited {

	color:#bf6e2b;

	}

	

a:hover, a:active {

	color:#853b1c;

	}

	



/* Classes

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



.clear {

	clear:both;

	height:.01em;

	overflow:hidden;

	}



.pic_left {

	margin:0 10px 2px 0;

	float:left;

	}



.pic_right {

	margin:0 0px 2px 10px;

	float:right;

	}



.small_text {

	font-size:.92em;

	line-height:1.2em;

	}



.copyright {

	font-size:.92em;

	color:#4e2416;

	padding-left:6px;

	}



.blue {

	color:#122d52;

	font-size:1.1em;

	}



.small {

	font-size:.92em;

	}



.big {

	font-size:1.2em;

	}

.star {
	color:#9F5E09;
	font-size:1.3em;
	font-weight:bold;
	}

.hr {

	width:100%;

	height:1px;

	background:#ccc;

	color:#ccc;

	overflow:hidden;

	margin:15px 0;

	}



.campus_heading {

	font-size:1.2em;

	font-weight:bold;

	margin-bottom:10px;

	}



.staff_photo {

	padding:1px;

	border:3px solid #18315a;

	}



.multi_campus_list {

	margin-bottom:10px;

	}



	.multi_campus_list li {

		_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding:8px 15px 8px 21px;

		line-height:1.2em;

		font-size:1.1em;

		list-style: none;

		background: transparent url(../images/blue_arrow_lrg.gif) 10px 12px no-repeat;

		font-weight:bold;

		color:#064780;

		border-bottom:1px solid #91551d;

		}

		

		.multi_campus_list li li {

			border:none;

			font-size:.82em;

			padding-bottom:0;

			background: transparent url(../images/blue_arrow_sm.gif) 10px 11px no-repeat;

			}



	.multi_campus_list a:link, .multi_campus_list a:visited, .blue_list a:link, .blue_list a:visited {

		color:#fff;

		text-decoration:none;

		}



	.multi_campus_list a:hover, .multi_campus_list a:active, .blue_list a:hover, .blue_list a:active {

		color:#1b3158;

		}



	.multi_campus_list li.last {

		border:none;

		}



/* Layout

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

#container {

	width:742px;

	background:#fff;

	margin:12px auto;

	}

	

	#container p {

		margin-bottom:10px;

		}



#header {

	background:url(../images/header_new.jpg) no-repeat;

	width:742px;

	height:178px;

	text-align:left

	}

	

	#header_home_link {

		width:275px;

		height:175px;

		display:block;

		text-indent:-5000px;

		outline:none;

		}



#university_border {

	border:4px solid #153259;

	width:365px;

	margin:15px 0;

	}



#university_list {

	background:url(../images/school_list_bg_new.jpg) no-repeat bottom #b96125;

	width: 339px;

	border:1px solid #fff;

	padding:12px;

	}

	

	#university_list h2 {

		font-size:1.2em;

		color:#fff;

		font-weight:bold;

		margin-bottom:10px;

		}

			

#left_list {

	float:left;

	width:120px;

	margin-right:27px;

	}

			

	#left_list li {

		_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding-left: 15px;

		line-height:1.8em;

		list-style: none;

		background: transparent url(../images/arrow_icon.gif) 0px 8px no-repeat;

		font-weight:bold;

		color:#153259;

		}





#right_list {

	float:left;

	width:190px;

	}

	

	#right_list li {

		_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding-left: 15px;

		line-height:1.8em;

		list-style: none;

		background: transparent url(../images/arrow_icon.gif) 0px 8px no-repeat;

		font-weight:bold;

		color:#153259;

		}

		

#left_list a:link, #left_list a:visited, #right_list a:link, #right_list a:visited, .campus_list a:link, .campus_list a:visited {

	color:#153259;

	text-decoration:none;

	}



#left_list a:hover, #left_list a:active, #right_list a:hover, #right_list a:active, .campus_list a:hover, .campus_list a:active  {

	color:#fff;

	text-decoration:none;

	}



#home_column_left {

	width:373px;

	float:left;

	display:inline;

	margin:16px 24px 16px 16px;

	line-height:1.5em;

	}



#home_column_left h3, #home_column_right h3 {

	color:#153259;

	font-size:1.2em;

	font-weight:bold;

	}



#page_title {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:1.4em;

	font-weight:bold;

	margin-bottom:5px;

	color:#153259;

	}



#home_column_right {

	width:314px;

	float:left;

	display:inline;

	line-height:1.5em;

	}



#flash_box {

	margin:16px 0;

	padding:1px;

	border:6px solid #183257;

	}

	

#flash_box p {

	margin:0;

	}



#donate_now {

	background:url(../images/donate_now.gif) no-repeat;

	width:314px;

	height:41px;

	display:block;

	text-indent:-5000px;

	outline:none;

	margin-bottom:16px;

	}

	

	#donate_now:hover {

		background-position: 0px -41px;

		}







/* ----- Subpage Styles ----- */ 



#single_column {

	width:712px;

	padding:15px;

	}



#sub_column_left {

	width:210px;

	float:left;

	display:inline;

	margin:16px 16px 16px 16px;

	line-height:1.5em;

	}



#sub_column_left h3 {

	color:#fff;

	font-size:1.4em;

	font-weight:bold;

	margin-bottom:5px;

		font-family:"trebuchet MS", Arial, Helvetica, sans-serif;

	}


#single_column h3 {
	font-size:1.2em;
	}
	

#sidebar {

	background:url(../images/sidebar_bg.gif) repeat-y #b96225;

	width:210px;

	}



	#sidebar p {

		font-size:.92em;

		line-height:1.2em;

		color:#18315a;

		margin-bottom:5px;

		}



#sidebar_top {

	height:5px;

	width:210px;

	background:url(../images/sidebar_top.gif) no-repeat;

	overflow:hidden;

	}



#sidebar_image {

	background:url(../images/subpage_sidebar_new.jpg) no-repeat bottom;

	padding:10px 17px 17px 17px;

	}



#sub_column_right {

	width:484px;

	float:left;

	display:inline;

	line-height:1.5em;

	margin-top:12px;

	}

	

	#sub_column_right p {

		margin-bottom: 12px;

		}

	

	#sub_column_right h2, #single_column h2 {

		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

		font-size:1.4em;

		font-weight:bold;

		margin-bottom:10px;

		color:#153259;

		}

	

	#sub_column_right ul.sytled_list {

		margin-left:10px;

		}

		

	#sub_column_right ul.sytled_list li {

		_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding-left: 12px;

		line-height:1.2em;

		margin-bottom:6px;

		list-style: none;

		background: transparent url(../images/bullet_square.gif) 0px 5px no-repeat;

		}



.campus_list {

	font-size:.92em;

	margin:5px 0 0 5px;

	

	}



	.campus_list li {

		/*_position:relative;	 to fix the IE bullet peekaboo pug...NOTE: MUST BE REMOVED FOR DROP-DOWNS TO WORK IN IE 6 */

		padding-left: 10px;

		line-height:1.2em;

		margin-bottom:6px;

		list-style: none;

		background: transparent url(../images/arrow_icon.gif) 0px 3px no-repeat;

		font-weight:bold;

		color:#153259;

		}

		

		.campus_list li.selected a:link, .campus_list li.selected a:visited, .campus_list li.selected a:hover, .campus_list li.selected a:active {

			color:#fff;

			}



.sidebar_divider {

	background:url(../images/horizontal_sidebar_divider.gif) repeat-x;

	height:1px;

	overflow:hidden;

	margin:20px 0;

	}

		



#contact_divider {

	background:url(../images/contact_divider.gif) repeat-y;

	width:484px;

	margin-top:10px;

	}



#contact_left {

	width:226px;

	float:left;

	display:inline;

	margin-right:32px;

	text-align:center;

	}

	

#contact_right {

	width:226px;

	float:left;

	display:inline;

	text-align:center;

	}



.content_list {

	font-size:.92em;

	margin:5px 0 10px 15px;

	}



	.content_list li {

		/*_position:relative;	 to fix the IE bullet peekaboo pug...NOTE: MUST BE REMOVED FOR DROP-DOWNS TO WORK IN IE 6 */

		padding-left: 10px;

		line-height:1.2em;

		margin-bottom:6px;

		list-style: none;

		background: transparent url(../images/list_bullet.gif) 0px 5px no-repeat;

		font-weight:bold;

		color:#153259;

		}



.alumni_list {

	margin:5px 0 10px 50px;

	}

	

	.alumni_list li {

		_position:relative;	 /*to fix the IE bullet peekaboo pug */

		padding-left: 10px;

		line-height: 1.4em; /*lists must have a line-hieght to get bullets to line up properly cross-browser */

		list-style: none;

		background: transparent url(../images/list_bullet.gif) 0px 6px no-repeat;

		margin-bottom:10px;

		width:300px;

		}

		

		.alumni_list ul {

			margin-left:15px;

			}



.director_list li {

	padding-left:15px;

	font-size:.92em;

	}

	

	

#north_county_students {

	background:url(../images/north_county_students.gif) no-repeat;

	width:178px;

	height:28px;

	text-indent:-5000px;

	}



#central_county_students {

	background:url(../images/central_county_students.gif) no-repeat;

	width:178px;

	height:28px;

	text-indent:-5000px;

	}



#north_county_title {

	background:url(../images/north_county_students_main.gif) no-repeat;

	width:232px;

	height:30px;

	text-indent:-5000px;

	}

	

#central_county_title {

	background:url(../images/central_county_students_main.gif) no-repeat;

	width:232px;

	height:30px;

	text-indent:-5000px;

	}



#north_county_blurb {

	width:232px;

	float:left;

	margin-right:19px;



	}



#central_county_blurb {

	width:232px;

	float:left;



	}

	

#north_county_content, #central_county_content {

	padding:10px;

	background:url(../images/campus_blurb_bg.gif) repeat-x bottom left #ffecd0;

	width:212px;

	font-size:.92em;

	}



#facebook_north_county {

	width:176px;

	height:48px;

	background:url(../images/facebook_north_county.gif) no-repeat;

	display:block;

	outline:none;

	text-indent:-5000px;

	margin:10px 0;

	}

	

	#facebook_north_county:hover, #facebook_north_county:active {

		background-position:0px -48px;

		}



#facebook_csusm {

	width:176px;

	height:48px;

	background:url(../images/facebook_csusm.gif) no-repeat;

	display:block;

	outline:none;

	text-indent:-5000px;

	margin:10px 0;

	}

	

	#facebook_csusm:hover, #facebook_csusm:active {

		background-position:0px -48px;

		}



#facebook_palomar {

	width:176px;

	height:48px;

	background:url(../images/facebook_palomar.gif) no-repeat;

	display:block;

	outline:none;

	text-indent:-5000px;

	margin:10px 0;

	}

	

	#facebook_palomar:hover, #facebook_palomar:active {

		background-position:0px -48px;

		}





#facebook_miracosta {

	width:176px;

	height:48px;

	background:url(../images/facebook_miracosta.gif) no-repeat;

	display:block;

	outline:none;

	text-indent:-5000px;

	margin:10px 0;

	}

	

	#facebook_miracosta:hover, #facebook_miracosta:active {

		background-position:0px -48px;

		}









.two_column_bg {
	background:url(../images/2_col_bg.gif) repeat-y;
	width:712px;
	margin-bottom:40px;
	}

.two_column_left {
	width:346px;
	float:left;
	display:inline;
	margin-right:20px;
	}

.two_column_right {
	width:346px;
	float:left;
	display:inline;
	}

.orange_title {
	background:#f9ebb4;
	margin-bottom:0;
	padding:4px;
	text-align:center;
	}

.two_column_content {
	padding:15px;
	}


.ticket_button {
	display:block; 
	width:250px; 
	background:url(../images/ticket_button.gif) no-repeat;
	height:56px;
	color:#fff; 
	font-size:1.4em; 
	padding:15px; 
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	line-height:1.1em;
	}
	
	a:link.ticket_button, a:visited.ticket_button {
		color:#fff;
		text-decoration:none;
		}

a:hover.ticket_button, a:active.ticket_button {
	background-position: 0px -86px;
	}

	

/* ----- footer ----- */ 

#bottom_line {

	background:#153259;

	width:740px;

	height:4px;

	margin:0px 0 1px 1px;

	overflow:hidden;

	}



#footer {

	background:url(../images/footer.gif) repeat-x bottom #c5972d;

	width:740px;

	margin:0 0 0 1px;

	padding:5px 0;

	}

	

	#footer ul {

    	margin: 0 0 0px 0;

   		padding: 0;

    	}



 	#footer li {

    	margin: 0;

    	padding: 0 5px 0 7px;

    	display: inline;

    	border-left: 1px solid #153258;

    	font-size: .92em;

    	line-height:1.4em;

    	background: none;

		color:#000;

    	}



	#footer li.first { 

    	border: none;

    	}



	#footer a:link, #footer a:visited{

		color:#153258;

		text-decoration:none;

		}



	 #footer a:hover, #footer a:active {

	 	color:#ffffff;

		text-decoration:none;

		}





/* ------ Calendar Link Styles ------ */

#calendar_links {

	background:#BB6726;

	width:676px;

	margin:0;

	padding:5px 15px;

	font-size:.92em;

	border:1px solid #fff;

	}

	

	#calendar_links_container {

		border:2px solid #1B3158;

		margin-bottom:15px;

		}

	

	#calendar_links ul {

    	margin: 0 0 0px 0;

   		padding: 0;

    	}



 	#calendar_links li {

    	margin: 0;

    	padding: 0 5px 0 7px;

    	display: inline;

    	border-left: 1px solid #153258;

    	line-height:1.4em;

    	background: none;

		color:#000;

    	}



	#calendar_links li.first { 

    	border: none;

		padding-left:0;

    	}



	#calendar_links a:link, #calendar_links a:visited{

		color:#ffffff;

		text-decoration:none;

		}



	 #calendar_links a:hover, #calendar_links a:active {

	 	color:#1B3158;

		text-decoration:none;

		}





/* ----- global form elements ----- */ 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */

	border:1px solid #414141;

	color:#000;

	width:215px; /* 7 pixels smaller than form width !important */

	margin-bottom:8px; /* sets vertical spacing between fields */

	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:Arial, Helvetica, sans-serif; 

	}

	

.paypal input, .paypal textarea, .paypal select, #home .paypal input, #home .paypal textarea, #home paypal select {

	border:none;

	width:auto;

	padding:inherit;

	}


#newsletter_form label.error { float: none; color: red; padding-left: .5em; vertical-align: top; width:300px; }



/* Homepage Newsletter Sign-Up Form

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



#newsletter_form fieldset {

	margin:10px 0 0 0;

	padding:0px 0 0 0;

	}

	

	#newsletter_form fieldset.boxed_in {

	margin: 1em 0; /*  space out the fieldsets a little*/

	padding:0px 20px 20px 20px;

	border : 1px solid #ccc;

	background:url(../images/form_bg.gif) repeat-x bottom left;

	}

	

	#newsletter_form fieldset.boxed_in input, #newsletter_form fieldset.boxed_in textarea, #newsletter_form fieldset.boxed_in select {

		margin-bottom:12px;

		}



.checkbox {

	width:13px;

	height:13px;

	border:none;

	background:none;

	margin:3px 6px 10px 110px ;

	}





#newsletter_form legend {

	 font-weight: bold;

	}



#newsletter_form br {

	clear:left;

	}



#newsletter_form label {

	font-size:.92em;

	font-weight:bold;

	margin-right:10px;

	width:100px;

	}



#newsletter_form input, #newsletter_form select, #newsletter_form label {

	float:left;

	}



#newsletter_form select {

 width:222px; padding:0; font-size:.92em; } /* same width as form - !important */



#home input, #home textarea {

	width:190px;

	}

	

 #home #newsletter_form select {

 	width:196px;

	}

	



#submit_button {

	background:url(../images/submit.gif) no-repeat;

	width:52px;

	height:20px;

	border:none;

	text-indent:-5000px;

	cursor:pointer;

	}



#submit_button:hover {

 	background-position: 0 -20px;

	}





	#newsletter_form #submit_button {

		margin:0 0 0 110px;

		padding:0;

		}





/* Split-List

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



/* separate the list from surrounding elements */

.split_list

{

  margin: 0 0 1em 15px;

  padding: 0;

  font-size:.92em

}



.split_list li

{

  /* Stipulate the height of each item so that 

  vertical return = items * height */



  line-height: 1.6em;



  /* Clear the default margins & padding 

  so we can style the list from scratch */



  margin: 0;

  padding: 0;

}



/* If li position is left static, Internet 

Explorer disables hyperlinks in the list 

in all but the final column.



This rule will be processed only by 

Internet Explorer because only IE believes 

that there’s a level above HTML: */



* html .split_list li

{

	position: relative;

}



/* horizontal position of each column */



.split_list li.column1 { margin-left: 0em; }

.split_list li.column2 { margin-left: 20em; }

.split_list li.column3 { margin-left: 20em; }



/* Bring the first item of each column 

back up to the level of item 1.

Vertical return = items * height.

Here, 5 items * 1.2em line-height = 6em */



li.reset

{

  margin-top: -19.4em;

}







/* Horizontal Sprite Nav

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



#nav { 

	background:url("../images/nav.gif") no-repeat; 

	width:742px; 

	height:44px; 

	margin:0;

	padding:0; 

	}



#nav span { display: none; }



#nav li, #nav a { height:44px; display:block; outline:none; } /* change height here also */



#nav li { float:left; list-style:none; _display:inline; position:relative; }



#nav-01 { width: 69px; left: 0px;}

#nav-02 { width: 106px; left: 1px; }

#nav-03 { width: 165px; left: 2px; }

#nav-04 { width: 99px; left: 3px; }

#nav-05 { width: 130px; left: 4px; }

#nav-06 { width: 81px; left: 5px; }

#nav-07 { width: 86px; left: 6px; }





/*-------------- (-79px) X position of button / (-44px) height of image from above ------------- */

#nav-01 a:hover { background:url("../images/nav.gif") -0px -44px no-repeat; }

#nav-02 a:hover { background:url("../images/nav.gif") -70px -44px no-repeat; cursor:default; }

#nav-03 a:hover { background:url("../images/nav.gif") -177px -44px no-repeat; cursor:default; }

#nav-04 a:hover { background:url("../images/nav.gif") -343px -44px no-repeat; cursor:default; }

#nav-05 a:hover { background:url("../images/nav.gif") -443px -44px no-repeat; cursor:default; }

#nav-06 a:hover { background:url("../images/nav.gif") -574px -44px no-repeat; }

#nav-07 a:hover { background:url("../images/nav.gif") -656px -44px no-repeat; }









/* Son of Suckerfish: Horizontal Sprite Nav

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



#nav li ul {

	position:absolute;

	left:-9999px;

	

	text-align:left;

	float:left;

	z-index:5;

	

	}



#nav li ul li { 

	height:22px; 				/* Height of each drop down nav item */

	border:1px solid #fff;

	border-top:none;

	background-color:#153259; /* Put background here! Not in the ul!!*/

	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */

	

	}	



#nav li ul li a {

	width:100%;

	height:22px;				/* Height of each drop down nav item, should match above */

	line-height:22px;			/* Height of each drop down nav item again, should match above */

	

	}



#nav li ul li a span {

	display:block;

	padding-left:5px;

	}



/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	font-size:.92em;

	color:#fff;

	text-decoration:none;

	}



#nav li:hover ul, #nav li.sfHover ul	{ left:0; }



/* Hover styles for drop down items */

#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover { 

	background-image:none;

	background-color:#a95421;

	color:#fff;

	text-decoration:none;

	cursor:pointer; 

	}



/* width of drop down nav - choose width that allows items to display on one line */

#nav-02 ul, #nav-02 li { width:133px; }	

#nav-03 ul, #nav-03 li { width:157px; }		

#nav-04 ul, #nav-04 li { width:135px; }

#nav-05 ul, #nav-05 li { width:73px; }