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

body	{
margin: 0;
padding: 0;
height: 100%;
background: url(../images/bg.jpg) top center repeat-y #FFF;
}
	
* {
margin: 0;
padding: 0;
} 

img	{
border-style: none;
}

a {
color: #0064B0;
}

#container	{
width: 980px;
margin: 0px auto;
text-align: left;
background: #fff;
padding: 0px 5px 5px 5px;
}
		
#header {
background: url(../images/headerbg.jpg) top right no-repeat #FFF;
width: 980px;
}

#header img {
margin-left: 25px;
}
		
#header .headdt {
float: right;
padding: 8px;
font-family: Arial, Verdana;
font-size: 12px;
color: #EFEFEF;
}

#menubar {
position: relative;
top: 1px;
height: 28px;
width: 980px;
font-size: 14px;
background: url(../images/menubg.jpg) repeat-x #4C3535;
}

#bodyfp, #body {
float: left;
margin-top: 5px;
margin-bottom: 5px;
min-height: 500px;
}

#body {
background: url(../images/sidenavbg.jpg) repeat-y left #FFF;
display: inline;
}

#bodylm {
float: left;
width: 600px;
}

#bodylm h2{
font-family: arial;
font-weight: bold;
color: #999999;
border-bottom: 1px solid #CCC;
}

.alertbar {
font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color: white;
font-size: 1.0em;
background: url(../images/importantbg.jpg) top left no-repeat #913A29;
text-align: left;
padding: 10px 10px 4px 170px;
height: 26px;
margin-bottom: 5px;
overflow: hidden;
vertical-align: middle;
}
	
.alertbar a {
color: white;
font-weight: bold;
font-size: 0.8em;
}

.newsbox {
float; left;
overflow: hidden;
font-family: arial, verdana, tahoma;
text-align: left;
width: 600px;
padding-bottom: 5px;
border-top: 1px dotted #CCC;
padding-top: 5px;
}

.newsboximg{
float: left;
text-align: center;
width: 160px;
padding-top: 5px;
}

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

.newsboxart, .newsboxartalt {
float: left;
width: 428px;
font-size: 0.8em;
padding: 6px;
}

.newsboxartalt {
background: #F6F6F6;
}

.newsboxart h3, .newsboxartalt h3{
width: 420px;
padding: 4px 4px 4px 10px;
margin-bottom: 0px;
background: url(../images/sidegrad3.jpg) bottom repeat-x #99998D;
}

.newsboxart h3 a, .newsboxartalt h3 a {
color: #FFF;
font-size: 0.8em;
text-decoration: none;
text-shadow: 0.05em 0.05em 0.05em #222;
}

.newsboxart h3 a:hover, .newsboxartalt h3 a:hover {
text-decoration: underline;
}

.newsboxart .lightsmall, .newsboxartalt .lightsmall {
font-family: "verdana, tahoma","arial";
font-size: 0.8em;
display: block;
text-align: right;
color: #666;
margin-bottom: 2px;
padding: 0px 3px;
width: 426px;
line-height: 12px;
}

.newsboxart p, .newsboxartalt p {
padding: 2px 4px;
}

.newsboxart a, .newsboxartalt a,{
margin: 4px;
font-weight: bold;
font-size: 0.8em;
}

.newsboxart img, .newsboxartalt img {
vertical-align: middle;
}

#fpbodybt {
margin: 10px 0px;
padding: 10px;
border-top: 3px solid #BABABA;
border-bottom: 3px solid #BABABA;
background: url(../images/newsbg.jpg) bottom repeat-x;
}

#fpcal {
float: left;
width: 175px;
}

#fpcallist {
width: 405px;
float: right;
}

#fpcallist li {
background: #FFF;
}

#bodyrm {
float: right;
width: 340px;
color: #EEE;
background: url(../images/fpsidebg.jpg) left repeat-y #BABABA;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
text-align: left;
margin-left: 20px;
}

#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;
background: url(../images/sidenavbg.jpg) top right repeat-y #BABABA;
}

#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: 720px;
padding: 0px 10px;
text-align: left;
font-family: verdana, tahoma, arial;
min-height: 500px;
background: url(../images/robg.jpg) no-repeat center 90px;
}

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

#pgmain{
width: 720px;
padding: 0px 10px;
//background: #CCC;
}

#pgmain h1 {
border-bottom: 1px solid #000;
display: block;
padding: 2px 0px;
margin-bottom: 2px;
font-size: 26px;
}

#pgmain_left {
float: left;
width: 400px;
padding: 5px;
}

#pgmain_top_cnt{
padding: 15px;
}

#pgmain_top_cnt p{
padding-bottom: 15px;
}

#contacttable {
background: #CDCDCD;
margin-top: 10px;
margin-bottom: 20px;
}

#contacttable td {
background: #FFF;
padding: 10px;
}

#pgmain_top_box {
float: right;
width: 240px;
margin: 5px 0px 20px 20px;
background: #FFF;
text-align: center;
}

.stdbox {
padding: 0px 0px 10px 0px;
border: 1px solid #AAA;
background: #FFF;
margin-bottom: 5px;
}

