/*  Stylesheet -- BLOOGLE FINAL -- 26 March 2009  */
/* line color: #2F36F6*/

* {margin: 0; padding: 0;}
ul {padding-left: 3em;}
body {text-align: center; background-color: white; font-family: verdana, arial, helvetica, sans-serif; font-size: 76%;}
#container {
width: 960px;
background-color: white;
margin: 0 auto;
padding-bottom: 10px;
text-align: left; /* overrides text-align rule on body */
}

#header {
width: 100%;
text-align: right;
}

#header p {
font-size: .9em;
color: #999999;
}

#header form {
padding-bottom: 8px;
}

#branding {
float: left;
text-align: left;
width: 445px;
}

#branding p {
font-size: .9em;
padding-top: 5px;
color: blue;
font-weight: normal;
}

#advertising {float: right; height: 68px; width: 480px;}

#adsense {width: 470px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}

#top-nav
{
clear: both;
width: 100%;
padding-top: 2px;
padding-bottom: 4px;
border-bottom: 1px solid #2F36F6;
}

#content-full-width
{
  width: 100%;
}



#content, #weather, #panel-news
{
float: right;
width: 804px;
background-color: transparent;
}

/* classes styling
********************  */

h1
{
  font-size: 1.2em;
  color: blue;
  padding-top: 5px;
  padding-bottom: 5px;
}



.small
{
font-size: .9em;
}

.important
{
  color: red;
  font-weight: bold;
}

.attention {color: green; font-weight: bold;}

.highlight
{
  color: blue;
  font-weight: bold;
}

.center
{
  text-align: center;
}

.normal
{
  font-weight: normal;
}

p.centered
{
  text-align: center;
}

p.centered-small
{
  text-align: center;
  font-size: .9em;
}

div.centered
{
  text-align: center;
}



img.clean
{
  border: 0;
}

#main
{
clear: both;
float: left;
width: 100%;
}



#footer
{
margin-top: 10px;
margin-bottom: 12px;
padding: 15px;
overflow: auto;
clear: both;
color: white;
background-color: #0066CC;
}

#footer p img
{

}

#footer p, #footer h4
{
font-size: .9em;
margin-bottom: 6px;
text-align: left;
line-height: 160%;
}

#footer h4
{
  color: #FFFF00;
  font-size: 1em;
}


.footer-info-col
{
  float: left;
  width: 180px;
  margin-left: 10px;
  padding-bottom: 10px;
}

.footer-info-col  p, .footer-info-col h4
{
  text-align: left;
}


.small-red-bold
{
font-size: .9em;
color: red;
font-weight: bold;
}

.small-white-bold
{
font-size: .9em;
color: white;
font-weight: bold;
}
.bold-yellow
{
  color: yellow;
  font-weight: bold;
}


#google-search
{
  padding-top: 5px;
  padding-bottom: 5px;
}


#google_search a
{
text-decoration: none;
border: none;
}

#google_links
{
margin-top: 8px;
margin-bottom: 8px;
}

#left-col
{
float: left;
width: 150px;
margin-bottom: 20px;
background: transparent;
text-align: center;
}

#left-col p
{
font-size: .9em;
padding: 8px;
}

#left-col input
{
  margin: 4px;
}

div.mid-col, div.mid-col-wide
{
float: left;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 10px;
background: transparent;

text-align: center;
}

div.mid-col
{
width: 530px;
}


div.mid-col-wide
{
width: 600px;
}



div.mid-col h3,  div.mid-col-wide h3
{
text-align: center;
font-family: georgia,sans-serif;
color: #1A50B8;
padding-bottom: 3px;
}

div.mid-col p, div.mid-col li, div.mid-col-wide p, div.mid-col-wide li
{
font-size: .9em;
line-height: 140%;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
text-align: left;
}

div.mid-col p.center, div.mid-col-wide p.center
{
  text-align: center;
}

div.mid-col li, div.mid-col-wide li
{
padding-bottom: 8px;
}


div.right-col, div.right-col-thin
{
float: right;
margin-bottom: 10px;
margin-top: 8px;
text-align: center;
background-color: transparent;
border: 1px solid white;
}

div.right-col
{
width: 250px;
}


div.right-col-thin
{
  width: 180px;
}


div.right-col h3, div.right-col-thin h3
{
font-size: 1em;
  color: white;
  background-color: #2F36F6;
  padding: 6px;
}


