/*******************************************************************************
 THE MAIN CSS LAYOUT STYLESHEET
  
 THE ORDER OF ATTRIBUTES
   1. z-index
   2. display (none, inline, block)
   3. position (relative, absolute, top, left)
   4. size (width & height)			
   5. margins
   6. padding
   7. borders
   8. background (image, color)
   9. font			       
*******************************************************************************/


/*******************************************************************************
 MAIN CONTAINER SETTINGS						       
*******************************************************************************/
div.main_container
{
    position: relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;    
}


/*******************************************************************************
 HEADER CONTAINER SETTINGS						       
*******************************************************************************/
div.header_container
{
    position: relative;
    width: 100%;
    height: 180px;
    background-color: #FFFFE5;
}
div.header_images
{
    position: relative;
}
/* Quick LinkTabkle Settings */
table.quicklink_table
{    
    border: none;
}
table.quicklink_table td
{
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    text-align: center;
}
/* Quick Link Dimensions */
div.quicklink_bar 
{
    position: relative;
    top: 2px;
    width: 100%;
    height: 30px;
    vertical_align: middle;    
}
/* Quick Link Settings */
div.quicklink_bar a
{
    font-family: arial;
    font-size: 10pt;  
    font-variant: small-caps;
    color: #0577B5;
    text-decoration: none;   
}
/* Quick Link Mouse-Over Settings */
div.quicklink_bar a:hover
{
    color: #0577B5;
    text-decoration: underline;
}
/* search box dimensions */
div.search_box
{
    position: absolute;
    top: 0px;
}
/* Clock Tower Image Settings */
img.clock_tower
{
    z-index: 100;
    position: absolute;
    top: 7px;
    border-style: none;
}
/* Town Words Image Settings */
img.town_words
{
    z-index: 100;
    position: absolute;
    left: 90px;
    top: 20px;
}
/* Town Collage Settings */
img.town_collage
{
    z-index: 90;
    position: absolute;
    left: 345px;
    top: 0px;
}
/* Top menu settings */
div.top_menu
{
    position: absolute;
    top: 110px;
    left: 0px;
    width: 100%;
    height: 40px;
    background-image: url("images/top_menu_background.gif");
}
/* Top Menu Link settings */
div.top_menu a
{   
    position: relative;    
    top: 7px;
    text-decoration: none;    
    font-family: arial;
    font-size: 10pt;
    font-varient: small-caps;
    color: #FFFFFF;
    display: block;
}
/* Living Here Button Settings*/
div.living_here_button
{
    position: relative;
    top: 6px;
    left: 110px;
    width: 110px;
    height: 30px;
    text-align: center;
    
}
/* Visiting Button Settings*/
div.visiting_button
{
    position: absolute;
    top: 6px;
    left: 230px;
    width: 100px;
    height: 30px;
    text-align: center;    
}
/* Business Button Settings*/
div.business_button
{
    position: absolute;
    top: 6px;
    left: 340px;
    width: 185px;
    height: 30px;
    text-align: center;        
}
/* Townhall Button Settings*/
div.town_hall_button
{
    position: absolute;
    top: 6px;
    left: 535px;
    width: 110px;
    height: 30px;
    text-align: center;    
}
/* Services Button Settings*/
div.services_button
{
    position: absolute;
    top: 6px;
    left: 655px;
    width: 140px;
    height: 30px;
    text-align: center;    
}


/*******************************************************************************
 CENTER CONTAINER SETTINGS						       
*******************************************************************************/
div.center_container
{
    position: relative;
    width: 100%;        
}


