html, body  {
   padding: 0px;
   margin: 0px;
   background: #FFFFFF url(images/Background.gif) center top repeat-x;
   font: .9em Arial, sans-serif; 
}

#test 
{
	position:absolute;
}

input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

	
a { color: #DA3B3B; background: inherit; }
a:hover { color: #DA3B3B; background: inherit; text-decoration: underline}
p {	margin: 5px 0; }
h1 {	font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; height:auto; width:auto;}
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
ul { padding: 10px 0; margin-left:0px; margin-top:0px}
li {display:list-item;}
/* Picture at the top of the site */

#advancedsearchtext p  {
   font: 10px/12px Verdana;
   margin: 0px;
   color: #A74E0E;
   text-decoration: underline;
   text-align: left;
}
#menu_seperator1,
#menu_seperator2,
#menu_seperator3,
#menu_seperator4,
#menu_seperator5,
#menu_seperator6,
#menu_seperator7,
#menu_seperator8,
#menu_seperator9,
#menu_seperator10  {
   visibility: visible;
   position: absolute;
   z-index: 2;
   width: 2px;
   height: 29px;
   background-repeat: no-repeat;
}
#Hometext a,
#bookstoretext a,
#webmailtext a, 
#calendartext a, 
#ulaccounttext a, 
#sitemaptext a, 
#contactustext a
{
	font: 10px Tahoma;
	
	color: #FFFFFF;
	text-align: left;
	text-decoration:none;
	position:absolute;
}

#contactustext a:hover { text-decoration:none;}


#UpperHeader 
{

   background: url(images/UpperHeader.gif) no-repeat;
   margin-right:auto;
   margin-left:auto;
   position:absolute;
   z-index: 2;
   width: 808px;
   height: 19px;
}
#LogoContainer
{
	
   margin-right:auto;
   margin-left:auto;
  position:absolute;
   z-index: 2;
}

#Menu_Container
{
   margin-right:auto;
   margin-left:auto;
   z-index:3;
   text-align:center;
   color:#FFFFFF;
   
}

#Menu_Container #navtop a
{ 
   
   font-weight:bold;
   color:#FFFFFF;
   font-size:12px;

}
#navtop
{
   text-align:left;
   padding: 0 0 0 5px;
   z-index: 4;

}

#Menu_Container #navtop a:hover
{
 
 text-decoration:underline;
 color:#fec700;
 
}

.level2 
{
	 font-weight:normal ;
	 Width:150px;
	 margin-top:4px;
	 padding-top:5px;
	 padding-left: 5px;
	 border-left: 2px solid #b83030;
     border-right: 2px solid #b83030;
     border-bottom: 2px solid #b83030;
      z-index: 7;
}


#banner
{
  background: url(images/banner.gif) no-repeat;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
   z-index: 1;
   width: 808px;
   height: 86px;
}
#sitesearchlabel
{
	background: url(images/sitesearchlabel.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 611px;
   top: 20px;
   z-index: 2;
   width: 72px;
   height: 30px;
}
#sitesearchtextbox
{
 visibility: visible;
   position: absolute;
   left: 611px;
   top: 45px;
   z-index: 2;
   width: 160px;
   height: 30px;
}
#advancedsearchtext  
{
   visibility: visible;
   position: absolute;
   left: 614px;
   top: 70px;
   z-index: 2;
   width: 102px;
}
.SearchButton  
{
	background: url(images/SearchButton.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 784px;
   top: 47px;
   z-index: 2;
   width: 40px;
   height: 39px;
}



#menu_background  {
  background: url(images/menu_background.gif) repeat-x;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
   z-index: 1;
   width: 808px;
   height: 30px;
}
#menu_seperator1
{
   background-image: url(images/menu_seperator.gif);
   left: 5px;
}
#menu_seperator2  {
   background-image: url(images/menu_seperator.gif);
   left: 95px;
}
#menu_seperator3 {
   background-image: url(images/menu_seperator.gif);
   left: 180px;
}
#menu_seperator4  {
   background-image: url(images/menu_seperator.gif);
   left: 272px;
}
#menu_seperator5  {
   background-image: url(images/menu_seperator.gif);
   left: 379px;
}

#menu_seperator6  {
   background-image: url(images/menu_seperator.gif);
   left: 468px;
}

#menu_seperator7  {
   background-image: url('images/menu_seperator.gif');
   left: 531px;
	top: 1px;
}

#menu_seperator8  {
   background-image: url(images/menu_seperator.gif);
   left: 640px;
}


#menu_seperator9 {
   background-image: url(images/menu_seperator.gif);
   left: 715px;
}

#menu_seperator10  {
   background-image: url(images/menu_seperator.gif);
   left: 799px;
}




