body {
 font-size:62.5%;
 font-family:Arial, Helvetica, sans-serif;
 background:#ffffff;
 color:#000;}
hr {
 display:none;}
* {
 margin:0;
 padding:0;
 list-style:none;}
.sociallinks{
font-weight:bold;
margin: 10px 0 0 15px;
}
/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */
.noborder{
 border:none !important;
 background:none !important;}
 .hide{	
    display: none !important;
    visibility: hidden; 
 }
 .fullwidth{
	 width:100% !important;
 }
 #sidebar,.information, #imgslide, #header table,#main-nav{
	display: none !important;
    visibility: hidden;  
 }
 #content-left{
	 width:100% !important;
 }
 
/* FORMS
----------------------------------------------------------------------------------------*/
fieldset{
 border:none;}
/* LINKS
----------------------------------------------------------------------------------------*/
#child_hide {
display:none;
}
a img{
 border:none;}
a:focus{
 outline:none;}
 
a.sidetop,a.sidetop:visited{
 text-decoration:none;}
 
a:hover.sidetop {
 text-decoration:none;
 color:#02AEF0;}
a.sidetop{
    color:#040F47; 
 }
 
a,a:visited{
 color:#040F47;
 text-decoration:underline;}
a:hover{
 text-decoration:underline;
 color:#000;}
/* HEADINGS
----------------------------------------------------------------------------------------*/
h2{
 color:#000000;
 font-size:3.2em;
 font-weight:normal;
 padding-bottom:0.3em;}
 
h3{
 /*text-transform:uppercase; <-- removed by caxy 9-25*/
 font-size:1.2em;
 border-top:2px solid #999999;
 background:url(images/dotted.gif) repeat-x bottom left;
/* font-weight:normal;*/
font-weight:bold;
 padding: 5px 0;
 margin: 0 0 10px 0;}
.subtitle {
color:#040F47;
font-size:2.0em;
padding-bottom:0.3em;
line-height:1.6em;
}
.header-replace{
 text-indent:-99999px;
 height:29px;
 padding:0;
 border:none;}
h3.headworth{
background:url(images/worthnoting_novideo.gif) no-repeat top left;
width: 358px;}
h3.headonthedocket{
 background:url(images/heading_onthedocket.gif) no-repeat top left;
 width: 358px;}
h3.headonthedocket2{
 background:url(images/newsupdates.gif) no-repeat top left;
 width: 358px;}
h3.newsresearch{
 background:url(images/heading_newsresearch.gif) no-repeat top left;
 width: 162px;}
h3.events{
 background:url(images/heading_events.gif) no-repeat top left;
 width: 162px;}
h3.indepth{
 background:url(images/heading_indepth.gif) no-repeat top left;
 width: 148px;}
h3.kudos{
 background:url(images/heading_kudos.gif) no-repeat top left;
 width: 148px;}
h3.givingnews{
 background:url(images/heading_givingnews.gif) no-repeat top left;
 width: 332px;
 margin-bottom: 0px;}
h3.relatedlinks{
 background:url(images/heading_relatedlinks.gif) no-repeat top left;
 margin-bottom: 8px;}
h4{
 line-height:1.0em;
 color:#000000;
 font-size:1.7em;
 font-weight:normal;
 /* ajusted from 20 on 9-25 */
 margin: 15px 0 0 0;}
/* PAGE STRUCTURE
----------------------------------------------------------------------------------------*/
#container{
 width: 950px;
 margin: 25px auto 0 auto;}
#header{
 min-height:127px;
 height:auto !important;
 height: 127px;
 background:#ffffff;
 padding: 23px 0 0 0;
 font-size:1.1em;
 font-family:Arial, Helvetica, sans-serif;}
#content{
 clear:both;
 padding: 0 0 10px 0;
 background:#FFF;}
