html	{
overflow: -moz-scrollbars-vertical;
height: 100%;
}

body	{
margin: 0;
padding: 0;
height: 100%;
text-align: center;
background: url(../images/masterbg.jpg) repeat-x #44413C;
}
	
* {
margin: 0;
padding: 0;
} 

img	{
border-style: none;
}

#container	{
width: 930px;
margin: 0px auto;
text-align: center;
background: #fff;
padding: 5px;
}
		
#header {
background: #FFF;
height: 167px;
width: 930px;
}
		
#headertop {
position: relative;
top: 5px;
left: 30px;
text-align: left;
}

#menubar {
position: relative;
top: 17px;
height: 56px;
width: 930px;
background: url(../images/gradient.jpg) #393933;
}

#banner{
width: 930px;
height: 200px;
background: url(../images/banner2.jpg) bottom right;
margin-bottom: 5px;
margin-top: 5px;
}

#subbanner{
width: 930px;
height: 30px;
background: #01232d;
margin-bottom: 5px;
margin-top: 5px;
display:  none;
}

#subbanner img{
display:none;
}

#bodyfp {
background: #FFF;
float: left;
overflow: hidden;
margin-bottom: 5px;
min-height: 500px;
}

#body {
background: url(../images/navbg.jpg) repeat-y left #FFF;
float: left;
display: inline;
margin-bottom: 5px;
margin-top: 5px;
min-height: 500px;
}

#bodylm {
float: left;
width: 200px;
color: #FFF;
background: #4C4743;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
text-align: left;
}

#bodylm img{
margin: 8px 0px;
border: 1px solid #CCC;
}

#bodyrm {
float: left;
width: 430px;
margin-left: 10px;
margin-right: 10px;
text-align: right;
}

#bodyrm h2{
font-family: arial;
font-weight: normal;
color: #999999;
text-align: left;
border-bottom: 1px solid #CCC;
}

#sidenav {
float: left;
display: inline;
width: 200px;
font-family: verdana, arial;
font-weight: bold;
color: #FFF;
padding-top: 30px;
padding-bottom: 57px;
text-align: left;
}

#sidenav li{
font-size: 0.6em;
padding: 4px 0px 4px 20px;
list-style: none;
border-bottom: 1px solid #FFF;
}

#sidenav a{
color: #FFF;
text-decoration: none;
}

#sidenav a:hover{
color: #CCC;
}

#maincontent {
float: left;
display: inline;
width: 670px;
padding-left: 30px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 10px;
text-align: left;
font-family: verdana, tahoma, arial;
min-height: 500px;
background: url(../images/robg.jpg) no-repeat center 90px;
}

#maincontent a{
font-family: verdana, tahoma, arial;
color: #353535;
text-decoration: none;
}

#maincontent a:hover{
text-decoration: underline;
color: #999999;
}

#maincontent h3, #maincontent h2{
font-family: arial, sans-serif, tahoma;
color: #353535;
font-size: 1.7em;
border-bottom: 1px solid #CCC;
margin-top: 8px;
}

#artbody {
margin-bottom: 20px;	
}

#artbody h3{
font-size: 1.4em;
}

#artbody #arttext{
line-height: 1.5em;
font-size: 0.9em;
padding: 8px 30px 10px 0px;
}

#artbody p{
	padding: 4px 0px;
}

#artbody a{
margin-right: 4px;
font-weight: bold;
font-family: arial;
font-size: 0.7em;
color: #01232D;
padding: 10px;
display: block;
}

#listingbody {
clear: both;
margin-top: 20px;
}

#listingbody h4{
font-family: tahoma, lucida grande;
font-weight: normal;
border-bottom: 1px solid #999;
padding-left: 10px;
}

#listingbody p{
margin-bottom: 20px;
}

#listingbody table th{
border-bottom: 2px solid #CCC;
font-size: 0.8em;
padding: 6px 2px;
font-weight: bold;
}

#listingbody table td{
border: 1px solid #CCC;
font-size: 0.7em;
padding: 2px;
}

#deptmain{
height: 250px;
padding-bottom: 25px;
}

#deptmainlm{
float: left;
}

#deptmainrm{
margin-left: 10px;
float: right;
}

#deptmainrm li{
list-style: none;
padding: 8px;
font-size: 0.8em;
}

#deptmainrm li img{
float:  left;
padding-right: 5px;
}

#biomainlm{
width: 400px;
float: left;
line-height: 1.4em;
font-family: tahoma;
font-size: 9pt;
text-align: justify;
}

#biomainlm p{
padding: 15px 0px;
}

#biomainlm a{
margin-right: 4px;
font-weight: bold;
font-family: arial;
font-size: 1em;
color: #01232D;
padding: 10px;
display: block;
}

#deptmain{
height: 250px;
}

#deptmainlm{
width: 400px;
float: left;
}

#deptmainrm{
float: right;
}

#deptmainrm img{
float: right;
}


#biomainlm h2 {
margin: 0px;
padding: 0px;
}

#biomainlm h4{
margin: 0px;
padding: 0px;
color: #999;
}

.navsel, #sidenav .navsel a{
background: #FFF;
color: #01232D;
}

