/*
-----------------------------------------------
Style Sheet

Site: Hillel Graduate Students.com
Author:   designedbyevan.com
Version:  2009.4
----------------------------------------------- */


/* 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
 * ------------------------------------------------------------------------- */

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

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

body {
	background-color: #122f3e;
	font-size:.75em; /* 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:0px;
	color:#000;
	}

a:link, a:visited {
	color:#b0520a;
	}
	
a:hover, a:active {
	color:#f3710d;
	}

h2 {
	font-size:1.4em;
	}
	

/* 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;
	}

.raquo {
	font-size:1.2em;
	color:#fff;
	}

.hr {
	width:100%;
	height:1px;
	margin:20px 0;
	color:#ccc;
	background:#ccc;
	overflow:hidden;
	}
	
	#column_left .hr {
		color:#ffe8ba;
		background:#ffe8ba;
		}

.big {
	font-size:1.2em;
	}

/* Layout
 * ------------------------------------------------------------------------- */

#container {
	width:732px;
	padding:5px;
	margin:10px auto;
	line-height:1.6em;
	background:#fff;
	}

#header {
	background:url(../images/header.jpg) no-repeat;
	width:732px;
	height:170px;
	text-align:left
	}
	
	#header_home_link {
		width:250px;
		height:150px;
		margin-left:20px;
		display:block;
		text-indent:-5000px;
		outline:none;
		}
		
#content_container {
	padding:10px 5px 5px 5px;
	width:722px;
	}
	
	#content_container h1 {
		font-size:1.6em;
		margin-bottom:10px;
		font-weight:normal;
		color:#012a60;
		}
		
	#content_container h2 {
		font-size:1.2em;
		margin-bottom:5px;
		font-weight:bold;
		color:#012a60;
		}
	
#home_column_left {
	width:314px;
	float:left;
	display:inline;
	margin-right:20px;
	}

#home_column_right {
	width:388px;
	float:left;
	display:inline;
	}

#join_email_list {
	width:388px;
	background:url(../images/join_the_email_list.gif) no-repeat #18305c;
	height:26px;
	margin-bottom:1px;
	text-indent:-5000px;
	}

#email_list {
	background:url(../images/email_signup_gradient.gif) repeat-x #feeccf;
	width:368px;
	padding:10px;
	font-size:.92em;
	}

#flash_photos {
	width:370px;
	border:8px solid #18305c;
	padding:1px;
	height:282px;
	background:#fff;
	margin-top:22px;
	}

#column_left {
	width:180px;
	padding:10px 10px 200px 10px;
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../images/sidebar.gif) no-repeat bottom left #ffd072;
	font-size:.92em;
	line-height:1.4em;
	}

#facebook_button {
	background:url(../images/facebook_button.gif) no-repeat;
	width:180px;
	height:59px;
	display:block;
	outline:none;
	text-indent:-5000px;
	}
	
	#facebook_button:hover, #facebook_button:active {
		background-position:0px -59px;
		}
	
#column_right {
	float:left;
	display:inline;
	width:502px;
	}
	
	#column_right ul {
		margin-left:10px;
		}
	
	#column_right ul 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.gif) 0px 4px no-repeat;
		color:#153259;
		}



.address_text {
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	color:#000;
	width:195px;
	float:left;
	margin-bottom:10px;
	}
	


.sub_contact_info_title {
	font-size:.92em;
	font-weight:bold;
	float:left;
	color:#18305c;
	margin-bottom:8px;
	width:60px;
	}



#footer {
	width:732px;
	margin:0 auto 12px auto;
	font-size: .92em;
	color:#fff;
	}


#footer ul {
    	margin: 0 0 10px 0;
   		padding: 0;
    	}

 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 7px;
    	display: inline;
    	border-left: 1px solid #fff;
    	
    	line-height:1.4em;
    	background: none;
		color:#000;
		font-weight:bold;
    	}

	#footer li.first { 
    	border: none;
		padding:0 5px 0 0;
    	}

	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#e79412;
		text-decoration:none;
		}


#email_signup_form label.error {
	color:#ff0000;
	}


