html{
overflow-y:scroll;
overflow-x:auto;
}

body{
font-family: 'trebuchet ms', arial, sans-serif;
font-size: 0.9em;
margin:0;
padding:0;
background-color: #29303B ;
background-color: #73717F ;
/*background-image: url(fadeblue.gif);
background-repeat: repeat-x;*/
color: white;
color: #29303B;
}

a {
  text-decoration: underline }
a:link { color: #5242b4;
}
a:visited { color: #713232;
 }
a:hover { 
color: #6550e1 ;}

img {
margin-top: 0px ;
margin-bottom: 0px ;
border: 1px solid ;
border-color: #29303B ;
}

img.solo {
margin-top: 0px ;
margin-bottom: 0px ;
border: 1px solid ;
border-color: #29303B ;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*border-style:solid;border-color: #29303B ;border-width:10px 10px 10px 10px;*/
background-color: #73717F ;
}

#framecontentTop{
float: right;
width: 748px;
height: 90px; /*Height of top section*/
border-style:solid;
border-width: 6px 6px 0px 6px ;
border-color: #EAE9EF ;
background-color: #9997A9 ;
}

#framecontentTop h1{
color: #29303B ;
text-align: center;
margin: 0;
padding-top: 25px;

}

#contentwrapper{
float: left;
width: 100%;
background-color: #73717F ;
}


#maincontent{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
background-color: #EAE9EF ;
}

#framecontentLeft{
float: left ;
width: 206px;
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
background-color: #EAE9EF ;
color: #29303B;
padding: 3px;
}

