p {
	margin-top:0px;	
	
}

a{
	font-family:Arial, Helvetica, sans-serif;
	color:#0033CC;
	text-decoration:none;
		
}

a:visited{
	
	color:#0033CC;
}

a:hover{
	
	
	text-decoration: underline;
}
.red {
	color:#F00;	
}
.small {

	font-size:11px;
color:#FFF;

}
.small2 {

	font-size:9px;
color:#000;

}



#page_wrap {
	width: 848px;
	margin: 0 auto;
	text-align:center;
	background-image: url(/images/shadow_03.png); /** Link to the image you created **/
	background-repeat: repeat-y; /** Repeats the image vertically **/
	background-position: center; /** Centers the Background image **/
	
}
body {
	margin:0px;
	background-image: url(/images/hbbackground.gif); /** Link to the image you created **/
	background-position:center; /** Centers the Background image **/
	background-position:top;
	background-repeat:no-repeat
}
#banner
{
	width:766px;
	hegith:220px;
}

#container {
	width:766px;
	text-align:center;
	margin:auto;
	background-color:#FFF;
}

#main {
	
	width:100%;
	overflow:hidden;
	/*min-height:720px;*/
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
	
}

#left_nav {
	
	margin-top:2px;
	float:left;
	width:186px;
	min-height:400px;
	
	
	background: url(/images/Homepage_08.png) no-repeat center top;	
	
	background-color: #4c81a0;
	
}

#content{	
	margin-top:2px;
	text-align:left;
	float:right;
	width:570px;
	
}
#content_main{
	padding:5px;
	padding-right:3px;
	padding-left:3px;
	
}

#left_column{
	float:left;
	width:390px;
	padding:0px;
	margin-left:0px;
}

#right_column{
	float:right;
	width:174px;
	padding:0px;
	margin-right:2px;
}


#footer {
	background-image: url(/images/shadow_06.png); /** Link to the image you created **/
	background-position: center; /** Centers the Background image **/
	height:90px;
	background-repeat:no-repeat;
	text-align:center;
	overflow:hidden;
	width: 848px;
	margin: 0 auto;
	
	
	
}

#footer_content {
	
	
	
	height:60px;
	width:766px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	background-color:#9dcfeb;
	
}
div#footer_content a {
	color:#06C;
	
}

div#footer_content a:visited {
	color:#06C;
	
}

div#footer_content a:hover {
	color:#F90;
	
}





#top_navigation {
	
	background-image: url(/images/Homepage_05.jpg); /** Link to the image you created **/
	height:39px;
	width:766px;
}

#top_header {
	
	background-image: url(/images/Homepage_03.jpg); /** Link to the image you created **/
	height:114px;
	width:766px;
	color:white;
}

#google_search {

	margin:5px;
	float:right;
	width:380px;
}

div#google_search a{

	font-size:11px;
	color:#FFF;
}

div#google_search a:visited{

	
	color:#FFF;
}




.beach {

	font-size:12px;
color:#FFF;

}


div#google_search .search_button{

	

	

	background: url(/images/mag.gif) no-repeat center;

	height: 17px;

	width: 17px;

	border: 0;

	cursor: pointer;

}

div#annoucements ul{
	margin:0px;
	padding:0px;
	padding-top:10px;
	list-style:none;
	
	
}

div#annoucements ul li{
	margin-left:20px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	list-style:none;
	list-style-image:url(/images/dot_03.jpg);
	text-align:left;
	
	
	font-size:12px;	
	
	
	
	
	
}


div#left_nav ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	list-style:none;
	
}

div#left_nav ul li{
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	
	list-style:none;
	text-align:left;
	font-size:20px;
	border-bottom:1px white solid;	
	color:#FFF;
	font-weight:bold;
	height:35px;
	
	
	
	
	
}
div#left_nav ul li a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	
}
div#left_nav ul li a:visited{
	color:#FFF;
	
}

div#left_nav ul li a:hover{
	color:#F90;
	
}

