/*
     Light Blue Theme

*/
  body
  {
     background:#d3d3d3;
     text-align: center;
  }


  #content_header
  {
     background:#e1e1e1;
  }

  #pagetitle
  {
     background:#f5f5f5;
  }

  body, #content_header
  {
     color:#232323;
  }

  #pagetitle
  {
     border-style: solid;
  }

  #pagetitle, #content_frame,  #vert_menu_frame, #page_frame, #horz_menu_frame, #stylechange
  {
     border-color:#c0c0c0;
  }

  #page_top
  {
     background-image: url('../images/top_logo.jpg')
  }

  #page_bottom
  {
//     background-image: url('../images/page_bottom.bmp')
  }

  #content_section
  {
     background:#ffffff;
     color:#535353;
  }

  #page_frame
  {
     background:#e3e3e3;
  }

  #content_frame, #vert_menu_frame, #horz_menu_frame, #selected_page, #stylechange
  {
     background:#f3f7f7;
  }

  #content_section
  {
     border-color:#c0c0c0;
  }

   #vert_menu_frame a:link, a:visited, a:active, a:hover
   {
     color:#232323;
   }

   a:link, a:visited, a:active, a:hover
   {
     color:#232323;
   }

   #horz_menu_frame
   {
     border-color:#c0c0c0;
//       background-image: url('../images/menu_back.bmp')
   }

   #horz_menu_frame a:link
   {
       color:#000000;
   }

   #horz_menu_frame a:visited
   {
       color:#000000;
   }
   #horz_menu_frame a:active
   {
       color:#000000;
   }
   #horz_menu_frame a:hover
   {
       color:#000000;
   }

   a:link, a:visited, a:active, a:hover
   {
     text-decoration:none;
     font-size: 1.0em;
     font-weight: normal;
     padding: 0.0em;
   }

   a:hover
   {
     text-decoration:underline;
   }

/*=====================================================================

   Page container

=====================================================================*/
  #page_frame
  {
       padding: 0.5em;
       margin-left: auto;
       margin-right: auto;

       font-family:Verdana, Arial;

       width: 40em;

       text-align: left;

       border-style: solid;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;

      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
  }
/*=====================================================================*/

  #page_header_frame
  {
       padding: 0;
       margin: 0px 0px 0px 0px;

       position: relative;
       font-size:0.8em;

       height: 15.0em;
   }

  #page_top
  {
       padding: 0;
       margin: 0px 0px 0px 0px;

       position: relative;
       font-size:0.8em;

       height: 8.0em;
   }

  #logo_frame
  {
      padding: 0.0em 0.0em 0.0em 0.0em;
      margin: 0.0em 0.0em 0.0em 0.0em;
  }

  #bigtext
  {
      padding: 0.0em 0.0em 0.0em 0.3em;
      margin: 0px 0px 0px 0px;
      font-size: 4.0em;
      font-weight: normal;
      text-align: center;
  }

  #pagetitle
  {
      padding: 0.0em 0.0em 0.0em 0.0em;
      margin: 0.0em 0.0em 0.0em 0.0em;
      clear: both;
      border-left-width: 1px;
      border-right-width: 1px;
      border-top-width: 1px;
      border-bottom-width: 1px;
      font-size: 0.8em;
      font-weight:bold;
      height: 3.1em;
      line-height: 3.1em;
      text-align: center;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;
  }
//==============================================================================
   #site_content
   {
      clear: both;
      font-size:0.8em;
   }

   #main_left_col
   {
       float: left;
       width: 6.0em;
       border-style: none;
   }

   #main_right_col
   {
       float: right;
       width: 9.0em;
       border-style: none;
   }

   #main_middle_col
   {
       padding: 0.1em 0.5em 0.0em 9.5em;
       margin: 0em;
       border-style: none;
   }

   #left_col
   {
       float: left;
       width: 5.0em;
       border-style: none;
   }

   #right_col
   {
       float: right;
       width: 9.0em;
       border-style: none;
   }

   #middle_col
   {
       padding: 0.1em 0.5em 0.0em 8.0em;
       margin: 0em;
       border-style: none;
   }

   #header_col
   {
       padding: 0.1em 0.5em 0.0em 0.5em;
       margin: 0em;
       border-style: none;
   }

   #bottom_frame
   {
       clear: both;

       padding: 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;

       font-size:0.55em;

       line-height: 1.8em;
       border-style: none;

       text-align: center;
   }
