/*-----------------------------------------------------------------------------
/  http://jigsaw.w3.org/css-validator/validator?uri=http://www.bigyak.net.au/
/----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
/  Colors used - http://www.colorschemer.com/online.html
/----------------------------------------------------------------------------*/

/*
#69C;  #6699cc lighter blue
#369;  #336699 darkish blue
#037;  #003377 dark blue
#036;  #003366 very dark blue
#636;  #663366 dark purple
#fff;  #ffffff black
*/

/*-----------------------------------------------------------------------------
/  Elements
/----------------------------------------------------------------------------*/

html, body
{
   font-family: georgia, "times new roman", serif;
   background: #fff;
   color: #555753;   /* of the text */
   margin: 1.5em;
}
 
.centeralign {text-align:center}

h1, h2, h3, h4, h5, h6
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-weight: bold; 
   color: #000000;   /* of the text */
   border-bottom: 0.08em solid #cccccc;
}

h1 { font-size: 2.9em;  text-align:center;}
h2 { font-size: 1.4em; }

hr
{
   border: 0em;
   color: #cccccc;
}

a:link
{
   color: #037;
}

a:visited
{
   color: #636;
}

/*-----------------------------------------------------------------------------
/  Images
/----------------------------------------------------------------------------*/

.centeredImage
{
   text-align:center;
   margin-top:0px;
   margin-bottom:0px;
   padding:0px;
}

/* http://css.maxdesign.com.au/floatutorial/tutorial0407.htm */
.thumbnail
{
   float: left;
   width: 277px;
   border: 1px solid #999;
   margin: 0 15px 15px 0;
   padding: 5px;
}

img.g200 /* scalable em size class 200 x 200 graphics */
{
   width: 7.5em;
   height: 7.5em;
}

/*-----------------------------------------------------------------------------
/  Tables
/----------------------------------------------------------------------------*/

#msgtable
{
   font-family: "courier new", monospace;
   font-size: 19px;
   color: #000000; /* of the text */
   background-color: rgb(255, 255, 255);
   border: 0px solid rgb(255, 255, 255);
   border-collapse: collapse;
   width: 200px;
   padding: 0;
}

/*-----------------------------------------------------------------------------
/  Navigation     http://css.maxdesign.com.au/listamatic2/vertical02.htm
/----------------------------------------------------------------------------*/

#navcontainer { margin-left: 0em; }

#navcontainer ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size: 13px;
}

#navcontainer li { margin: 0 0 0 0; }

#navcontainer a
{
   display: block;
   padding: 5px 10px;
   width: 220px;
   color: #fff;
   background-color: #036;
   text-decoration: none;
}

#navcontainer a:hover
{
   color: #fff;
   background-color: #69C;
   text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul a
{
   display: block;
   padding: 5px 5px 5px 15px;
   margin-left: 0px;
   width: 220px;
   text-indent: 30px;
   color: #fff;
   background-color: #369;
   text-decoration: none;
}

#navcontainer ul ul a:hover
{
   color: #fff;
   background-color: #69C;
   text-decoration: none;
}

/*---------------------------------------------------------------------------*/

/* http://css.maxdesign.com.au/floatutorial/tutorial0513.htm */
ul#navigation
{
   clear: both; /* stop any floats from stuffing things up */
   /* make an underline across the whole page */
   list-style-type: none;
   margin: 0;
   padding: .5em 0;
   border-top: 0.2em solid #cccccc;
}

ul#navigation li a
{
   display: block;
   width: 6em;
   color: #FFF;
   background-color: #036;
   padding: .4em 0;
   text-align: center;
   text-decoration: none;
}

ul#navigation li a:hover
{
   color: #FFF;
   background-color: #69C;
}

ul#navigation .left  { float: left;  }
ul#navigation .right { float: right; }

/*---------------------------------------------------------------------------*/