#ULLOGO  
{
   background: url(images/UL_Logo.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 16px;
   top: 18px;
   z-index: 2;
   width: 201px;
   height: 65px;
}




#MenuTopContainer
{
	padding:0px 0px 0px 0px;
	height: 20px;
	width: 430px;
}

#ULAccountArrow,
#SiteMapArrow,
#WebmailArrow,
#HomeArrow,
#ContactUsArrow,
#CalendarArrow,
#BookStoreArrow  {
   visibility: visible;
   position: absolute;
   top:5px;
   z-index: 4;
   width: 4px;
   height: 7px;
   background-repeat: no-repeat;
}

#Hometext
{
   visibility: visible;
   position:absolute;
   left: 307px;
   top: 2px;
   z-index: 4;
   width: 31px;
}

#bookstoretext  {
   visibility: visible;
   position: absolute;
   left: 355px;
   top: 2px;
   z-index: 4;
   width: 65px;
}

#contactustext  {
   visibility: visible;
   position: absolute;
   left: 738px;
   top: 2px;
   z-index: 4;
   width: 68px;
}
#calendartext  {
   visibility: visible;
   position: absolute;
   left: 502px;
   top: 2px;
   z-index: 4;
   width: 56px;
}

#webmailtext  {
   visibility: visible;
   position: absolute;
   left: 434px;
   top: 2px;
   z-index: 4;
   width: 53px;
}

#sitemaptext  {
   visibility: visible;
   position: absolute;
   left: 673px;
   top: 2px;
   z-index: 4;
   width: 49px;
}

#footertext p  {
   font: 11px/13px Tahoma;
   margin: 5px;
   color: #FDFDFD;
   text-align: left;
}
#ulaccounttext  {
   visibility: visible;
   position: absolute;
   left: 573px;
   top: 2px;
   z-index: 4;
   width: 88px;
}


#ULAccountArrow  {
   background-image: url(images/arrow_top.gif);
   left: 564px;
}

#SiteMapArrow  {
   background-image: url(images/arrow_top.gif);
   left: 664px;
}


#HomeArrow  {
   background-image: url(images/arrow_top.gif);
   left: 298px;
}

#CalendarArrow  {
   background-image: url(images/arrow_top.gif);
   left: 493px;
}

#ContactUsArrow  {
   background-image: url(images/arrow_top.gif);
   left: 729px;
}
#BookStoreArrow  {
   background-image: url(images/arrow_top.gif);
   left: 346px;
}

#WebmailArrow  {
   background-image: url(images/arrow_top.gif);
   left: 425px;
}


/* Second part */
.content { margin: 0px auto; width: 800px;
	height: 54px;
}
#top 
{
 background : url(images/top.gif) repeat-x;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
   z-index: 1;
   height: 23px;
}


#prec { 	height: 220px; 	margin:0; padding: 0 0 0 0; background: #F6F6F6; overflow: hidden; margin-bottom: 0px; z-index:0 }
	#wrap { margin: auto; width: 808px; padding:0 0 0 0; }
		#wrap #pic { float: right; background: #FFFFFF; height: 199px; width: 581px; z-index:-1; padding: 2px 2px 2px 2px; 
		             margin-left:0px; border-color:white; border-width:thin;border: 1px 1px 1px 1px solid #ccc;
	}
			#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
			#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
			#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
			#wrap #pic #slogan a { color: #FFF; }
			
	#prec #menu {float:left; background: inherit; height:199px; z-index:3;
	width: auto;
}
	#prec #menu a { padding-left: 25px; font:  0.9em Arial, Sans-Serif; font-size:small; background: #F6F6F6 url(images/arrow.gif) no-repeat left; text-decoration:none; color: #E97B00;}
	#prec #menu ul { padding: 10px 0; margin-left:0px; margin-top:0px}
	#prec #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none }

/*  Description of the Page right after the content page menu */
#maindescription { background: #FFFFFF; margin-top:0px;padding-top:15px; margin-bottom:15px}
   #wrap2 { margin:auto; width: 808px; }
	  #wrap2 p {margin-top:0px;text-align:justify}
	  #wrap2 a, #left_side a { background: #FFFFFF; text-decoration: none }
      #wrap2 a:hover, #left_side a:hover { text-decoration: underline; 
}
/* main area */