#second_nav {
	
	margin-top:2px;
	float:left;
	width:186px;
	min-height:400px;
		
	background: url(/images/secondarypage_03.png) no-repeat center top;	
	
	background-color: #4c81a0;
	
}

div#second_nav ul{
	margin:0px;
	padding:0px;
	padding-top:10px;
	list-style:none;
	
}

div#second_nav ul li{
	margin-left:0px;
	margin-bottom:0px;
	padding:5px;
	padding-left:0px;
	list-style:none;
	text-align:left;
	font-size:13px;
	/*font-weight:bold;*/
	
	color:#FFF;
	border-bottom:1px solid #CACACA;
	
	
	
	
	
}

div#second_nav ul li ul {
	
	margin-top:5px;
	border-top:1px solid #CACACA;	
	
}

div#second_nav ul li ul li{
	margin-left:0px;
	margin-bottom:0px;
	padding:3px;
	padding-left:10px;
	list-style:none;
	text-align:left;
	font-size:12px;
	/*font-weight:bold;*/
	
	color:#FFF;
	border-bottom:0px solid #CACACA;
	
	
	
	
	
}
div#second_nav ul li a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	margin-left:10px;
}
div#second_nav ul li a:visited{
	color:#FFF;
	
}

div#second_nav ul li a:hover{
	color:#F90;
	
}



li.orange {
list-style-image:url(/images/users/building_and_safety/bullet.gif);
font-size:12px;



}


#weather {
	padding:5px;
	background: url(/images/navpanel_03.png) no-repeat center top;
	width:186px;
	height:111px;
	
	
}

#weather div{
	padding:5px;
	color:white;
	font-weight:bold;
	font-size:14px;
			


	
	
}
img {
	border:0px;	
}

#featureheader {
	padding:3px;
	background-color:#ab9f8c;	
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	
}

#secondaryheader {	
	background: url(/images/secondarypage_09.jpg) no-repeat left top;
	height:50px;
	color:#41667d;
	padding-top:30px;
	font-size:19px;
	font-weight:bold;
	padding-left:10px;
	
}

div.header3{ font-size:12px; font-weight:bold; font-family:arial,Helvetica,sans-serif; color:#333333; margin-left:10px; padding-top:0px; }



/* Standard Table FORMAT START -----------------------------
----------------------------------------------*/



table.table {
	border-width: 1px;
	border-spacing: 2;
	border-style: solid;
	border-color: #9dceec;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
}



table.table td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #9dceec;
	background-color: #ffffff;
	-moz-border-radius: ;
}


table.table th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #9dceec;
	background-color: #9dceec;
	-moz-border-radius: ;
	
	}








/* CALENDAR FORMAT START -----------------------------
----------------------------------------------*/

.monthHeader{
	
	 background-color:#FFFFCC;
	 border-width: 1px;
		border-spacing: 2;
		border-style: solid;
		border-color:#666600;
		border-collapse: collapse;	
		border-bottom-width:0px;
	}
    .caltexthighlight{
       FONT-WEIGHT: bold;
         FONT-SIZE: 8pt;
         COLOR:#000000;
        FONT-STYLE: normal;
        FONT-FAMILY: verdana, arial, helvetica, sans-serif;
        TEXT-DECORATION: none;
        PADDING-BOTTOM: 5px;
		line-height:25px;
		
     }
     .caltext{
        FONT-WEIGHT: normal;
       FONT-SIZE: 8pt;
        COLOR: #666666;
       FONT-STYLE: normal;
       FONT-FAMILY: verdana, arial, helvetica, sans-serif;
       TEXT-DECORATION: none;
       PADDING-BOTTOM: 5px
      }
     .calendarheader{
       FONT-WEIGHT: bold;
       FONT-SIZE: 8pt;
       COLOR:#000000;
       FONT-STYLE: normal;
       FONT-FAMILY: verdana, arial, helvetica, sans-serif;
       TEXT-DECORATION: none;
	  
      }
      .calendar{
       FONT-WEIGHT: normal;
       FONT-SIZE: 8pt;
       COLOR: black;
       FONT-STYLE: normal;
       FONT-FAMILY: verdana, arial, helvetica, sans-serif;
       TEXT-DECORATION: none;
	   line-height:1.5;
	   
       }
      
      .calendartoday{
        
        FONT-SIZE: 8pt;
        COLOR: black;
        FONT-STYLE: normal;
        FONT-FAMILY: verdana, arial, helvetica, sans-serif;
        
		
		
       }
	   
	   table.calendar {
		border-width: 1px;
		border-spacing: 2;
		border-style: solid;
		border-color:#666600;
		border-collapse: collapse;	
		}
		table.calendar td {
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: #666600;
		
		-moz-border-radius: ;
		}
		
