body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
td { text-align:center; }
table { border-collapse: collapse; border-spacing: 0; }
iframe { border:medium solid #211052; }
fieldset { border: 0; }
img { border:medium solid #211052; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li {  }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
abbr,acronym { border: 0; font-variant: normal; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
a { text-decoration: none; color: inherit; }

html {
	font-size: 100%;
	height: 100%;
}

code {
	font-family: monospace;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

a:link,
a:visited {
	color: #222;
}
a:hover {
	text-decoration: underline;
}

h1,
h2 {
	letter-spacing: -.01em;
}
h1 {
	color: #211052; /* previous #344469 */
    font: bold 2.6em "palatino linotype", palatino, georgia, "times new roman", times, serif;
	margin-bottom: .3em
}
h2 {
	color: #344469; /*previous #664761 */
	font: bold 2.175em "palatino linotype", palatino, georgia, "times new roman", times, serif;
	margin-bottom: .4em;
    margin-top:.4em;
}
h3 {
	font: bold 1.75em "palatino linotype", palatino, georgia, "times new roman", times, serif;
	margin-bottom: .5em;
}
h4 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: .9em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
}
h6 {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 1.25em;
}

ul {
	margin: 0;
    parding-left: 2em;
}
ul li {
	
}
ol {
	padding-left: 2em;
	margin-bottom: 1em;
}
ol li {
	padding-bottom:.5em;
}

hr {
	border: 0;
	border-top: 1px solid #ddd;
}


body{
	background:#a0ddf0 url(../img/backgroundpurplev2.gif
					   ) repeat-x;
	color:#344469; /*controls text color in body*/
	font:76% Verdana,sans-serif;
	margin:0;
	padding:0;
}

a {text-decoration:none; /*color:#2c103d*/}
a img{border:0}

p{
line-height:1.5em;
margin:0 0 15px;
}
.clear{clear:both;}
#main{
	width:1124px;
	margin:0 auto;
	margin-bottom:35px;
}

#userlogin{
	float:right;
	clear:both;
	margin:0 125px 15px 0;
}
#userlogin ul{
	list-style:none;
}

#userlogin ul li{
	float:left;
	font-size:10px;
}
#userlogin ul li.pipe{
	padding:0 6px;
	color:#ffffff;
}

#userlogin ul li a{
	text-decoration:none;
	color:#a1dcf0;
}
#userlogin ul li a:hover{
	text-decoration:none;
	color:#a1dcf0;
}
#userlogin ul li a:visited{
	text-decoration:none;
	color:#a1dcf0;
}
#topbanner{
	clear:both;
	background:url(../img/webbannerV2.gif) top center no-repeat;
	width:1124px;
	height:100px;
	margin:0px 10px 10px 10px;
	text-align:center;
}

#menu{display:block;width:235px;height:100px;}

#content{
	width:905px;
	margin: 0 auto;
}
/* Stylers used on the top nav bar and dropdowns */
#topnav{
	width:905px;
	font-size:1em;
	color:#ffffff;
	font-weight:bold;
        height:35px
}

#topnav ul{
    margin-left:-1px;
	list-style:none;
	clear:both;
        font-family:"times new roman";
        
}

#topnav ul li{
        float:left;
        position:relative;
}

#school_button{
        background:url(../img/navbuttons.jpg) no-repeat 0 0;
        width:155px;
        height:37px;
}

#school_button:hover{
        background:url(../img/navbuttons.jpg) no-repeat 0px -36px;
}

#shows_button{
        background:url(../img/navbuttons.jpg) no-repeat -155px 0;
        width:168px;
        height:37px;
}

#shows_button:hover{
    background:url(../img/navbuttons.jpg) no-repeat -155px -36px;
}

#events_button{
        background:url(../img/navbuttons.jpg) no-repeat -323px 0;
        width:203px;
        height:37px;
}

#events_button:hover{
    background:url(../img/navbuttons.jpg) no-repeat -323px -36px;
}

#space_button{
        background:url(../img/navbuttons.jpg) no-repeat -526px 0;
        width:142px;
        height:37px;
}