/*******************************************************************************
 MENU CONTAINER SETTINGS						       
*******************************************************************************/
div.menu_container
{
    position: absolute;
    top: 0px;
    width: 210px;
    height: 100%;
    border-left: 1px solid #18538D;
    border-right: 1px solid #18538D;
    background-color: #2465BF;
    background-image: url("images/menu_background.png"); 
    background-repeat:no-repeat;
    background-position: bottom center;
    font-family: arial;
    font-size: 10pt;
}
/* Menu bottom image settings */
img.menu_bottom
{
    position: absolute;
    top: 100%;
    left: -1px;
    width: 212px;
    height: 11px;
}
/* Home image settings */
img.home
{
    display: none;
    position: absolute;
    top: 63px;
    left: 110px;    
}
/* Menu header settings */
a.menu_header
{    
    display: block;
    width: 196px;
    margin-left: 3px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
    border-bottom: 2px solid #08437D;
    text-decoration: none;
    font-size: 16pt;
    color: #FFFFFF;
}
/* First level menu settings */
ul.menu_level1
{    
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
}
/* First level menu link settings */
ul.menu_level1 a
{
    display: block;
    width: 196px;    
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #08437D;
    text-decoration: none;
    color: #FFFFFF;
}
/* First level menu link hover settings */
ul.menu_level1 a:hover
{    
    background-color: #417AC7;
    color: #FFFFFF;
}
/* Second level menu settings */
ul.menu_level2
{    
    margin-left: 20px;
    padding-left: 0px;
    border-left: 1px solid #08437D;
    border-bottom: 1px solid #08437D;
    list-style-type: none;
}
/* Second level menu link settings */
ul.menu_level2 a
{
    display: block;
    width: 176px;    
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 3px;
    border-bottom: none;
    text-decoration: none;
    color: #FFFFFF;
}
/* Second level menu link hover settings */
ul.menu_level2 a:hover
{    
    background-color: #417AC7;
    color: #FFFFFF;
}
/* quick links drop down list */
div.menu option
{
    background-color: #518AD7;
    color: #FFFFFF;
}
/*******************************************************************************
 DATA CONTAINER SETTINGS						       
*******************************************************************************/
div.data_container
{
    position: relative;
    left: 217px;
    width: 581px; 
    min-height:600px;
    border-left: 1px solid #18538D;
    border-right: 1px solid #18538D;
    background-color: #FFFFE5;
}
div.data_container2
{
    position: relative;
    left: 0px;
    width: 798px; 
    min-height:600px;
    border-left: 1px solid #18538D;
    border-right: 1px solid #18538D;
    background-color: #FFFFE5;
}
/* Data top image settings */
img.data_top
{
    position: absolute;
    left: -1px;
    width: 583px;
    height: 90px;
}
img.data_top2
{
    position: absolute;
    left: 0px;
    width: 798px;
    height: 90px;
}
/* Data bottom image settings */
img.data_bottom
{
    display: none;
    position: absolute;
    top: 100%;
    left: 217px;
    width: 583px;
    height: 9px;
}
img.data_bottom2
{
    position: absolute;
    top: -15px;
    left: 217px;
    width: 583px;
    height: 9px;
}
img.data_bottom3
{
    position: absolute;
    top: -15px;
    left: 0px;
    width: 583px;
    height: 9px;
}
/* town council screenshot settings */
img.council_screenshot
{
    width: 200px;
    border: 1px solid #000000;  
    padding: 0px;
    margin: 0px;
    height: 50%;
}
/* Data settings */
div.data
{
    position: relative;
    width: 568px;    
    padding: 7px;
    padding-bottom: 70px;    
    font-family: arial;
    font-size: 10pt; 
}
div.data2
{
    position: relative;
    width: 785px;    
    padding: 7px;
    padding-bottom: 70px;    
    font-family: arial;
    font-size: 10pt; 
}
div.data3
{
    position: relative;
    width: 785px;    
    padding: 7px;
    padding-bottom: 40px;    
    font-family: arial;
    font-size: 10pt; 
    height: 940px;
}
div.data4
{
    position: relative;
    width: 220px;    
    font-family: arial;
    font-size: 10pt;   
}
/* Data link settings */
a.links, a.links:visited 
    text-decoration:none;
    color: #0000FF;
}
/* Data link hovers ettings */
a.links:hover
{
    text-decoration:underline;
    color: #0000FF;
}