#footer {
 /* height:55px replaced by min-height to accommodate text-resizing by caxy 9-20 */
 min-height:55px;
 clear:both;
 background:#02AEF0;
  margin: 0 0 60px 0;
 /* Marin set to 0 and bottom border added to show dark yellow below content area caxy 9-20 */
 /*border-bottom:60px solid #FED44E;*/
 padding: 15px 22px 0 22px;}
/* HEADER
----------------------------------------------------------------------------------------*/
.logo{
 width: 221px;
 height:153px;
 background:url("http://www.jjay.cuny.edu/sites/all/themes/johnjaytpl/images/logo.png") no-repeat top left;
 text-indent:-99999px;
 overflow:hidden;
 float:left;
 display:block;
 margin: 0 100px 24px 0;
 position:relative;
 left: 22px;}
dl.information{
 /*padding & line height added by Caxy 9-21 */
 line-height:1.4em;
 padding-left:17px;
 float:left;
 width: 184px;}
dl.information dt{
 color:#040F47;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-transform:uppercase;}
dl.information dt.informationfor{
 /*background:url(images/heading_informationfor.gif) no-repeat top left;
  text-indent:-9999px;*/
font-weight: bold;
text-decoration:underline;
 overflow:hidden;}
.findjj {
 /* Line height, font family & padding added by caxy 9-21*/
 line-height:1.4em;
 padding-left:2px;
 float:left;
 width: 150px;}

.search {
 /* Line height, font family & padding added by caxy 9-21*/
 line-height:1.4em;
 padding-left:2px;
 float:left;
 width: 150px;}
.jjmenutitle {
    color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font:bold;
    background-color:#031047;
    text-align:center;
}
 
.search input {
font-family:Arial, Helvetica, sans-serif;
}
.search  a{
 display:block;}
.search fieldset{
 padding: 2px 0 0 0;}
.search input.text{
 border-top:1px solid #b1b1b1;
 border-left:1px solid #b0b0b0;
 border-bottom:1px solid #ebebeb;
 border-right:1px solid #fdfdfd;
 width: 87px;
 font-size:11px;
 padding: 1px;}
.search input.submit{
 background:none;
 border:none;
 color:#040F47;
 font-size:1.1em;
 cursor:pointer;}
/* MAIN NAVIGATION
----------------------------------------------------------------------------------------*/
ul#main-nav{
 background:#040F47 url(images/bg_nav.gif) no-repeat top left;
 height:29px;
 clear:both;
 font-size:1.2em;
 padding: 0 0 0 9px;
 font-family:Georgia,"Times New Roman", Arial, sans-serif;
 border-bottom:2px solid #FFF;}
ul#main-nav li{
 float:left;
 height:26px;
 margin: 3px 0 0 0;}
ul#main-nav li a{
 display:block;
 height:26px;
 text-transform:uppercase;
 float:left;
 color:#FFF;
 text-indent:-99999px;
 overflow:hidden;}
ul#main-nav  .active a{
 background-position: 0 -26px !important;}
/* hover effect for main nav */
ul#main-nav  .hover a:hover{
background-position: 0 -26px !important;
} 
ul#main-nav li.home a{
 background:url(images/nav_home.gif) no-repeat top left;
 width: 67px;}
ul#main-nav li.aboutus a{
 background:url(images/nav_aboutus.gif) no-repeat top left;
 width: 92px;}
ul#main-nav li.admissions a{
 background:url(images/nav_admissions.gif) no-repeat top left;
 width: 110px;}
ul#main-nav li.academics a{
 background:url(images/nav_academics.gif) no-repeat top left;
 width: 104px;}
ul#main-nav li.library a{
 background:url(images/nav_library.gif) no-repeat top left;
 width: 79px;}
ul#main-nav li.studentlife a{
 background:url(images/nav_studentlife.gif) no-repeat top left;
 width: 121px;}
ul#main-nav li.athletics a{
 background:url(images/nav_athletics.gif) no-repeat top left;
 width: 97px;}