div.right-col p, div.right-col-thin p
{
font-size: .9em;
padding: 8px;
text-align: left;
}

div.right-col p.small, div.right-col-thin p.small
{
font-size: .8em;
padding: 2px;
}


div.right-col ul, div.right-col-thin ul
{
width: 100%;
text-align: left;
list-style-type: none;
padding: 0;
}

div.right-col ul li, div.right-col-thin ul li
{
padding: 4px;
padding-left: 20px;
padding-right: 20px;
line-height: 130%;
font-size: .9em;
}

h3
{
font-family: georgia,sans-serif;
color: #1A50B8;
padding-bottom: 3px;
}


/* ----- LINKS ----- */


a:link, a:active, a:visited
{
color: #2F38F7;
}

a:hover
{
color: red;
text-decoration: none;
}

a:link.clean, a:active.clean, a:visited.clean, a:hover.clean
{
color: white;
text-decoration: none;
border: 1px solid white;
}

a.box
{
color: red;
padding: 4px;
text-decoration: none;
border: 0;
background-color: white;
}

a:hover.box
{
color: blue;
padding: 4px;
text-decoration: underline;
}

#weatherzone a:link.clean, #weatherzone a:active.clean, #weatherzone a:visited.clean, #weatherzone a:hover.clean
{
color: white;
text-decoration: none;
border: none;
}

#footer a:link, #footer a:active, #footer a:visited
{
color: white;
text-decoration: underline;
}

#footer a:hover
{
color: yellow;
text-decoration: none;
}

.bloogle
{
color: #2F38F7; 
font-family: georgia, sans-serif;
font-weight: bold;
}

.feedback
{
text-align: left;
width: 350px;
margin: 0 auto;
}



span.sidebar
{
margin-top: 4px;
}

h2
{
font-size: 1.3em;
color: #2F38F7; 
}

h3
{
font-size: 1.2em;
}

h4
{
font-size: 1em;
}


form input, form button
{
font-size: .9em;
}

.small
{
font-size: .9em;
}

.important
{
color: red;
font-weight: bold;
}

.small-red
{
font-size: .9em;
color: red;
}

.bold-red
{
color: red;
font-weight: bold;
}

.white-on-red
{
color: white;
background-color: red;
padding: 3px;
}

.small-blue
{
font-size: .9em;
color: #2F38F7;
}

.red
{
color: red;
}

.blue
{
color: #2F38F7;
}

.green-bold
{
color: green;
font-weight: bold;
}

/* ---- ALIGNMENT STYLES ---- */


.left
{
text-align: left;
}

.center
{
text-align: center;
}

.right
{
text-align: right;
}

.indent
{
padding-left: 20px;
}

.indent-small
{
padding-left: 20px;
font-size: .9em;
line-height: 140%;
}

/* ---- WEATHERZONE STYLES ---- */

.weatherzone
{
font-family: Tahoma, Arial, Sans-Serif;
font-size: 8pt;
font-weight: normal;
color: #323232;
background-color: #EFEFEF;
}

.weatherzone_head
{
font-family: Tahoma, Arial, Sans-Serif;
font-size: 8pt;
font-weight: bold;
text-align: center;
color: #EFEFEF;
background-color: #4185A5;
}

/* ---- PUZZLE PROMO ---- */

div.promo
{
margin-bottom: 10px;
width: 148px;
background-color: #FEFEFE;
border: 1px solid #2F36F6;
text-align: center;
}

div.promo h3
{
background-color: #2F36F6;
color: white;
padding: 3px;
font-size: 1em;
}

div.promo p
{
  padding: 5px;
}

div.promo table
{
border-collapse: separate;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border-spacing: 3px;
text-align: center;
padding-bottom: 3px;
}

.promo td
{
font-family: verdana, arial, helvetica, sans-serif;
padding: 4px;
font-size: 1.3em;
font-weight: bold;
background-color: #00BFFF;
border: 1px solid #2F36F6;
}

.promo form
{

}

/* ---- PUZZLE PANEL ---- */

#puzzle-panel
{
float: left;
width: 250px;
padding-left: 20px;
text-align: center;
height: 400px;
}

#puzzle-panel h3
{
margin: 0;
margin-bottom: 8px;
}

#puzzle-panel td
{
padding: 8px;
font-size: 20px;
border: 1px solid black;
background-color: yellow;
}