/* Data link settings */
div.data a, div.data a:visited, div.data2 a, div.data2 a:visitied
{
    text-decoration:none;
    color: #0000FF;
}
/* Data link hovers ettings */
div.data a:hover, div.data2 a:hover
{
    text-decoration:underline;
    color: #0000FF;
}
/* Data link settings */
div.data3 a, div.data3 a:visited
{
    text-decoration:none;
    color: #0000FF;
}
/* Data link hovers ettings */
div.data3 a:hover
{
    text-decoration:underline;
    color: #0000FF;
}
/* Data link settings */
div.data4 a, div.data4 a:visited
{
    text-decoration:none;
    color: #0000FF;
}
/* Data link hovers ettings */
div.data4 a:hover
{
    text-decoration:underline;
    color: #0000FF;
}
/* Top of Data Settings */
div.top
{
    position: relative;
    width: 583;
    height: 90px;
}
/* Navigation bar Settings */
div.navigation_bar
{
    position: relative;
    top: 3px;
    left: 7px;
    width: 574px;
    height: 30px;    
    border: none;
}
/* Navigation bar link settings */
div.navigation_bar a
{
    font-family: arial;
    font-size: 10pt;  
    font-variant: small-caps;
    color: #0A7CBA;
    text-decoration: none;
}
/* Navigation bar link hover settings */
div.navigation_bar a:hover
{
    text-decoration: underline;
}
/* Navigation bar current page */
div.navigation_bar span
{
    font-family: arial;
    font-size: 10pt;  
    font-variant: small-caps;
    color: #AA0000;
    text-decoration: none;
}
/* Title bar Settings */
div.title_bar
{
    position: absolute;
    top: 62px;
    left: 7px;
    width: 575px;
    height: 28px;
    font-family: arial;
    font-size: 14pt;        
    color: #FFFFFF;   
}
/* Date Time Stamp Settings */
div.date_time_stamp
{
    position: absolute;
    top: -25px;
    left: 225px;
    width: 210px;
    font-family: arial;
    font-size: 8pt;
    color: #FFFFFF;    
}
div.date_time_stamp2
{
    position: absolute;
    top: -25px;
    left: 8px;
    width: 210px;
    font-family: arial;
    font-size: 8pt;
    color: #222222;    
}
/* Public Notices Table Settings */
table.table_notices
{
    width: 90%;
    background-color: #FFFF00;
    align: left;
    border-collapse: collapse;    
    border: none;
}
table.table_notices td
{
    padding-left: 5px;
    padding-right: 5px;    
}
/* Table Design Settings */
table.table_design
{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border-collapse: collapse;    
}
table.table_design tr.top_row, td.top_row
{
    font-size: 10pt;  
    font-weight: bold;
    background-color: #ffeeff;
}
table.table_design tr.bottom_row
{
    font-size: 10pt;  
    font-weight: bold;
    background-color: #ffeeff;
}
tr.odd_row2
{
    font-size: 10pt;  
    background-color: #FFF5FF;
}
table.table_design tr.even_row, td.even_row
{    
    background-color: #F9FCFF;
}
table.table_design tr.odd_row, td.odd_row
{
    border: 1px solid #18538D;
    background-color: #E9ECFF;
}
table.table_design td
{
    border: 1px solid #08437D;
    padding: 4px;
}
table.table_design td.table_sub_heading
{
    font-weight: bold;
    color: #AA0000;
}
table.table_design td.empty
{
    border-left: none;
    border-top: none;
    background-color: transparent;
    color: #BB0000;
    font-weight: bold;
}
/* Council position */
td.council_position
{
    border: 1px solid #000000;
    background-color: #E9ECFF;
    text-align: center;
    font-weight: bold;
}
/* Council contact */
td.council_info
{
    vertical-align: middle;
    padding-left: 10px;
    width: 250px;
    border: 1px solid #000000;
    background-color: #F9FCFF;	
}
/* Council Layout*/
table.council
{
   border-collapse: collapse;
   border: 1px solid #000000;
}
/* List spacing, color, size, etc */
ol.list li
{
    padding-top: 5px;
}
/* Event sub heading */
span.event_sub_header
{
    font-weight: bold;
    color: #AA0000;
}
/*news header settings */
span.news_header
{ 
    padding-right: 3px;
    width: 400px;
    font-weight: bold;
    color: #AA0000;
}
/*news preview settings */
span.news_preview
{ 
    padding-left: 3px;
    padding-right: 3px;
    width: 400px;
    font-weight: bold;
    font-style: italic; 
    color: #000000;
}
/*news date settings */
span.news_date
{
    font-weight: bold;
    color: #666666;  
}
/* main page welcome message */
div.main_welcome
{
    width: 490px;
}
/* main page public notices */
div.main_public_notices
{ 
    position: absolute;
    top: 485px;
    left: 7px;
    width: 265px; 
    height: 465px;  
    border: 1px solid #000000;  
    background-color: #E9ECFF;      
}
/* main page news */
div.events_calendar
{ 
    position: absolute;
    top: 313px;
    left: 510px;
    width: 278px; 
    height: 637px;  
    border: 1px solid #000000;  
    background-color: #E8ECFF;      
}
/* town council information settings */
td.council_info
{    
    background-color: #E9ECEF;
}
/*******************************************************************************
 FOOTER CONTAINER SETTINGS						       
*******************************************************************************/
div.footer_container
{
    position: relative;
    top: 14px;
    width: 100%;
    height: 100px;
    font-size: 8pt;
    color: #000000;     
}
/* Footer Link Settings */
div.footer_container a
{
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;    
}
div.footer_container a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
/* Footer links */
div.footer_left
{
    position: relative;
    top: 35px;
    left: 30px;
    padding: 6px;
    width: 600px;
    height: 100%;
    text-align: center;
}
/* Page footer(right side) position and dimensions */
div.footer_right
{
    padding: 6px;
    position: absolute;
    top: 5px;
    left: 630px;
    width: 150px;
    height: 100%;
}
/* background image settings for the footer */
img.footer_background
{
    position: absolute;
    top: -31px;
    left: 58px;
}
/* watermark image for the data container */
img.watermark
{
    position: absolute;
    top: -170px;
    left: 657px;
}