ul#main-nav li.newsroom a{
 background:url(images/nav_newsroom.gif) no-repeat top left;
 width: 107px;}
ul#main-nav li.support a{
 background:url(images/nav_giving.gif) no-repeat top left;
 width: 154px;}
/* CONTENT
----------------------------------------------------------------------------------------*/
.content-top{
 background:url(images/bg_contenttop.gif) repeat-y top left;
 min-height:90px;
 height:auto !important;
 height:90px;
 padding: 15px 0 5px 22px;}
.breadcrumbs{
 font-size:1.2em;
 font-family:Arial, Helvetica, sans-serif;
 min-height:25px;
 height:auto !important;
 height:25px;
 color:#000000;}
 
 .breadcrumbs-news{
 font-size:1.1em;
 font-family:Arial, Helvetica, sans-serif;
 min-height:64px;
 height:64px;
 margin-top:1.5px;
 height:auto !important;
 color:#000000;}
.breadcrumbs a,.breadcrumbs-news a{
 color:#000000 !important;}
#content-left,#sidebar{
 float:left;}
#content-left p{
 padding: 18px 0 0 0;
 font-size:1.4em;
 line-height:1.2em;
list-style:circle;}
 
/* Two Columns */
#cols-2-gate #content{
 background:url(images/2col-gate-bg.gif) repeat-y top left !important;}
#cols-2 #content{
 background:url(images/bg_content2cols.gif) repeat-y top left !important;}
#cols-2 #content-left, #cols-2-gate #content-left{
 width:743px;}
#cols-2 #sidebar, #cols-2-gate #sidebar{
 width: 207px;}
#cols-2 #content-left .breadcrumbs, #cols-2-gate #content-left .breadcrumbs{
 font-size:1.1em;
 padding: 0 0 40px 0;}
/* Content Left 2 Columns */
#content-left .content-text{
 padding: 0 12px 10px 22px;
 width: 355px;
 float:left;}
 
#content-left .content-pic{
 width: 354px;
 float:left;}
#content-left .content-pic .pic-overlap{
 margin-top:-48px;
 position:relative;}
/* Content Left 3 Columns */
#content-left .col-left{
 width: 160px;
 position:absolute; 
 margin: 22px 0 0 22px;
 padding: 0 20px 0 0px;}
#content-left .col-center{
 margin: 22px 181px 0 0px;
 padding: 0 10px 0 202px;
 
border-right:2px dotted #cbc5ae;
 min-height:450px;}
#content-left .col-right{
 width: 140px;
 float:right;
 margin: 22px 0 0 10px;
 padding: 0 21px 0 21px;}
.norightcol{
 margin-right:0 !important;
 border-right:none !important;}
/* Sidebar Links */
ul.sidebar-links{
 font-size:1.1em;
 margin: 15px;
 border-bottom:2px dotted #cbc5ae;
 font-family:Arial, Helvetica, sans-serif;}