#sidenav .navsel a:hover{
background: #FFF;
color: #999;
}


.clear{
clear: both;
}


.listingitem {
float:  left;
display: inline;
margin: 10px 0px;
width: 100%;
}

.listingdir {
float: left;
width:  27%;
margin: 3px;
margin-right: 30px;
height: 140px;
overflow: hidden;
}

.listingdirimg {
padding-right: 15px;
float: left;
}

.listingdirimg img{
padding: 5px;
border: 1px solid #CCC;
}

.listingbodyimg {
padding-right: 40px;
float: left;
}

.listingbodyimg img{
padding: 2px;
border: 1px solid #CCC;
}

#listingbody h4{
font-weight: bold;
color: #555555;
font-face: verdana, lucida grande, tahoma;
text-transform: uppercase;
}

.listinggalleryimg {
padding-right: 10px;
float: left;
width: 120px;
}

.listinggalleryimg img{
padding: 5px;
border: 1px solid #999;
}

.listingbodytxt {
font-family: arial, helvetica, tahoma;
font-size: 0.8em;
}

#maincontent .listingbodytxt a{
text-decoration: underline;
}

.attbox {
	float: left;
	width: 33%;
	overflow: visible;
font-family: arial;
}

#maincontent .attbox h3{
padding-top: 0px;
margin-top: 10px;
font-size: 0.8em;
border-bottom: 1px dotted #CCC;
}

.attbox ul{
margin: 0px;
padding-left: 15px;
}

.attbox li{
list-style: none;
padding: 3px;
height: 50px;
}

.attbox li img{
float: left;
clear: both;
}

#maincontent .attbox a{
text-decoration: none;
padding: 0px;
color: #CCC;
font-size: 0.7em;
}

#maincontent .attbox img{
padding-right: 10px;
}

.stdbox p{
font-family: arial;
font-size: 0.8em;
padding: 3px 0px;
margin-left: -20px;
margin-top: 0px;
margin-bottom: 0px;
}

#bodylm .stdbox li{
padding-left: 15px;
}

.stdbox a{
font-family: tahoma;
color: #d3dddf;
text-decoration: none;
font-size: 0.7em;
}

.stdbox h3, .linkbox h3{
font-family: arial;
font-weight: normal;
font-size: 95%;
text-align: left;
padding-bottom: 3px;
border-bottom: 1px solid #FFF;
color: #999999;
padding-top: 10px;
margin: 0px;
}

.stdbox a:hover{
color: #CCC;
text-decoration: underline;
}

#bodylm ul, #bodylm li{
list-style: none;
margin: 5px;
padding: 0px;
}

.stdboxdate {
font-weight: bold;
}

.linkbox {
padding-bottom: 8px;
}

.linkbox hr{
height: 1px;
color: #FFF;
margin: 3px 10px;
}


.linkbox a{
font-family: arial, tahoma, verdana;
font-size: 0.8em;
color: #FFF;
text-decoration: none;
padding: 4px 0px;
}

.linkbox a:hover{
text-decoration: underline;
}

.newsbox {
float; left;
overflow: auto;
font-family: arial, verdana, tahoma;
text-align: left;
width: 430px;
padding-bottom: 10px;
border-top: 1px dotted #CCC;
background: url(../images/newsbg.jpg)
}

.newsboximg{
float: right;
width: 160px;
padding-top: 5px;
margin-right: 0px;
}

.newsboximg img{
float: right;
padding: 2px;
background: #FFF;
border: 1px solid #CCC;
}

.newsboxart {
float: left;
width: 250px;
padding: 8px;
font-size: 0.8em;
}

.newsboxart h3{
margin-top: 0px;
margin-bottom: 2px;
color: #353535;
font-size: 1em;
}

.newsboxart a{
margin-left: 10px;
margin-right: 4px;
font-weight: bold;
font-size: 0.8em;
color: #01232D;
}

.lightsmalla {
	font-family: "verdana, tahoma","arial";
	color: #B4B4B4;
	font-size: 0.8em;
}

.lightsmall {
	font-family: "verdana, tahoma","arial";
	font-size: 0.8em;
width: 100%;
color: #999;
text-align: left;
padding: 1px;
}

#bodybt {
float: right;
width: 240px;
text-align: left;
color: #FFF;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 30px;
text-align: left;
}

#bodybt img{
margin: 5px 0px;
}

.btbox, #bodybt .linkbox {
clear: both;
border: 1px solid #91917f;
margin-bottom: 5px;
}

.btbox {
background: url(../images/fpresourcebg.jpg) top right no-repeat #FFF;
}

#maincontent .btbox h3, #bodybt .btbox h3, #bodybt .linkbox h3{
font-family: arial;
font-weight: bold;
font-size: 75%;
text-align: left;
padding: 3px 8px;
margin-top: 0px;
margin-bottom: 0px;
background: url(../images/sidegrad3.jpg) #91917f;
border-bottom: 1px solid #000;
color: #FFF;
} #bodybt .linkbox h3{
font-family: arial;
font-weight: bold;
font-size: 75%;
text-align: left;
padding: 3px 8px;
margin-top: 0px;
margin-bottom: 0px;
background: url(../images/sidegrad3.jpg) #91917f;
border-bottom: 1px solid #000;
color: #FFF;
}