/* CALENDAR FORMAT END -----------------------------
----------------------------------------------*/

/* Feature News START -----------------------------
----------------------------------------------*/
#banners
{
        width:350px;
        height:230px;
        border:0px solid #cccccc;
}


#banners #banner1
{
        display:block;
}



#banners ul
{
        
       
        
        margin:0px;
		padding:0px;
		height:15px;
}



#banners ul li 
{
		display:inline;
        text-decoration:none;
		
            
        margin:1px;
		padding:3px;
		
		
        
		background-color:#ab9f8c;
		color:#fff;
        
}

/* MODULE FORMAT -----------------------------
----------------------------------------------*/



div.module1_bottom {

background:url(/images/module1_bottom.gif) no-repeat top;
width:270px;
height:20px;

}

div.module1_content {
background:url(/images/module1_back.gif) repeat-y top;
width:270px;
padding:0px;
margin:0px;
}

/*used for police portal style heading*/
div.header2{ font-size:12px; font-weight:bold; font-family:arial,Helvetica,sans-serif; color:#333333; margin-left:15px; padding-top:7px; }

div.module1_top {

clear:both;
background:url(/images/module1_top.gif) no-repeat top;
width:270px;
height:30px;

}

div.module1_bottom_link {

background:url(/images/module1_bottom_contact.gif) no-repeat top;
width:182px;
height:20px;

}

div.module1_content_link {
background:url(/images/module1_back_contact.gif) repeat-y top;
width:182px;


}

div.module1_top_link {

clear:both;
background:url(/images/module1_top_red_contact.gif) no-repeat top;
width:182px;
height:30px;
}

div.module {

}

#title_bar {
border-bottom:1px solid #6E6E58;
border-top:1px solid #6E6E58;
background-color:#FFFFCC;


}

div.dep_header {

border:1px #999999 solid; 
height:15px; 
border-width:1px 1px 1px 1px; 
background-color:#D1D1AA;
margin-top:10px;
margin-bottom:0px;

}

div.title_header {

border:1px #999999 solid; 

border-width:1px 1px 1px 1px; 
background-color:#D1D1AA;

}

.title_header1 {

border:1px #999999 solid; 

border-width:1px 1px 1px 1px; 
background-color:#D1D1AA;

}

.title_header2 {


background-color:#FFFFCC;

}

div.dep_box {

border:1px #CCCCCC none; 
border-width:0px 1px 1px 1px; 
background-color:white;
margin-top:0px;
margin-bottom:10px;


}

/* MODULE FORMAT END -----------------------------
----------------------------------------------*/

/* CUSTOM LIBRARY CSS CODES */


#ycontent {
                                border: 1px solid #6E6E58;
                                background: #ab9f8c;
                                clear: both;
                                padding: 0 1em;
                }

#yheader #selected a {
                                position: relative;
                                top: 1px;
                                background: #ab9f8c;
                                color: white;
                                font-weight: bold;
                                font-family: sans-serif;
                }

#yheader #selected {
                                border-color: #999966;
                }

#yheader #tabyellow a {
                                background: #3D3101;
                }