/*=====================================================================

   Vertical navigation links

=====================================================================*/
  #vert_menu_frame
  {
       padding: 0.3em;
       margin: 0.1em 0.0em 1.0em 0.0em;

       width: 8.5em;
       line-height: 1.3em;
       border-style: solid;

       text-align: left;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;

      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;
   }

   #vert_menu:link, vert_menu:visited, vert_menu:active, vert_menu:hover
   {
     text-decoration:none;
     font-size: 0.8em;
     font-weight: normal;
     padding: 0.0em;
   }

   #vert_menu:hover
   {
     text-decoration:underline;
   }

   a:link, a:visited, a:active, a:hover
   {
     text-decoration:none;
     font-size: 1.0em;
     font-weight: normal;
     padding: 0.0em;
   }

   a:hover
   {
     text-decoration:underline;
   }

  #horz_menu_frame
  {
//       float: right;

//       width: 27em;

//       padding: 0.0em 0.0em 0.0em 0.0em;
//       margin: 0.0em 0.0em 0.0em 0.0em;

       width:100%;
//       margin-left: auto;
//       margin-right: auto;
       font-size:0.75em;

       height: 3.2em;
       line-height: 3.2em;
//       border-style: solid;

       text-align: center;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 0px;

      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;

   }

   #horz_menu_frame a:visited, a:active, a:link
   {
      text-decoration:none;
      font-weight: normal;
      padding-left: 1.0em;
      padding-right: 0.3em;
      padding-top: 0.3em;
   }

   #horz_menu_frame a:hover
   {
      text-decoration:underline;
      padding-left: 1.0em;
      padding-right: 0.3em;
      padding-top: 0.3em;
   }

  #horz_menu_frame_center
  {
//       float: right;

//       width: 27em;

       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;

       width:100%;
       font-size:0.8em;

       height: 2.2em;
       line-height: 2.2em;
       border-style: solid;

       text-align: center;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;

      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;

   }

   #horz_menu_frame_center a:visited, a:active, a:link
   {
      text-decoration:none;
      font-weight: normal;
      padding-left: 1.0em;
      padding-right: 0.3em;
      padding-top: 0.3em;
   }

   #horz_menu_frame_center a:hover
   {
      text-decoration:underline;
      padding-left: 1.0em;
      padding-right: 0.3em;
      padding-top: 0.3em;
   }

   #selected_page
   {
       line-height: 1.3em;
       font-size:0.9em;
       font-weight: bold;
       margin: 0.1em 0.0em 0.0em 0.2em;
       padding: 0.1em;
   }

  #content_section
  {
       padding: 0px;
       margin: 0em 0em 0.3em 0em;
       width: 100%;
       border-style: solid;
       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 0px;
       border-bottom-width: 1px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
  }


   #content_header
   {
       padding: 0.6em;
       margin: 0.1em 0.1em 0.1em 0.1em;
       height: 1.0em;
       line-height: 1.0em;
       text-align: left;
       font-size: 0.8em;
       font-weight:bold;
   }

   #content
   {
     padding: 1.2em;
     margin: 0em;
     text-align: left;
     font-size: 0.8em;
     font-weight:normal;
   }

   #text_content
   {
     padding: 1.2em;
//     width: 40em;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
     font-size: 1.0em;
     font-weight:normal;
   }

   #content_center
   {
     padding: 1.2em;
     margin: 0em;
     text-align: center;
     font-size: 0.8em;
     font-weight:normal;
   }

   #screenshot
   {
     padding: 0.5em;
     margin: 0em;
     text-align: center;
     font-size: 1.0em;
     font-weight:normal;
   }

   #stylechange
   {
       padding: 0.1em;
       margin: 0.1em 0.1em 0.1em 0.1em;
       font-size:1.0em;

       width: 7.0em;
       height: 10.0em;
       line-height: 1.1em;
       border-style: solid;

       text-align: center;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;

      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;
   }

   #hspace
   {
      width: 1.0em;
      height: 0.2em;
   }

   #news_section
   {
       padding: 0px;
       margin: 0em 0em 0.7em 0em;
       width: 100%;
       border-style: solid;
       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;
      -moz-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomright: 10px;
   }


   #news_header
   {
       padding: 0.6em;
       margin: 0.1em 0.1em 0.1em 0.1em;
       height: 1.0em;
       line-height: 1.0em;
       text-align: left;
       font-size: 0.6em;
       font-weight:bold;
   }

   #news_content
   {
     padding: 0.5em;
     margin: 0em;
     text-align: left;
     font-size: 0.8em;
     font-weight:normal;
   }