.btbox ul, .btbox li{
list-style: square;
margin: 0px 10px;
padding: 1px;
color: #353535;
}

#maincontent #deptmainrm .btbox li{
margin: 0px 0px;
font-size: 0.7em;
}

#bodybt .linkbox ul{
}

#bodybt .linkbox li{
margin: 0px;
padding: 0px 0px 0px 15px;
list-style: none;
}

.btbox a, #bodybt .linkbox a{
font-family: arial, tahoma, verdana;
font-size: 0.8em;
color: #01232D;
text-decoration: none;
}

#bodybt .linkbox a{
font-family: arial, tahoma, verdana;
font-size: 0.8em;
color: #000;
text-decoration: none;
}

.btbox a:hover, #bodybt .linkbox a:hover{
text-decoration: underline;
}

.eventboxdate {
font-weight: bold;
font-family: tahoma,arial,sans-serif;
font-size: 0.8em;
color: #000;
margin: 2px 0px;
}

.alertbar {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: white;
	font-size: 1.0em;
	background-color: #913A29;
	text-align: right;
	padding: 4px 10px;
	border-width: 2px;
	border-style: dashed;
	border-color: #4C1F16;
	margin-bottom: 10px;
	overflow: auto;
	}
	
.alertbar a {
	color: white;
	font-weight: bold;
	font-size: 0.8em;
}

.alertbartag {
padding-right: 15px;
float: left;
margin: 3px;
}


#pgbox {
clear: both;
border: 1px solid #999999;
margin: 10px;
padding: 3px;
text-align: center;
font-family: verdana, helvetica, tahoma, arial;
font-size: 0.8em;
color: #454545;
font-weight: bold;
}

#pgbox a{
text-decoration: none;
color: #999999;
font-size: 1em;
}

#calendarbody table{
margin: 0px auto 20px auto;
padding-bottom: 20px;
border-bottom: 1px dotted #999;
width: 430;
text-align: center;
float: left;
}

#calendarbody td.boldbar{
text-align: center;
}

#calbar {
float: right;
font-size: 0.6em;
width: 200px;
background: #D0D0B7;
padding: 20px;
}

#calbar li{
list-style: none;
padding-bottom: 4px;
}

#calbar strong{
border-bottom: 1px solid #999;
}

#callist {
width: 680px;
float: left;
width: 400px;
padding: 10px;
}

#footer	{
width: 930px;
clear: both;
background: #999999;
color: #FFF;
font-family: tahoma, arial;
font-weight: normal;
font-size: 0.7em;
padding: 5px 0px;
height: 15px;
}

	
.img-shadow {
float:left;
background: url(../images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow-top {
background: url(../images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.img-shadow-top img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.img-border img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 2px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
}





ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 7;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 9;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 8;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}


ul.dropdown {
 	margin: 0;
 	padding: 0;
}

	ul.dropdown li.dir {
    	text-align: center;
    	padding: 14px 0px 0px 0px;
    	margin-top: 0px;
    	color: #FFFFFF;
    	width: 155px;
	height: 40px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #63635B;
  	font-family: sans-serif, verdana, arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #FFFFFF;
	font-size: 1.1em;
	}
	
		ul.dropdown li.diractive {
    	text-align: center;
    	padding: 14px 0px 0px 0px;
    	margin-top: 0px;
    	color: #FFFFFF;
    	width: 155px;
	height: 40px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #63635B;
  	font-family: sans-serif, verdana, arial, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #FFFFFF;
	background-color: #63635B;
	font-size: 1.1em;
	}

	ul.dropdown li.dir a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
	ul.dropdown li.diractive a {
	color: #FFFFFF;
	text-decoration: none;
	}
	

	ul.dropdown ul.drop {
	border: 1px solid #63635B;
	width: 184px;
	}

	ul.dropdown li.dropitem {
	background: #FFFFFF;
    	width: 184px;
    	}


    	ul.dropdown li.dropitem a {
    	display: block;
        font: 12px arial;
	border: 1px solid #FFFFFF;
        text-align: left;
        text-decoration: underline;
        padding: 5px;
        color: #63635B
	}

    	ul.dropdown li.dropitem a:hover{
   	background: #63635B;
        color: #FFFFFF;
	border: 1px solid #63635B
	}



	ul.dropdown li.subdir {
	background: #FFFFFF;
    	width: 184px;
    	}


    	ul.dropdown li.subdir a {
    	display: block;
        font: 12px arial;
	border: 1px solid #FFFFFF;
        text-align: left;
        text-decoration: underline;
        padding: 5px;
        color: #63635B
	}

    	ul.dropdown li.subdir a:hover{
   	background: #63635B;
        color: #FFFFFF;
	border: 1px solid #63635B
	}



	ul.dropdown li.dir:hover {
	background-color: #63635B;
	color: #FFFFFF;
	}


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	margin-bottom: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-horizontal ul *.subdir {
 background-image: url(../images/small_arrow.gif);
 background-repeat:no-repeat;
 background-position: 95%; 
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}