#space_button:hover{
    background:url(../img/navbuttons.jpg) no-repeat -526px -36px;
}

#gear_button{
        background:url(../img/navbuttons.jpg) no-repeat -668px 0;
        width:173px;
        height:37px;
}

#gear_button:hover{
    background:url(../img/navbuttons.jpg) no-repeat -668px -36px;
}

#info_button{
        background:url(../img/navbuttons.jpg) no-repeat -841px 0;
        width:65px;
        height:37px;
}

#info_button:hover{
    background:url(../img/navbuttons.jpg) no-repeat -841px -36px;
}

#topnav ul li a{
    display:block;
    width:100%;
    height:100%;
        
}



#topnav ul li div.dropdown{position:absolute;background:#1f0b40;top:33px;left:0px;border:1px solid #a2dcf2;z-index:10;}
#topnav ul li div.dropdown ul{list-style:none;}
#topnav ul li div.dropdown ul li{clear:both;display:block;background:none;border-bottom:1px solid #a2dcf2;margin:0;padding:3px 3px 3px 3px;}
#topnav ul li div.dropdown ul li:hover{background:#a2dcf2;}
#topnav ul li div.dropdown ul li:hover a{color:#1f0b40;}
#topnav ul li div.dropdown ul li.last{border-bottom:none;}
#topnav ul li div.dropdown ul li a{clear:both;display:block;background:none;margin:0;padding:0;color:rgb(89, 210, 251);}


#school_button div.dropdown{width:130px;}
#school_button div.dropdown ul li{width:126px;}


#info_button div.dropdown{width:210px;}
#info_button div.dropdown ul li {width:204px !important ;}

/* Styles used in the top content section of the homepage */
#topstrip{
	clear:both;
	height:11px;
	width:905px;
	background:#a1dcf0;
}

#topcontent{
	background:#ffffff;
	clear:both;
	height:280px;
}

#topcontent .left{
	float:left;
	height:251px;
	width:634px;
}

#topcontent .right{
	float:left;
}

#topcontent .right a.button{
	display:block;
	height:37px;
	width:232px;
	background:url(../img/home_button_bg.jpg);
	margin:0 0 1px 1px;
	padding:25px 0 0 33px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}

#topcontent .right a.selected,#topcontent .right a:hover{
	background:url(../img/home_button_bg_sel.jpg);
	color:#a1dcf0;
}

/* Styles used in the bottom contents section of the homepage */
#bottomcontent{background:#ffffff;}

#bottomcontent .left{
	width:520px;
	background:url(../img/home_bottomleft_bg.gif) no-repeat;
	padding:30px 24px 30px 92px;
	float:left;
}

#bottomcontent .left .top .title{
	color:#211052; /* previous #17103d */
	font-weight:bold;
	font-size:1.2em;
	margin: 10px 0px 10px;
}
#bottomcontent .left .top .title .wow{color:#59d2fb;font-weight:bold;font-size:1.2em;}
#bottomcontent .left .top .copy,#bottomcontent .left .bottom .right .copy{font-size:.9em;color:#344469;line-height:1.5em;} /*previous #5c5959 */


#bottomcontent .left .bottom  {
	padding-top:15px;
}
#bottomcontent .left .bottom .left{
	background:#fff;
	float:left;
	width:242px;
	padding:6px 0 0 0;
        overflow:hidden;
}

#bottomcontent .left .bottom .right{
	background:#fff;
	float:left;
	width:224px;
	padding-left:0px;
}
#bottomcontent .left .bottom .right .title{color:#17103d;font-weight:bold;font-size:1.0em;}

#bottomcontent .right{float:left;background:#fff;width:269px;}
#bottomcontent .right .top{padding:37px 0 0 31px;}
#bottomcontent .right .top .vid_link {margin-top:8px;padding-left:3px;}
#bottomcontent .right .top .vid_link a{color:#485f84;}
#bottomcontent .right .top .vid_link .wow{color:#340f9f;font-weight:bold;font-size:1.1em;}
#bottomcontent .right .top .vid_link.sub{margin-top:3px;padding-left:34px;}
#bottomcontent .right .top .more {margin:15px 0 27px 90px;}