/* email list sign-up form
 * ------------------------------------------------------------------------- */

#email_list input {
	width:146px;
	float:left;
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	margin-top:5px;
	padding-left:2px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	border:1px solid #887b66;
	} 

#email_list label {
	font-weight:bold;
	color:#012a60;
	float:left;
	margin-right:10px;
	padding-top:5px;
	}

#email_list input#go {
	width:23px;
	height:18px;
	padding:0;
	border:0;
	float:left;
	margin-left:5px;
	}









/* Subpage email list sign-up form
 * ------------------------------------------------------------------------- */

#email_list_sub {
	width:180px;
	margin-top:5px;
	}
	
	#email_list_sub label.error {
	color:#ff0000;
	}


#email_list_sub input {
	width:146px;
	float:left;
	background-color:#FFF !important; /* to prevent highlighting by Google Toolbar */
	color:#000;
	margin-top:0px;
	padding-left:2px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	border:1px solid #887b66;
	} 

#email_list_sub label {
	font-weight:bold;
	color:#012a60;
	}

#email_list_sub input#go {
	width:23px;
	height:18px;
	padding:0;
	border:0;
	float:left;
	margin-left:5px;
	}	






/* form

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





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






input.submit { 

	width:60px; 

	cursor:pointer; 

	padding:0 0 3px 0; 

	}

	


/* ----- Main Contact Form ----- */

#contact-main { 
	padding:20px 0 10px 0; 
	float:left;
	width:358px;
	}
	
#contact-main label { 
	width:65px; 

	float:left;
	text-align:right; 
	margin-right:10px;
	font-size:1em;
	font-weight:bold;
	}
	

	
	#contact-main label.error {
		color:#f00;
		width:200px;
		margin-left:73px;
		text-align:left;

		}
	
#contact-main input, #contact-main textarea, #contact-main select { 
	width:170px;
	float:left;
	margin-bottom:10px;
	border:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	}
	
#contact-main select {
	width:175px;
	}
	
#contact-main textarea { 
	height:100px;
	width:270px;
	}
	


#contact-main input.submit-contact-main { 
	margin:0 0 0 73px;
	padding:0 0 0px 0;
	width:70px;
	cursor:pointer;  
	}






/* Button Nav (on homepage)
 * ------------------------------------------------------------------------- */
#button_nav { background:url("../images/button_nav.gif") no-repeat; width:314px; height:291px; position:relative; margin-top:15px; }
#button_nav li { position:absolute; }
#button_nav li, #button_nav a { height:50px; display:block; }
#button_nav span { display: none; }

#button_nav-01, #button_nav-02, #button_nav-03, #button_nav-04, #button_nav-05 { width:314px; left:0; }

#button_nav-01 { top: 0; }
#button_nav-02 { top: 60px; }
#button_nav-03 { top: 120px; }
#button_nav-04 { top: 180px; }
#button_nav-05 { top: 240px; }

#button_nav-01 a:hover { background: transparent url("../images/button_nav.gif") -314px  -0px  no-repeat;}
#button_nav-02 a:hover { background: transparent url("../images/button_nav.gif") -314px  -60px  no-repeat;}
#button_nav-03 a:hover { background: transparent url("../images/button_nav.gif") -314px  -120px  no-repeat;}
#button_nav-04 a:hover { background: transparent url("../images/button_nav.gif") -314px  -180px  no-repeat;}
#button_nav-05 a:hover { background: transparent url("../images/button_nav.gif") -314px  -240px  no-repeat;}







/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:732px; 
	height:36px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

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

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

#nav-01 { width: 78px; left: 0px;}
#nav-02 { width: 84px; left: 1px; }
#nav-03 { width: 90px; left: 2px; }
#nav-04 { width: 79px; left: 3px; }
#nav-05 { width: 78px; left: 4px; }
#nav-06 { width: 95px; left: 5px; }
#nav-07 { width: 96px; left: 6px; }


/*-------------- (-79px) X position of button / (-36px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") -0px -36px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -79px -36px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -164px -36px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -255px -36px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -335px -36px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -414px -36px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -510px -36px 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{ 
	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; }