@charset "utf-8";
/* Default LF CSS */

body {  font: 62.5%/1.5 Helvetica, Arial, sans-serif; }


/* Clear styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:1em;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
br.clear { clear:both; height:0; margin:0; font-size: 1px; line-height:0px;} 


/*      Default Form Styles      */
input, select, label, textarea { font-size:1em; padding:2px 3px 2px 2px; margin:2px 0 4px 0; display:block;}
input[type=hidden] { display:none; }
input.submit { margin:5px 0 15px 0; padding:3px; font-size:120%; color:#003300;}
textarea { width:90%; height:200px;}


/*      Error Handling      */
.success { font-size:105%; color:#006600; margin:10px 0; font-weight:bolder;}
.error, .alert { border-top:1px solid #FF0000; border-bottom:1px solid #FF0000; padding:0px 15px; text-align:left; font-style:italic; color:#FF0000; font-size:105%; font-weight:bolder;}
#flash_notice { width:350px; left:50%; margin:0 0 0 200px; text-align:center; font-size:1em;}


/*      Link Styles      */
a {  cursor:pointer; outline-style:none;}
a, a:link, a:visited { color:#0c3695; text-decoration:none;}
a:hover { color:#990000 !important}
a.delete { color:#CC0000 !important}
a.delete:hover { color:#333333;}


/*      Header Styles      */
h1 { font-size:140%; font-weight:normal; margin:10px 0 0 0; color:#333333;}
h2 { font-size:120%; font-weight:normal; margin:0 0 5px 0px; color:#666666;}
  h2 em { font-style:normal; color:#000000; font-weight:bolder;}
h3 { font-size:130%; font-weight:normal; margin:0px 0 5px 0px; color:#2d539c;}
h4 { font-size:110%; font-weight:normal; margin:0px 0 5px 0px; color:#999999;}


/*      Base Layout CSS         */
#header { height:166px; width:100%; background:url(../images/topBg.png) top left repeat-x;}
#nav { height:36px; width:468px; clear:both;}
#container { width:780px; text-align:left;}
#left { width:30%; float:left; margin:20px 0 0 0;}
#right { width:65%; float:right; margin:20px 0 0 0;}
#mid { width:25%; float:left; margin:20px 0 0 0;}
#footer { height:90px; width:100%; background:url(../images/footerBg.png) top left repeat-x; color:#CCC; font-size:85%; padding:5px 0 0 0;}
  #footer a:link, #footer a:visited { color:#FFF; font-weight:bolder;}
  #footer a:hover { color:#CCC; border-bottom:1px solid #CCCCCC;}


/*      List styles         */
.move li {cursor:move !important}
ul.list, ul.feed { margin:0 0 30px 0; padding:0 0 0 0;}
  ul.list li a:link, ul.list li a:visited { display:block; padding:3px 5px; border-bottom:1px solid #e6e5e5;}
  ul.list li.active a:link, ul.list li.active a:visited { color:#000000;}
  ul.list li a:hover { background:#f9f9f9;}
  ul.list li.active { margin:0 0 0 -5px; color:#000000; font-weight:bolder;}
ul.feed li { padding:3px 5px 5px 3px; border-bottom:1px solid #e6e5e5; font-size:95%; width:auto; clear:both; color:#666666;}
  ul.feed li span.right { font-size:90%; color:#999999; margin:-1.5em 0 0 0;}
  ul.feed li div.right { font-size:95%; color:#999999; margin:5px 0 0 0;}
  ul.feed li:hover { background:#f9f9f9;}
  ul.feed li a:link, ul.feed li a:visited { display:inline; padding:0; color:#13539a; border-bottom:0;}
  ul.feed li a:hover { color:#000;}

ul.move li { background:url(../images/move.png) center left no-repeat; padding:3px 5px 5px 20px; cursor:move !important }

/*      Repeating styles         */
.info { color:#666666; background:none; font-size:86%; margin:0; padding:0 !important}
.highlight { background:#f8f8f8; padding:3px 6px; margin:6px 0; color:#333333 !important}
.right { float:right !important}
.left { float:left !important}
.em { font-style:italic !important}
.read { font-style:italic; color:#CCCCCC; font-size:90% !important}
.unread { color:#999999; font-size:90% !important}
.small { font-size:85% !important}
.big { font-size:130% !important}
.huge { font-size:200% !important}
.tiny { font-size:70% !important}
.thin { line-height:70% !important}
.center { text-align:center !important}
.sitRight { float:left; margin:-38px 0 0 150px;}
.fontN { font-weight:500; font-style:normal !important}
.half { width:49% !important}
.bold { font-weight:bold !important}
.black { color:#000000 !important}
.grey { color:#999999 !important}
center.white { background-color:#FFFFFF !important}
.drag { cursor:move;}
.pic { margin-left: 8px; }


/*      NJ Ballot         */

body { background-color:#eaeaea; }

#container { width:960px; }

#header { height:170px; background-color:#d8d8d8; position: relative; }
	#logo { margin:60px 0 0 15px; float:left; }
	#logo img { width: 460px; }
	#official { float:right; margin:90px 20px 0 0; height: 20px; }
	#header .subNav { text-align: right; position: absolute; font-size: 1.3em; margin: 7px 0 0; right: 25px;  }

	#nav { background-image:url(/images/navBg.png); background-repeat:repeat-x; width:100%; height:45px; }
		#nav li { float:left; padding:11px 0; }
		#nav a { font-size:1.6em; color:#d9d9d9; padding:8px 30px; letter-spacing:.06em; }
		#nav a:hover, #nav li.active a { color:#fff !important; }

#flash { margin:18px 0 ; } 

#content, #contentView { background-color:#fff; margin-top:15px; padding-bottom:20px; }

#footer { background-image:url(/images/navBg.png); background-repeat:repeat-x; width:100%; margin-top:20px; color:#fff; }
	#footer p { font-size:1.2em; padding:10px 0 0 30px; letter-spacing:.08em }
	#footer a { text-decoration:underline !important; }
	#footer #njballet { float:right; text-decoration:none !important; margin-right:30px; }
	#footer a:hover { color:#999 !important;  border:none;}
	
	
#content h1 { font-family:Perpetua, Cambria, Georgia, Times New Roman; font-size:2.6em; margin:0; }
	
	
/*		home		*/  

	
#home #container #news { min-height:275px; width:320px; float:left; background-color:#fff; padding:12px 20px; }
	#home #container #news h2 { font-size:2.6em; margin:0; color:#353535; }
	
	#home #container #news h3 { font-size:2.4em; margin:3px 0 0; line-height:25px; color:#900; }
	#home #container #news h3:hover { color:#333 !important; }
	#home #container #news h4 { font-size:1.1em; color:#9e9e9e; }
	#home #container #news p { font-size:1.3em; line-height:18px; color:#3a3a3a; }
	
#home #container #events { min-height:290px; width:320px; float:left; background-color:#fff; margin-left:22px; padding:12px 20px; }
	#home #container #events h1 { margin:0; color:#373737; font-size:2.6em; }
	#home #container #events .yellow { background-color:#fffcd0; }
	
	#home #container #events table { width:100%; font-size:1.2em; color:#474747; }
	#home #container #events table tr { padding:5px; }
	#home #container #events table tr td { padding:5px; }
	#home #container #events table tr td.left { width:110px; float:none; }
	#home #container #events table tr td.right { width:190px; float:none; }

#home #container #locations, #contact #container #locations { min-height:300px; width:160px; float:right; background-color:#848484; padding:12px 20px 5px; }
	#home #container #locations h2, #contact #locations h2 { font-size:2.6em; color:#fff; margin:0; }
	#home #container #locations h3, #contact #locations h3 { font-size:1.3em; color:#bc0000; margin:5px 0 0; }
	#home #container #locations p, #contact #locations p { font-size:1.3em; color:#fff; }

#news h2, #events h1, #locations h2 { font-family:Perpetua, Cambria, Georgia, Times New Roman; }



/*		about		*/

#about #content #left { width:600px; float:left;  border-right:1px solid #e5e5e5; padding:0 20px; }
	#about #content #left h2 { font-size:2em; color:#900000; margin:0; }
	#about #content #left p { font-size:1.3em; line-height:1.2em; color:#3a3a3a; line-height:18px; }
	#about #content #left .section { margin-bottom:15px; }
	
#about #content #right { float:right; width:280px; background-image:url(/images/rightStripes.png); min-height:280px; margin-right:20px; }
	#about #content #right #vertName { float:left; padding:0 10px; }
	#about #content #right #about_nav { width:70%; font-size:1.4em; padding-left:2px; }
		#about #content #right #about_nav li { padding:7px 0 5px 15px; }
		#about #content #right #about_nav a { color:#a26e6e !important; display:block; }
		#about #content #right #about_nav li.active { color:#fff; background-color:#a30303; }
		#about #content #right #about_nav li.active a { color:#fff !important; }
		
		
/*		faculty			*/

#faculty #content #left { width:600px; float:left;  border-right:1px solid #e5e5e5; padding:0 20px; }
	#faculty #content #left h2 { font-size:1.6em; }
	#faculty #content #left img { padding-left:5px; }
	#faculty #content #left p { font-size:1.4em; }

#faculty #content #right { float:right; width:280px; background-image:url(/images/rightStripes.png); min-height:280px; margin-right:20px; }
	#faculty #content #right #vertName { float:left; padding:0 9px; }
	#faculty #content #right h2 { background-color:#990000; display:block; color:#fff; padding:5px 15px 3px;}
	#faculty #content #right #fac_nav { float:right; width:71%; font-size:1.4em; }
	#faculty #content #right #fac_nav ul { margin-bottom:20px; }
	#faculty #content #right #fac_nav ul li { padding:3px 15px; }
	#faculty #content #right #fac_nav ul li a { color:#a26e6e; display:block; }




/*		calendar		*/

#calendar #content, #calendar #contentView { padding:20px 25px; position:relative; }
	#calendar #content .prevMonth { float:left; font-size:1.4em; position:absolute; padding-top:10px; }
	#calendar #content .nextMonth { right:25px; font-size:1.4em; position:absolute; padding-top:10px; }
		#calendar #content .prevMonth a,#calendar #content .nextMonth a { color:#a7a7a7; }

#calendar #content .calendar { width:100%;  }
	
#calendar #content .calendar tbody { font-size:1.2em; }
	
#calendar #contentView { }
	#calendar #contentView h1 { font-size:2.4em; color:#900; }
	
	
/*		gallery			*/

#gallery #content #left { width:600px; float:left;  border-right:1px solid #e5e5e5; padding:0 20px; }

#gallery #content #right { float:right; width:280px; background-image:url(/images/rightStripes.png); min-height:280px; margin-right:20px; }
	#gallery #content #right #vertName { float:left; padding:0 10px; }
	#gallery #content #right #gal_nav { width:73%; font-size:1.4em; padding-left:75px; }
		#gallery #content #right #gal_nav li { padding:5px 0 3px 10px; }
		#gallery #content #right #gal_nav a { color:#a26e6e !important; display:block; }
		#gallery #content #right #gal_nav li.active { color:#fff; background-color:#a30303; }
		#gallery #content #right #gal_nav li.active a { color:#fff !important; }
	

/*		blogs - news		*/

#blog #content #left { width:600px; float:left;  border-right:1px solid #e5e5e5; padding:0 20px; }
	#blog #content #left h2 { font-family:Perpetua, Cambria, Georgia, Times New Roman; font-size:1.8em; margin:5px 0 0; }
	#blog #content #left h1 .recent { float:right; font-size:.6em; padding-top:10px; }
		#blog #content #left h1 .recent a { color:#333; }
	
	#blog #content #left .blog { min-height:230px; position:relative; }
	#blog #content #left .blog h2 { font-size:2.4em; margin:0; line-height:1; }
	#blog #content #left .blog h2 a { color:#900; }
	#blog #content #left .blog h2 a:hover { color:#333 !important; }
	#blog #content #left .blog h4 { font-size:1.1em; color:#9e9e9e; margin-bottom:10px; }
	#blog #content #left .blog p { font-size:1.3em; line-height:1.2em; color:#3a3a3a; line-height:18px; }
	#blog #content #left .blog img { float:right; padding-left:5px; }
	#blog #content #left .blog .bot {  width:95%; background-color:#f7f7f7; border-bottom:1px solid #dedede; padding:5px 15px; font-size:1.2em; font-weight:bold; margin:5px 0; float:left; }
	#blog #content #left .blog .bot .tags { position:relative; float:left; color:#979797; }
	#blog #content #left .blog .bot .comments { position:relative; float:right; color:#979797; }
	
	#blog #content #left .blog .bot .tags a, #blog #content #left .blog .bot .comments a { color:#4d4d4d; }

	#blog #content #left .files { font-size:1.3em; }

	#blog #content #left #blog_viewpics li { float:left; margin-right:10px; }

	#blog #content #left .comment { border-bottom:1px solid #999; }
	#blog #content #left .comment .about { font-size:1.3em; float:left; width:170px; font-weight:bold;}
	#blog #content #left .comment .about p { font-size:.7em; font-weight:normal;}
	#blog #content #left .comment .comm_content { float:right; width:400px; font-size:1.2em; }
	

#blog #content #right { float:right; width:280px; background-image:url(/images/rightStripes.png); min-height:280px; margin-right:20px; }
	#blog #content #right #vertName { float:left; padding:0 9px; }
	#blog #content #right #blog_nav { float:right; width:71%; font-size:1.4em; }
	#blog #content #right #blog_nav ul { margin-bottom:20px; }
	#blog #content #right #blog_nav ul li { padding:3px 15px; }
	#blog #content #right #blog_nav ul li a { color:#a26e6e; display:block; }
	#blog #content #right h2 { background-color:#990000; display:block; color:#fff; padding:5px 15px;}
	/*	old header color - #530101

/*		contact				*/

#contact #form { width:325px; float:left;  border-right:1px solid #e5e5e5; padding:0 15px; background-color:#fff; }
	#contact #form h1 { font-family:Perpetua, Cambria, Georgia, Times New Roman; font-size:2.2em; }
	#contact #form label { font-size:1.4em; }
	#contact #form input { font-size:1.4em; width:290px; border:1px solid #999; padding:4px; }
	#contact #form textarea { font-size:1.8em; width:290px; }
	#contact #form #submitbutton { display:block; width:75px; background-color:#e7e7e7; border:1px solid #999;  }

#contact #info { float:left; width:325px; background-color:#fff; min-height:280px; margin-left:25px; padding:10px 15px; }
	#contact #info h2 { font-family:Perpetua, Cambria, Georgia, Times New Roman; font-size:2.2em; color:#000; margin:5px 0; }
	#contact #info p { font-size:1.4em; }
	
#contact #locations h2 { font-size:2.2em !important; }



/****************ADMIN****************/

#admin_content { padding:15px; background-color:#fff; margin-top:15px; }

/*			home		*/

#admin_home #admin_content h1 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2.6em; margin:0; }
#admin_home #admin_content h2 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2em; margin:0; }
	#admin_home #admin_content #order .delete, #admin_home #admin_content #order .edit { font-size:1.4em; }
	
#admin_home #admin_content #left { float:left; width:45%; margin:0; }
#admin_home #admin_content #right { float:right; width:45%; margin:0; }
	
/*			about			*/

#admin_about #admin_content #left { width:65%; float:left; margin:0; font-size:1.2em; }
	#admin_about #admin_content #left h1 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2.6em; margin:0; }
	#admin_about #admin_content #left #order_sections { font-size:1em; }

#admin_about #admin_content #right { width:30%; float:right; margin:0; }
	#admin_about #admin_content #right #order label { display:inline; font-size:1.3em; }
	
	
/*			gallery			*/

#admin_gallery #admin_content h1 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2.6em; margin:0; }
#admin_gallery #admin_content h2 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:1.8em; margin:0; }

#admin_gallery #admin_content #category { font-size:1.3em; }

#admin_gallery #admin_content #items { float:left; width:50%; }
	#admin_gallery #admin_content #items ul.move li { padding:10px 5px 0 20px; }
#admin_gallery #admin_content #new_item { float:right; width:45%; }

#admin_gallery #admin_content textarea { font-size:1.4em; }


/*			blogs - news			*/

#admin_blog #admin_content #left { width:60%; margin:0; }
	#admin_blog #admin_content #left h1 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2em; margin:0; }
	#admin_blog #admin_content #left h1 span { float:right; font-size:.8em; }
	#admin_blog #admin_content #left h2 { font-size:1.8em; margin-top:10px; }
	#admin_blog #admin_content #left .newBlog { font-size:1.6em; }
	
	#admin_blog #admin_content #left .blog { min-height:280px; }
	#admin_blog #admin_content #left .blog h2 { font-size:1.8em; margin:0;  }
	#admin_blog #admin_content #left .blog a { color:#666; }
	#admin_blog #admin_content #left .blog img { float:right; }

	#admin_blog #admin_content #left .blog #blog_event_date select { display:inline; }

	#admin_blog #admin_content #left .blog .bot {  width:95%; background-color:#f7f7f7; border-bottom:1px solid #dedede; padding:5px 15px; font-size:1.2em; font-weight:bold; margin:5px 0; float:left; }
	#admin_blog #admin_content #left .blog .bot .tags { position:relative; float:left; color:#979797; }
	#admin_blog #admin_content #left .blog .bot .comments { position:relative; float:right; color:#979797; }
	#admin_blog #admin_content #left .blog .bot .tags a, #blog #content #left .blog .bot .comments a { color:#4d4d4d; }

	#admin_blog #admin_content #left #blog_viewpics li { display:inline; margin:0 5px;  }
	#admin_blog #admin_content #left #blog_viewpics img { float:none; margin-right:2px; }
	
	#admin_blog #admin_content #left .comment { margin-bottom:10px; border-bottom:1px solid #999; }
	#admin_blog #admin_content #left .comment .left { width:130px; font-size:1.3em; }
	#admin_blog #admin_content #left .comment .left .delete { font-size:.8em; }
	#admin_blog #admin_content #left .comment .right { width:400px; float:right; }

#admin_blog #admin_content #right { width:35%; }
	#admin_blog #admin_content #right h2 { background-color:#990000; display:block; color:#fff; padding:5px 10px; }
	#admin_blog #admin_content #right .nav { font-size:1.4em; }
	#admin_blog #admin_content #right .nav a { color:#333; }
 

/*			faculty			*/

#admin_faculty #admin_content #left { float:left; width:60%; margin:0; }
	#admin_faculty #admin_content #left #show_about #order_sections img { float:left; }
	#admin_faculty #admin_content #left #show_about p { float: right;}
	
#admin_faculty #admin_content #right { float:left; width:30%; margin:0; }


/*			contact			*/

#admin_contact #admin_content h1 { font-family:Perpetua,Cambria,Georgia,Times New Roman; font-size:2.6em; margin:0; }
	#admin_contact #admin_content h2 { font-size:1.2em; margin-top:10px; }

#admin_contact #admin_content #left { float:left; width:45%; margin:0; }
#admin_contact #admin_content #right { float:right; width:52%; margin:0; }
	#admin_contact #admin_content #right textarea { font-size:1.4em; }