.links-nochild{
 border-bottom:2px solid #999999 !important;
 border-top:2px solid #999999;}
ul.sidebar-links li{
 border-top:2px dotted #cbc5ae;
 padding: 7px 0 5px 7px;}
ul.sidebar-links li.first{
 background:none;
 border-top:none; 
/* border-top:2px dotted #cbc5ae;*/
}
ul.sidebar-links li.active{
 border-top:2px solid #999999;
 margin-bottom:-2px;
 position:relative;
 padding-top:5px;
 background:none;
 border-bottom:2px solid #999999;}
ul.sidebar-links li.active a{
 color:#000;}
ul.sidebar-links li ul {
 padding: 7px 0 0 0;}
ul.sidebar-links li ul li{
 margin: 0 0 0 13px;}
ul.sidebar-links li ul li a{
 color:#040F47 !important;}
ul.sidebar-links li ul li a:hover{
 color:#000 !important;}
/* Home */
#banner{
 height: 326px;
 padding: 0 0 14px 0;}
#banner img{
 float:left;}
.onthedocket{
 padding: 0 20px 0 22px;
 float:left;}
.onthedocket h4{
 font-size:1.4em;
line-height:1.4em;  
    margin-bottom: 7px;
 margin-top:-4px !important;
 font-weight:normal;}
.onthedocket  p{
 font-size:1.2em;}
.onthedocket img{
 float:left;}
.onthedocket .onthedocket-content{
 float:left;
 line-height:2em;
 padding-top:9px;
 width:357px;}
.news-events{
 line-height:1.4em;
 float:left;
 width: 162px;
 padding: 9px 20px 0pt 2px;}
 
.p_alt{
 background:none !important;}
.news-events p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.1em;
 padding: 0 0 8px 0;
 margin: 0 0 8px 0;
 background:url(images/dotted.gif) repeat-x bottom left;}
.news-events span{
 font-weight:bold;
 display:block;}
/* News & News & Expert */
#news_expert li {
 line-height:1.6em}
 
 
/*#news #content, #news_expert #content{
 background:url(images/bg_content2colsnews.gif) repeat-y top left;}
 */
.expert_contact {
width:240px;
float:left;
font-size:1.4em;}
.expert_table {
width:100%;
border:0px;
line-height:1.4em}
#news #content-left, #news_expert #content-left{
 width: 560px;
 padding: 0 0 0 22px;}
#news_expert #content-left p {
 background:none;
 margin-right: 42px;}
#content-left li {
 font-size:1.4em;
 list-style:disc !important;
} 
#news #content-left p{
 background:url(images/dotted.gif) repeat-x bottom left;
 padding-bottom:20px;
 margin-right: 42px;}
#news #content-left p a.news-title,#news_expert #content-left p a.news-title{
 font-size:1.3em;
 display:block;
 line-height:1.4em;
 margin: 0 0 4px 0;}
#news #sidebar,#news_expert #sidebar{
 width: 368px;}
#news #sidebar .events,#news_expert #sidebar .events{
 background:url(images/bg_newsevents.gif) repeat-y top left;}
#news #sidebar .news-events,#news_expert #sidebar .news-events{
 width: 148px;
 float:left;
 padding: 20px 18px;}
#news .calendar h3,#news_expert .calendar h3{
 background:url(images/heading_eventscalendar.gif) no-repeat top left;
 width: 148px;}
#news .calendar p,#news_expert .calendar p{
 background:url(images/dotted_eventscalendar.gif) repeat-x bottom left;}
#news .media h3,#news_expert .media h3{
 background:url(images/heading_formedia.gif) no-repeat top left;
 width: 148px;}
#news .media ul,#news_expert .media ul{
 font-size:1.1em;
 
 font-family:Arial, Helvetica, sans-serif;}
#news .media ul li,#news_expert .media ul li{
 line-height:1.6em !important;
 padding: 0 0 0px 0;}
#news .media ul li a,#news_expert .media ul li a{
 color:#ffffff !important;}
#news .findexpert,#news_expert .findexpert{
 line-height:1.6em;
 margin: 7px 7px 0 7px;
 background:#ffffff;
 clear:both;
 padding: 12px 15px;} 
#news .findexpert h3,#news_expert .findexpert h3{
 background:url(images/heading_findanexpert.gif) no-repeat top left;
 width: 322px;}
#news .findexpert p,#news_expert .findexpert p{
 font-size:1.1em;
 font-family:Arial, Helvetica, sans-serif;
 padding-left: 80px;}
#news .findexpertpic,#news_expert .findexpertpic{
 width: 124px;
 height:123px;
 position:absolute;
 margin: -55px 0 0 -50px;}
/* Academics */
.academics-pic{
 width: 353px;
 height:526px;}
/* Support John Hay */
.support-pic{
 width: 354px;
 height:297px;}
.stayinformed{
 width: 213px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
 margin: 30px  0;
 padding: 36px 136px 10px 0;}
.stayinformed a{
 display:block;}