#pgmain .stdbox h4, .stdbox h4 {
font-family: Arial;
padding: 3px 8px;
margin-bottom: 4px;
background: url(../images/sidegrad3.jpg) bottom repeat-x #99998D;
color: #FFF;
font-weight: bold;
font-size: 12px;
text-transform: none;
text-align: left;
border-bottom: 1px solid #000;
text-shadow: 0.05em 0.05em 0.05em #222;
}

#bodyrm .stdbox h4 {
background: url(../images/altstdbox.jpg) bottom repeat-x #4449AA;
}

.stdbox ul, .stdbox li {
clear: both;
list-style: none;
padding-bottom: 4px;
font-family: arial, tahoma, verdana;
}

.stdbox li {
padding-top: 4px;
margin: 4px 8px;
font-size: 0.8em;
color: #353535;
border-bottom: 1px solid #DDD;
}

#pgmain_top_box li {
border: none;
clear: both;
}

.stdbox li img{
float:  left;
padding-right: 5px;
}

.stdbox li a {
text-decoration: none;
}

.stdbox .boximg {
margin-right: 5px;
display: block;
float: left;
}

.stdbox .boxdt {
float: left;
text-align: center;
line-height: 11px;
padding: 0px 10px 0px 5px;
}

#fpcallist .stdbox .boxdt {
padding: 0px 5px;
line-height: 15px;
}

.stdbox .boxtxt {
float: left;
width: 230px;
}

.boxsmall {
display: block;
color: #434343;
font-size: 0.9em;
}

#pgmain_bot {
clear: both;
margin-top: 10px;
}

#pgmain h4, #pgmain_bot h4{
font-face: verdana, lucida grande, tahoma;
padding-top: 15px;
padding-left: 10px;
font-weight: bold;
color: #555555;
text-transform: uppercase;
border-bottom: 1px solid #DDD;
}


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

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

.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:  220px;
margin: 3px;
margin-right: 10px;
height: 140px;
overflow: hidden;
}

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

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

.listingbodyimg {
width: 160px;
float: left;
text-align: center;
}

.listingbodyimg img{
padding: 2px;

}

.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{
line-height: 11px;
margin: 0px;
padding-left: 5px;
}

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

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

#maincontent .attbox a{
text-decoration: none;
font-size: 0.7em;
}

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

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

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

#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;
}

.btbox h3, #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;
border-bottom: 1px solid #DDD;
}

#bodyrm .btbox li img {
vertical-align: top;
float: left;
display: block;
margin: 3px 10px 0px 0px;
border: none;
}


#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;
}

#pgbox {
clear: both;
border: 1px solid #999999;
margin: 10px 0px;
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;
}

#fpbodybt table {
padding: 0px;
background: #FFF;
}

#fpbodybt table td {
font-size: 10px;
font-family: arial;
}

#fpbodybt table td a{
text-decoration: none;
font-weight: bold;
padding: 6px;
display: block;
}

#fpbodybt .monthname {
color: #333;
font-weight: bold;
text-align: center;
font-size: 12px;
padding: 2px;
background: #DDD;
}



#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;
}


.stdbox strong{
text-align: left;
color: #222;
border-bottom: 1px solid #999;
}

#callist {
float: left;
width: 400px;
padding: 0px 20px;
margin-bottom: 10px;
}

.calbox {
text-align: center; 
margin: 0;
border-width: 0px;
border-color: #000;
border-style: solid;
width: 12px;
background: #EEE;
}

#pgmain_left .calbox {
width: 60px;
height: 60px;
}

.calsel {
background: #BABABA;
}

.calfnd {
background: #99998D;
color: #FFF;
}

.calfnd a {
color: #FFF;
}

.caltod {
background: #DDD;
}

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

	
.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: 4px 0px 4px 0px;
margin-top: 0px;
color: #FFFFFF;
width: 163px;
height: 20px;
font-family: sans-serif, "Lucida Grande", "Lucida Sans Unicode", verdana, arial;
color: #FFFFFF;
font-size: 1.1em;
	}
	
		ul.dropdown li.diractive {
    	text-align: center;
    	padding: 4px 0px 4px 0px;
    	margin-top: 0px;
    	color: #FFFFFF;
    	width: 163px;
	height: 20px;

  	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 #AAA;
	width: 184px;
	}

	ul.dropdown li.dropitem {
	background: url(../images/newsbg.jpg) bottom #FFF;
    	width: 184px;
	border-bottom: 1px solid #BBB;
border-top: 1px solid #FFF;    	
}


    	ul.dropdown li.dropitem a {
    	display: block;
font-weight: bold;
        font-size: 12px ;
font-family: arial;
background: url(../images/newsbg.jpg) bottom #FFF;
        text-align: left;
        text-decoration: none;
        padding: 5px 15px;
        color: #63635B
	}

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



	ul.dropdown li.subdir {
border-top: 1px solid #FFF;
	border-bottom: 1px solid #AAA;
    	width: 184px;
    	}


ul.dropdown li.subdir a {
display: block;
background: url(../images/newsbg.jpg) bottom #FFF;
font-weight: bold;
font-size: 12px;
font-family: arial;
text-align: left;
text-decoration: none;
padding: 5px 15px;
color: #63635B
	}

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



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


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 0px;
	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%;
}