#events_strip{
	background:#e5f5fb;
	color:#505050;
	text-align:center;
	width:100%;
	font-weight:bold;
	padding:3px 0;
}

#events_list{}

#events_list ul{list-style:none;}
#events_list ul li{font-size:.8em;padding:8px 30px;}
#events_list ul li a{color:#485f84;font-weight:bold;}

#footer{clear:both;width:100%;height:25px;background:#230548;padding-top:3px;}
#social{float:left;color:#a1dcf0;width:300px;}
#social .text{float:left;color:#a1dcf0;padding:5px 10px 0 25px;font-size:.9em;}
#social img{float:left;padding:0 3px;}

#copy{float:right;color:#a1dcf0;padding:5px 23px;font-size:.9em}

/* Styles used on the background of subpages */

#content-wrap{width:905px;background:url(../img/bgslice.jpg) repeat-y;padding-bottom:20px;}
#bg-wrap{width:905px;background:url(../img/bgwithdivider.jpg) no-repeat top left;}

/* Styles used in the left nav accordian of subpages */

#leftnav{padding:50px 0 0 0px;width:225px;float:left;}

#leftnav .navtitle{color:#17103d;font-size:.8em;font-weight:bold;margin-left:17px;}
#leftnav ul{list-style:none;padding:0;}
#leftnav ul li div.menu_button h4{height:20px;font-weight:bold;font-size:1em;}
#leftnav ul li{color:#1d065f;margin:0 0 12px 0;}
#leftnav ul li div{padding-left:17px;}
#leftnav ul li div:hover, #leftnav ul li div.selected{color:#36b0e0;background:url(../img/subnav_onhover.gif) no-repeat;}
#leftnav ul li div:hover h4 a,#leftnav ul li div.selected h4 a{color:#36b0e0;text-decoration:none;}
#leftnav ul li h4{margin:0;padding:3px 0 0 0;cursor:pointer;}
#leftnav ul li ul.dropmenu{list-style-image:url(../img/arrowgraphic.jpg);padding:0 0 0 25px;margin:0;} /* previous padding:0 0 0 45px */
#leftnav ul li ul.dropmenu li{padding:2px 0 0 0;margin:0;}
#leftnav ul li ul.dropmenu li a{color:#330066;font-weight:bold;font-size:.7em;letter-spacing:.15em;}

/* Styles used in the content areas of subpages */
#subpage-content{
	float:left;
	width:542px;
	padding:45px 0 0 70px;
}

#bottomtext a {color:#0066FF}
#bottomtext h2{color:#36b0e0;font-size:1.2em;}
#bottomtext p, #bottomtext ol, #bottomtext ul{font-size:.9em;}
#bottomtext ul{padding-left:30px;padding-bottom:1em;}

#requirements {margin-left:50px}
#requirements p.title{color:#17103d;font-weight:bold;}
#requirements ul{margin:15px;padding:0}
#requirements ul li{font-size:.9em;margin-bottom:8px;}

#calendar{border:1px solid grey;}
#calendar td{border:1px solid grey;padding:3px 0px 3px 2px;}
#calendar tr.rowhead{background:yellow;color:#00000;}

#expander{height:175px;overflow:hidden;}
#expander, x:-moz-any-link, x:default{height:164px;overflow:hidden;}

#expander.open{height:380px}
.hidden{display:none;}

/* styles used on images on all pages*/
.img_left{float:left;width:262px;margin-right:10px}
.img_right{float:right;width:262px;margin-left:10px}
.img_2col{}
.train {border:none; vertical-align:middle; width:18px;}
.lirr {border:none; vertical-align:middle; width:103px;}

/* styles used on the rec course descriptions page */
#descriptions a {color:#0066FF}
#category {
	margin:10px 0px 10px 0px;
}
#category a {
	padding: 0px 20px 0px 0px;
	white-space: nowrap;}
	
.c {list-style-type:decimal;}