ul.list li{
 border-bottom:2px dotted #b7b7b7;
 padding: 5px 0;
 font-size:1.1em;
 width: 332px;
 line-height:1.6em;
 font-family:Arial, Helvetica, sans-serif;}
/* Admissions */
.admissions-pic{
 width: 353px;
 height:248px;}
.housing-options{
/* Line height and foreground color added by Caxy 9-24 */
  color:#666666;
    width:334px;
 line-height:1.4em;
 border-top:2px dotted #b7b7b7;
 padding: 13px 0px 13px 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.1em;}
.housing-options img{
 float:right;
 margin: 0 0 0 25px;}
.housing-options  span,
#content-left .col-right p span{
 text-transform:uppercase;
 display:block;
 font-weight:bold;}
#content-left .rssevent{
 background:#ffffff;
 border-width:2px;
 border-color:#040F47;
 border-style:solid; padding: 8px;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0 0 15px 0;}
#content-left .rssevent h3{
 background:none;
 border:none;
 margin:0;
 font-family:Arial, sans-serif;
 font-size:1.4em;} 
#content-left .rssevent p{
 font-size:1.1em;
 padding: 10px 0 0 0;}
/*#content-left .rssevent a{
 color:#5e711a !important;
 text-decoration:underline;} */
#content-left .contactus{
 background:#E9E9E9;
 padding: 8px;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0 0 15px 0;}
#content-left .contactus h3{
 background:none;
 border:none;
 margin:0;
 font-family:Arial, sans-serif;
 font-size:1.4em;} 
#content-left .comments{
 background:#ffffff;
 padding: 8px;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0 0 15px 0;
 border-width:1px;
 border-color:#040F47;
 border-style:solid;}
#content-left .contactus p{
 font-size:1.1em;
 padding: 10px 0 0 0;}
#content-left .contactus a{
 /*color:#5e711a !important;*/
 text-decoration:underline;} 
#content-left .col-right p{
 color:#666666;
 font-size:1.1em;
 padding: 0 0 10px 0;
 font-family:Arial, Helvetica, sans-serif;}
.col-center ul{
 list-style:disc;
 padding:10px 0 0 15px;
 }
.col-center li {
 list-style:disc;
  font-size:14px !important; 
 line-height:17px !important;
  margin:0px 0 0 0px;
 
 }
#content-left .col-center p{
 padding: 0 0 20px 0;}
#content-left .related-links{
/*10px right padding added by caxy 9-25 to match undergrad specs*/
 padding: 0 10px 10px 0;
 font-size:1.1em;
 font-family:Arial, Helvetica, sans-serif;}
#content-left .related-links li{
 padding: 0 0 5px 0;}
/* Current Students */
.currentstudents{
 background:none !important;}
.currentstudents #sidebar img{
 position:relative;
 margin-bottom:-10px;}
.currentstudents .content-text{
 width: 721px !important;}
.currentstudents .cols{
 width: 220px;
 padding:20px 20px 0 0;
 float:left;}
.currentstudents h3{
 border:none;
 background:none;
 margin: 0 0 5px 0;
 padding: 0;
 font-weight:bold;
 font-size:1.2em;}
.currentstudents ul.padding{
 padding: 0 0 25px 0;}
.currentstudents ul li{
 padding: 0 0 7px 0;
 }
/* FOOTER
----------------------------------------------------------------------------------------*/
.vcard{
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.1em;
 line-height:1.4em;}
.vcard .org{
 /*added by caxy to align CUNY logo with address box 9-19*/
 margin-top:-4px !important;
 font-weight:bold;}
.footer-logo{
 /*added by caxy to match LH demo specs 9-19*/
 margin-top:-1px;
 background:url(images/cunylogo.jpg) no-repeat top left;
 width: 120px;
 height:59px;
 float:right;
 display:block;
 text-indent:-99999px;
 overflow:hidden;}
.linksize{
 font-size:1.4em;
 }