/*=====================================================================

   Guestbook

=====================================================================*/
   #msg_page
   {
      background:#ffffff;
      border-color:#c0c0c0;
   }

   #msg_page_id,
   {
      border-color:#c0c0c0;
   }

   #msg_page_id, #msg_browse_left, #msg_browse_right, #msg_go_input
   {
      background:#f3f3f3;
      color:#000000;
   }

   #msg_browse_left a:link
   {
       color:#000000;
   }

   #msg_browse_left a:visited
   {
       color:#000000;
   }
   #msg_browse_left a:active
   {
       color:#000000;
   }
   #msg_browse_left a:hover
   {
       color:#000000;
   }

   #msg_go_input a:link
   {
       color:#000000;
   }

   #msg_go_input a:visited
   {
       color:#000000;
   }

   #msg_go_input a:active
   {
       color:#000000;
   }

   #msg_go_input a:hover
   {
       color:#000000;
   }

   #msg_browse_right a:link
   {
       color:#000000;
   }

   #msg_browse_right a:visited
   {
       color:#000000;
   }
   #msg_browse_right a:active
   {
       color:#000000;
   }
   #msg_browse_right a:hover
   {
       color:#000000;
   }

   #msg_section
   {
     background:#f3f3f3;
     color:#000000;
     border-color:#646464;
   }

   #msg_header, #msg_time
   {
      background:#e3e3e3;
      color:#000000;
   }

   #msg_go_input
   {
      border-color:#c0c0c0;
   }

   .themenu a:link, a:visited, a:active, a:hover
   {
          color:#837323;
   }

   #msg_page
   {
       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;

       text-align: right;
       font-size: 1.0em;
       font-weight:normal;

/*       width: 100%;  */

      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;

      border-style: none;
/*
       border-style: solid;
       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;
*/
   }

   #msg_page_id
   {
       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;

/*       width:100%;*/

       font-size:1.0em;

       height: 2.2em;
       line-height: 2.2em;
       border-style: solid;

       text-align: center;

      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;

       border-left-width: 0px;
       border-right-width: 0px;
       border-top-width: 0px;
       border-bottom-width: 0px;
   }

   #msg_browse_left
   {
       float: left;

       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.0em 0.0em 0.5em;

       font-size:1.0em;

       height: 2.2em;
       line-height: 2.2em;
       border-style: solid;

       text-align: left;

       border-left-width: 0px;
       border-right-width: 0px;
       border-top-width: 0px;
       border-bottom-width: 0px;
   }

   #msg_browse_right
   {
       float: right;
       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.5em 0.0em 0.0em;
       font-size:1.0em;

       height: 2.2em;
       line-height: 2.2em;
       border-style: solid;

       text-align: right;

       border-left-width: 0px;
       border-right-width: 0px;
       border-top-width: 0px;
       border-bottom-width: 0px;
   }

   #msg_go_input
   {
       padding: 0.0em 0.0em 0.0em 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;

       font-size:1.5em;

       height: 2.2em;
       line-height: 2.2em;
       border-style: solid;

       text-align: center;

      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;

       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;
   }

   #msg_section
   {
       padding: 0em;
       margin: 0.5em 0.5em 0.5em 0.5em;

       border-style: none;
       border-left-width: 1px;
       border-right-width: 1px;
       border-top-width: 1px;
       border-bottom-width: 1px;

      -moz-border-radius-bottomleft: 8px;
      -moz-border-radius-bottomright: 8px;
   }

   #msg_header
   {
       padding: 0.6em;
       margin: 0.0em 0.0em 0.0em 0.0em;
       height: 1.0em;
       line-height: 1.0em;
       text-align: center;
       font-size: 1.0em;
       font-weight:bold;
   }

   #msg_index
   {
       float: left;
       padding: 0.0em;
       margin: 0.0em 1.0em 0.0em 0.0em;
       text-align: left;
       font-size: 0.8em;
       font-weight:normal;
   }

   #msg_sender
   {
       float: left;
       padding: 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;
       text-align: left;
       font-size: 1.0em;
       font-weight:bold;
   }

   #msg_time
   {
       float: right;
       padding: 0.0em;
       margin: 0.0em 0.0em 0.0em 0.0em;
       text-align: right;
       font-size: 0.8em;
       font-weight:normal;
   }

   #msg_input
   {
//       float: left;
       padding: 0.0em;
       margin: 0.0em 1.0em 0.0em 0.0em;
       text-align: left;
       font-size: 0.8em;
       font-weight:normal;
   }

   #msg_input_2
   {
       float: left;
       padding: 0.0em;
       margin: 0.0em 1.0em 0.0em 0.0em;
       text-align: left;
       font-size: 0.8em;
       font-weight:normal;
   }


   #msg_content
   {
//       float: left;
       clear: both;
       padding: 0.5em;
     margin: 0em;
     text-align: left;
     font-size: 1.0em;
     font-weight:normal;
   }
   	/* column container */
	.colmask 
        {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
            width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol
        {
		background:#Ff0000;		/* right column background colour */
                background-image: url('../images/content_right.bmp');
	}
	.threecol .colmid
        {
		right:15%;			/* width of the right column */
		background:#00FF00;		/* center column background colour */
	}
	.threecol .colleft
        {
		right:70%;			/* width of the middle column */
		background:#0000FF;		/* left column background colour */
	}
        .threecol .col1
        {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:100%;				/* 100% plus left padding of center column */
	}
	.threecol .col2
        {
		width:20%;				/* Width of left column content (column width minus padding on either side) */
		left:15%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
                background-image: url('../images/content_left.bmp');
	}
	.threecol .col3
        {
		width:20%;				/* Width of right column content (column width minus padding on either side) */
		left:85%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
       	}