#yheader #taborange a {		background: #4c81a0;
                }
#yheader #tabgreen a {
                                background: #bc5d15;
                }

#yheader li {
                                float: left;
                                border: 1px solid #6E6E58;
                                border-bottom-width: 0;
                                margin: 0;
    }

#yheader ul {
                                list-style: none;
                                padding: 0;
                                margin: 0;
    }
#yheader a {
                                text-decoration: none;
                                display: block;
                                background: #3F5E09;
                                padding: 0em;
                                color: white;
				font-weight: bold;
                                width: 8em;
                                text-align: center;
                                font-size: 1em;
    }

#yheader a:hover {
                                text-decoration: underline;
                }  
  

#yheader #bluselect a {
		position: relative;
		top: 1px;
		background: #2e60ff;
		color: white;
		font-weight: bold;
		font-family: sans-serif;
		
	}
	
#yblucontent {
		border: 1px solid #6E6E58;
		background: #2e60ff;
		clear: both;
		padding: 0 1em;
	}

#yheader #yellow a {
		
		display: block;
		background: #ffff00;
		padding: 0.01em 1em;
		color: black;
		width: 8em;
		text-align: center;
		font-weight: bold;
    }
	
a.rolloverlib { 
   display: block; 
   width: 125px; 
   height: 30px; 
   text-decoration: none; 
   background: url("../../../images/users/library/libloginmyaccount.gif"); 
} 
  
a.rolloverlib:hover { 
   background-position:0 -30px;
} 

.libcell { width: 128px;
height: 135px; 
text-align: center;
vertical-align:top; 
background: #fff url('../../../images/users/library/libhomecell1.gif');
background-repeat: no-repeat;
font-size:11px; 
font-family:tahoma, helvetica;
font-weight:bold;
padding-top:5px;
float:left;

}

.libcell:hover  { width: 128px;
height: 130px; 
text-align: center;
vertical-align:top; 
background: #fff url('../../../images/users/library/libhomecell2.gif');
background-repeat: no-repeat;
font-size:11px; 
font-family:tahoma, helvetica;
font-weight:bold;
padding-top:5px;
float:left;

}

a.rolldwpink { 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwpink.gif"); 
} 
  
a.rolldwpink:hover { 
   background-position:0 -102px;
} 

a.rolldwgreen { 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwgreen.gif"); 
} 
  
a.rolldwgreen:hover { 
   background-position:0 -102px;
} 
a.rolldwblue { 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwblue.gif"); 
} 
  
a.rolldwblue:hover { 
   background-position:0 -102px;
} 
a.rolldwred{ 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwred.gif"); 
} 
a.rolldwred:hover { 
   background-position:0 -102px;
} 
a.rolldwyellow{ 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwyellow.gif"); 
} 
a.rolldwyellow:hover { 
   background-position:0 -102px;
} 
a.rolldworange{ 
   display: block; 
   width: 177px; 
   height: 102px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dworange.gif"); 
} 
  
a.rolldworange:hover { 
   background-position:0 -102px;
} 
a.rolldwpurple{ 
   display: block; 
   width: 287px; 
   height: 58px; 
   text-decoration: none; 
   background: url("../../../images/users/library/dwpurple.gif"); 
} 
  
a.rolldwpurple:hover { 
   background-position:0 -58px;
}
.libteen {
background: url("../../../images/users/library/yaback.gif");
align-text:center;
align:center;
color:#FFCC66
}
.liblite {
background: url("../../../images/users/library/yalite.gif");
align-text:center;
align:center;
}
.liba:link {
  color: #99FFFF; 
  text-decoration: none; 
}
.liba:visited {
  color: #FFFF66;
  text-decoration: none; 
  }
.liba:hover { /*this effect is not shown in NN4.xx*/
  color: #CCCC99;  
  text-decoration: underline; 
  }
.liba:active {/*colour in NN4.xx is red*/ 
  color: #FFFFFF; 
  text-decoration: underline; 
}