#puzzle-solution
{
float: right;
width: 250px;
height: 400px;
padding-right: 20px;
}

/*---- WORD PUZZLE ----*/

#word
{
  width: 350px;
  margin: 0 auto;
  text-align: center;
}

#word table
{
  margin: 0 auto;
}



#word td
{
font-family: verdana, arial, helvetica, sans-serif;
padding: 10px;
font-size: 2em;
font-weight: bold;
background-color: #00bfff;
border: 1px solid black;
}

/* ----- CROSSWORD PUZZLE ----- */

iframe#crossword
{
   width: 300;
   margin: 0 auto;
 }


/* ----- BUTTONS ----- */

.news
{
background-color: #2359D6;
color: white;
}

/* ----- BLOOGLE AD-LINKS ----- */



div.center
{
text-align: center;	
}

/* Top Menu styling
********************  */

    ul.top-menu { margin-top: 3px; text-align: center; font-family: verdana, sans-serif;}
    ul.top-menu li { display: inline; line-height: 210%; margin: 2px;}

    ul.top-menu a { margin-top: 7px; padding: 5px; color: black; background-color: #ffd700; border: 1px solid #ccc; font-size: .9em; text-decoration: none;}
    ul.top-menu a:hover { color: blue; background-color: white; border: 1px solid black; }

/* Button Link styling
********************  */
div.button-link
{
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  text-align: center;
  }

div.button-link a
{
  padding: 5px;
  color: black;
  background-color: #ffd700;
  border: 1px solid #ccc;
  text-decoration: none;
  font-size: .9em;
}

div.button-link a:hover
{
  color: blue;
  background-color: white;
  border: 1px solid black;
}





/* Simple jQuery Slideshow styling
********************  */


#slideshow {
    position: relative;
    left: 15px;
    height:375px;
    text-align: center;
}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}


#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* Weather panel styling
********************  */

#weather, #news, #phonebooks, #taxiis
{

text-align: center;
margin-top: 10px;
}

#weather p, #news p, #phonebooks p, #taxiis p
{
  text-align: center;
  color: #999;
  font-weight: normal;
  margin-bottom: 5px;
}

#weather p a, #news p a, #phonebooks p a, #taxiis p a, #ajax p a
{
  font-weight: normal;
  cursor: pointer;
  color: red;
  background-color: white;
  padding: 2px 5px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  }

#weather p a:hover, #news p a:hover, #phonebooks p a:hover, #taxiis p a:hover
{
  color: white;
  background-color: red;
}

fieldset
{
width:600px;
margin: 0 auto;
text-align: left;
   }

fieldset legend
  {
    color: red;
    font-weight: bold;
    margin-left: 30px;
    font-size: 1.2em;
  }

#help-with-map
{
margin-top: 10px;
margin-bottom: 10px;
}


fieldset.map-help legend
{
    padding: 5px;
  }


fieldset.map-help ul
{
  margin-left: 25px;

}


fieldset.map-help ul li
{
  line-height: 120%;
  padding: 5px;
  }

/* Street Directory styling
********************  */

#street-directory
{
   width: 790px;
   margin: 0 auto;
   margin-top: 8px;
   text-align: center;
}

#street-directory h1
{
   font-size: 1.2em;
   color: blue;
   padding-top: 5px;
   padding-bottom: 5px;
}


#location-search
{
    margin-top: 12px;
    margin-bottom: 15px;
}

#map_canvas
{
   width: 790px;
   height: 400px;
   margin-bottom: 8px;
   margin-top: 10px;
}

/* Feedback Form styling
********************  */

#feedback-form
{
width: 300px;
margin: 0 auto;
text-align: left;
}

.column380
{
width: 380px;
margin: 0 auto;
text-align: left;
}

.column310
{
width: 310px;
margin: 0 auto;
text-align: center;
}

.column_200_left
{
	float: left;
	width: 200px;
	text-align: left;
}

.column_200_right
{
	float: right;
	width: 200px;
	text-align: left;
}

.column_145_left
{
width: 145px;
float: left;
}

.column_145_right
{
width: 145px;
float: right;
}

.column_120_left
{
width: 120px;
float: left;
}

.column_120_right
{
width: 120px;
float: right;
}

.column_advert_450
{
  width:450px;
  margin: 0 auto;
  text-align: center;
}

.column_advert_450 p
{
  font-size: .9em;
  text-align: center;
}