/*******************************************************************************
 BODY SETTINGS
*******************************************************************************/
body.page_body
{
    margin: 0px;
    background-color: #A1C5DD;
    background-image: url("images/main_background.jpg");
    background-repeat: repeat-x;
}
/* Icon(PDF) Settings */
img.pdf_icon
{
    padding-top: 5px;
    padding-bottom: 1px;
    padding-left: 20px;
    position: relative;
    top: 10px;
    width: 28px;
    height: 28px;
    border: none;
}
/* Icon(PDF)2 Settings */
img.pdf_icon2
{
    position: relative;
    top: 0px;
    width: 28px;
    height: 28px;
    border: none;
}
/* Icon(arrow) Settings */
img.arrow_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    width: 7px;
    height: 7px;
}
/* Icon(phone) Settings */
img.phone_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 7px;
    width: 25px;
    height: 25px;
}
/* Icon(fax) Settings */
img.fax_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 7px;
    width: 25px;
    height: 25px;
}
/* Icon(email) Settings */
img.email_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 7px;
    width: 25px;
    height: 25px;
}
/* Icon(printer) Settings */
img.printer_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 6px;
    width: 20px;
    height: 20px;
    border: none;
}
/* Icon(website) Settings */
img.web_icon
{
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 6px;
    width: 25px;
    height: 25px;
    border: none;
}
/* Screen Shots Settings */
img.screenshot
{
    border: 1px solid #000000;
}


/*******************************************************************************
 CALENDAR SETTINGS						       
*******************************************************************************/
/* Calendar table settings */
table.cal_table
{
    border: 1px solid #18538D;
    border-collapse: collapse;  
    background-color: #FFFFFF;  
}
table.cal_table td
{
    border: 1px solid #08437D;
    padding: 0px;
    font-family: arial;
}
/* Calendar day settings */
td.cal_today
{
    background-color: #FFFFFF;
    height: 22px;
}
/* Calendar weekend settings */
td.cal_weekend
{
    background-color: #F5F5FF;
    height: 22px;
}
/* Calendar weekday settings */
td.cal_day
{
    background-color: #DDCCFF;        
    font-size: 10pt;  
    border-bottom: 1px solid #18538D;
    text-align: center;
    width: 32px;
}
/* Calendar event day settings */
td.cal_event
{
    background-color: #FF00FF;        
    font-size: 10pt;  
    border-bottom: 1px solid #18538D;
    text-align: center;
    width: 28px;
}
/* calendar navigation settings */
td.cal_nav1
{
    text-align: left;
    background-color: #E2FFFF;
}

/* calendar navigation settings */
td.cal_nav2
{
    text-align: right;
    background-color: #E2FFFF;
}

/* calendar navigation settings */
td.cal_month
{
    text-align: center;
    background-color: #E2FFFF;
    font-size: 10pt;
    border-bottom: 1px solid #18538D;
}
/* Calendar weekday settings */
td.cal_date
{
    background-color: #DDCCFF;        
    font-size: 10pt;      
    border-top: 1px solid #18538D;    
}
/* Small div settings */
div.small
{
    position: absolute;
    top: 10px;
    left: 25px;
    width: 230px;    
    padding: 0px;
    margin: 0px;
    font-family: arial;
    font-size: 10pt; 
}
/* Small div settings */
div.small2
{
    position: absolute;
    top: 195px;
    left: 12px;
    width: 253px;    
    padding: 0px;
    margin: 0px;
    font-family: arial;
    font-size: 10pt;
}
/* Small link settings */
div.small a, div.small a:visited
{
    text-decoration:none;
    color: #0000FF;
}
/* Small link hovers ettings */
div.small a:hover
{
    text-decoration:underline;
    color: #0000FF;
}
/* Small link settings */
div.small2 a, div.small2 a:visited
{
    text-decoration:none;
    color: #0000FF;
}
/* Small link hovers ettings */
div.small2 a:hover
{
    text-decoration:underline;
    color: #0000FF;
}
/* Input Table */
table.input
{
	width: 782px;
	border: 1px SOLID #111111;
	border-collapse:collapse;
	background-color: #FFFFFF;
}
table.input td
{
	border: 0px;
	padding: 5px;
}

table.input input
{
	border: 1px SOLID #111111;
	background-color: #E5E5E5;
}