#footer{
clear: left;
margin-left: 200px ; /*Set left margin to LeftColumnWidth*/
width: 748px ;
background-color: #9997A9 ;
text-align: center ;
padding: 10px 0px;
border-style:solid;
border-width: 0px 6px 6px 6px ;
border-color: #EAE9EF ;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/*CSS BUTTON FLYOUT MENU combination and adaption of Dynamic Drive and Stu Nicholls designs, bodged together by Katy Sodeau*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*NAVIGATION SECTION */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.flymenu {list-style-type:none; margin:0px; padding:0px; width:200px;}
.flymenu ul {list-style-type:none; margin:0px; padding:0px; width:200px;}
.flymenu  li {float:left; margin-right:1px; position:relative; border-style:solid;border-width:3px 3px 3px 3px;border-color: #EAE9EF ;}
.flymenu ul ul {position:absolute; left:-9999px;}
.flymenu ul#toplevel {position:absolute; left:0; top:0;}
.flymenu li a, .flymenu li a:visited{display: block;width: 194px;padding: 10px 0px;text-decoration: none;font-weight: bold;font-size: 1.1em;color: #29303B;background-color: #9997A9 ;text-decoration:none;}
.flymenu li a.here{color: #29303B;background-color: #cfcdd5 ;}
.flymenu ul li:hover > ul {left:100%; margin-top:-44px; margin-left:3px;}
.flymenu a:hover ul,
.flymenu a:hover a:hover ul, 
.flymenu a:hover a:hover a:hover ul {left:101%;}
.flymenu a:hover ul ul, 
.flymenu a:hover a:hover ul ul {left:-9999px;}
/*flyout doesn't work if this one doesn't have background - no idea why!*/
.flymenu li a:hover { background: #9997A9 ; color: white;} 
.flymenu li:hover > a {color:#fff;font-weight: bold;font-size: 1.1em;color: white;}
.flymenu li a.fly {display: block;width: 194px;padding: 10px 0px;font-weight: bold;font-size: 1.1em;color: #29303B;background-color: #9997A9 ;text-decoration:none;}
.flymenu li a.fly:hover {color: white;} 
.flymenu li a.fly:active {color: white;} 
.flymenu li a.here{color: #29303B;background-color: #cfcdd5 ;}
.flymenu li:hover > a.fly {font-size: 1.1em;color: white;}
.flymenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-14px; margin-left:0px;}
.flymenu table li a, .flymenu table li a:visited{display: block;width: 194px;padding: 10px 0px;background-color: #9997A9 ;font-weight: bold;font-size: 1.00em;text-decoration:none;}


/*GLIDER */
.glidecontentwrapper{
position: relative; /* Do not change this value */
text-align: center;
width: 100%;
height: 240px; /* Set height to be able to contain height of largest content shown*/
/*background-color: #704968;*/
/*border: 5px solid #613F5A;*/
overflow: hidden;
  margin: 0 auto;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/



.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
/*background: white;*/
visibility: visible;
padding: 0px;
width: 100%;
}

/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100%;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #29303B;
background-color: #9997A9  ;
padding: 6px 30px;
margin-right: 0px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background-color: #9997A9 ;
color: white;
}

.glidecontenttoggler a:hover{
background-color: #9997A9 ;
color: white;
}
.glidecontenttoggler a:visited{
color: #29303B;
background-color: #9997A9  ;
}
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color: white;
background-color: #73717F ;
}


div.box { background-color: #9997A9 ; }
div.box { list-style: none; overflow: hidden; margin: 6px 6px 6px; padding: 20px; height: 134px; }
div.box { height: 234px; }
div.box { text-align: justify; }
div.box img { display: inline; float: left; margin: -5px 20px -8px 0;  }
div.box br { display: none; }



/*OTHER FORMATTING*/

p.para {
margin-top: 1%;
margin-right: 6%;
margin-left: 6%;
text-align: justify;
}

p.param {
margin-top: 1%;
margin-right: 6%;
margin-left: 6%;
margin-bottom: 2%;
font-size: smaller;
text-align: justify;
}


table {
margin:0;
} 
td {
text-align: center;}
table.top {
margin-top: 0;
margin-bottom: 0;
margin-left: 0px;
margin-right: 0px;
}
td a{
text-align: right;}
td.topalign {
vertical-align: top;
}
table.left {
margin: 0;
} 
 
table.left td {
text-align: left;
}
table.left td.right{
text-align: right;
}
table.left td.center{
text-align: center;
}


h1
{
	text-align: center;
	margin-top: 8px;	
}
h1 a {  text-decoration: none; color: #29303B;}
h1 a:visited { color: #29303B;}
h1 a:hover { color: white ;}
h1.new
{

	text-align: center;
	margin-top: 8px;	
}
h2
{

	text-align: center;
	margin-right: 6%;
	margin-top : 0px;
	margin-left: 6%;
	margin-bottom: 4px;
}
h2.tight
{

	text-align: center;
	margin-right: 6%;
	margin-top : -10px;
	margin-left: 6%;
	margin-bottom: -10px;
}
h2.tighttop
{

	text-align: center;
	margin-right: 6%;
	margin-top : -20px;
	margin-left: 6%;
	margin-bottom: 0px;
}
h2.leftText
    {
    margin-top:5px;
    margin-right:30px;
    margin-left:10px;
    margin-bottom:5px;
    padding:0px;
    text-align: left;
    }
h3
{

	text-align: center;
	margin-top : 2px;
	margin-bottom: 0px;
}
h4{margin-top:-15px; margin-bottom:5px;}

ul.button
{
list-style-type: none;
margin: 5px;
margin-bottom: 50px;
padding: 5px 10px;
}

ul.button li a
{
display: inline;
margin-bottom: 50px;
width: 5em;
height: 128px;
color: #29303B;
background-color: #9997A9 ;
padding: 6px 30px ;
text-align: center;
text-decoration: none;
}
ul.button li a:link {
color: #29303B;
}
ul.button li a:visited {
color: #29303B;
}
ul.button li a:hover {  
 color: white ;
background-color: #73717F;
}


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

.leftImage
    {
    text-align:left;
    margin-top:5px;
    margin-left:10px;
    margin-bottom:5px;
    padding:0px;
    }

.rightImage
    {
    text-align:right;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:5px;
    padding:0px;
    }

.leftImageTight
    {
    text-align:left;
    margin-top:-15px;
    margin-left:10px;
    margin-bottom:-5px;
    padding:0px;
    }

.rightImageTight
    {
    text-align:right;
    margin-top:-15px;
    margin-right:10px;
    margin-bottom:-5px;
    padding:0px;
    }

.rightText
    {
    margin-top:5px;
    margin-right:10px;
    margin-left:30px;
    margin-bottom:5px;
    padding:0px;
    text-align: justify;
    }

.leftText
    {
    margin-top:5px;
    margin-right:30px;
    margin-left:10px;
    margin-bottom:5px;
    padding:0px;
    text-align: justify;
    }

.imgbutton { 
margin-left: auto;
margin-right: auto;
}

.imgbutton td{border: 1px solid ;
border-color: #29303B ;
background-color:#9997A9;}
.imgbutton td:hover{color: white ;
background-color:#73717F;}
.imgbutton td{padding:6px;}
.imgbutton a{
display:block;
width:100%;
height:100%;
color: #29303B;
text-decoration:none;
}
.imgbutton a:visited {
color: #29303B;
}
.imgbutton a:hover {  
 color: white ;}