#main { }
   #wrap3 { margin:auto; width: 808px; }
	#right_side { float: right; width: 212px; background: #F6F6F6; padding: 5px 10px 5px 10px; margin-bottom: 10px }
		#right_side ul { margin:0 0 11px 0; border-bottom:2px solid #FF9600;list-style:none;padding:0 2px;} 
		#right_side li {padding:4px 4px 6px 5px; background:url(images/bg-dotted.gif) repeat-x bottom;}
		#right_side li  a { background-color: Transparent; color: #E97B00; text-transform:uppercase; font-weight:bold;}
		#right_side li  a:hover {text-decoration: none;}
		.newscomment { border-top: 1px dotted #ccc; text-align: right; padding: 5px 0 5px 0;font: Sans-Serif, Arial; font-size:11.5px;}
		.weatherTable{padding:5px;background-color:transparent;text-align: center; margin-right:auto; margin-left:auto }
		.fcastTable{padding:3px;background-color:white;text-align:center;  border:solid 1px #c3c3c3; margin-left: auto; margin-right: auto; }
		
		.temp{font-size:22px;font-family:Tahoma; }
		.cc{font-size: 11px;font-family:Tahoma;}
		.fcastWeekDay{ font-weight: bold;}
        .ccLoc{font-weight: bold; }
        .fcastDate{ font-size: 11px;font-family:Tahoma;}
        .curWind{font-size: 11px;font-family:Tahoma; }
        .weatherError{color: #ff0000;font-size: 12px;margin: 5px 0 5px 0;} 
		#right_side a { background: #F6F6F6; text-decoration: none}
		#right_side a:hover, #left_side a:hover { text-decoration: underline;}
		#right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; font-size:14px; }
	    #right_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify; }
	    #right_side h4 { margin: 0 0 0 0; color: #8b8a8a; font:  bold 1.2em Arial, Sans-Serif; font-size:10.5px;}
	                
	                     
	                   
	
	#left_side { background: #FFF; margin-bottom: 10px; width: 560px;  }
		#left_side h3 { background: #FFF url(images/bigcontainer.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; font-size:14px;}
		#left_side h3 span {padding: 1px 0px 0 5px;  line-height: 22px; margin: 0}
		#left_side h3 span img {float: left; padding: 0 0px 5px 0; width:auto}
		#left_side h4 { margin: 0 5px 10px 5px; color: #404040; font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px;}
		#left_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify; }
		#left_side img { float: left; padding: 0 10px 5px 0; width: auto;}	
        #left_side ul { padding: 3px 0 0px 0  }
        #left_side ul li { list-style-image:url(images/greybullet.gif); margin-left:16px; color: #454545;}
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 5px 0; text-align: right; font-size: 11.5px; }	
		.buttonright { background: #FFF url(images/registerbutton.jpg) no-repeat; height:48px; windows:194px; background-position:right; cursor:pointer;}	
		#left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }


		
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #FFFFFF; padding: 5px 0 5px 0; font-size:11px;}
		#wrap5 { margin:auto; width: 808px;}
		#wrap5 .right  { float: right; text-align: right; background: #FFFFFF; margin-bottom:0px;}
		#wrap5 a { text-decoration: none; background: #FFFFFFF; font-size: 11px
 }
 
#viewall {padding: 0 5px 0 5px; float: right; text-align: right; font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px; }
		#viewall a, .viewall a {font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px;}
		#viewall a:hover, .viewall a:hover, #left_side a:hover { text-decoration: underline;
 }
 
 #viewall2 {padding: 0 5px 0 5px; text-align: right; font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px; }
		#viewall a {font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px;}
		#viewall a:hover, #left_side a:hover { text-decoration: underline;
 }
  #viewall3 {padding: 0 5px 0 5px; text-align: right; font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px; }
		#viewall a {font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px;}
		#viewall a:hover, #left_side a:hover { text-decoration: underline;
 }
  #listnews {padding: 0 5px 0 5px; text-align: left; font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px; }
		#listnews a {font:  bold 1.2em Arial, Sans-Serif; font-size:11.5px;}
		#listnews a:hover, #left_side a:hover { text-decoration: underline;
 }
 
 #divcomments {  background: #FFF; margin-bottom: 10px; width: 560px;  padding: 5px 0 0 5px; font-size: 10px;color: #404040;}
    #divcomments h3 { background: #FFF; padding: 0 0 10px 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; font-size:14px; }
          #divcomments a {  font-size:12px; }
          #divcomments p {  padding: 10px, 0, 0,0; font-size:12px;  
 }
 
  #divleavecomments {  background: #FFF; margin-bottom: 10px; width: 560px; padding: 5px 0 0 5px; }
    #divleavecomments h3 { background: #FFF; padding: 0 0 10px 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; font-size:14px;
 }
 
 .full_class { border: medium solid #CCFFCC border-top-width: medium; border-top-style: solid; border-top-color: #CCFFCC; border-right-width: medium; border-right-style: solid; border-right-color: #CCFFCC; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #CCFFCC; border-left-width: medium; border-left-style: solid; border-left-color: #CCFFCC; margin: 0 5px 0 5px; font-size:10px;
 }
 .watermark { font: arial, sans serif, tahoma; font-size: 12px; color:#ccc; }
 
 /* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    float:left;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


.buttonlogin
{
background-image: url(Images/loginbutton2.png);

}