/* -- layout -- */

body
{
font-family 		: Arial, Verdana, Helvetica, "MS Sans Serif", "Sans Serif";
background-color	: #87CEEB;
margin       		: auto;
padding             : 0px;
color 				: black; 
letter-spacing 		: normal; 
line-height 		: 16px;
font-size 			: 14px;
width               : 900px;
}

.MainPage
{
background-color	: white;
border              : black 1px solid;
margin       		: 10px;
padding             : 10px;
}

.logo
{
     background     : url(images/puffyclouds4.jpg) 0 -4200px;
     padding-top    : 10px;
     padding-left   : 5px;
     padding-bottom : 10px;
}

.sublogo
{
    float: left;
    border: black 1px solid;
    height: 90px;
    width: 99%;
    margin-bottom: 10px;
    position: static;
} 

.Logo1
{
     float: left;
}  

.Logo2
{
     float: right;
}  

.TopNav
{
    font            : bold small-caps 130% Arial, Helvetica, sans-serif;
    float           : left;
    padding-top     : 2px;
    padding-left    : 2px;
    padding-bottom  : 2px;
    border-top      : black 1px solid;
    color           : white;
    background-color: #3399cc;
    width           : 100%;
}

div.TopNav a		{font-size 	: 100%; font-weight	: bold; color : yellow; background-color: inherit; text-decoration : underline;}
div.TopNav a:hover	{font-size 	: 100%; font-weight	: bold; color : white; background-color: inherit; text-decoration : underline;}

.Content
{
}

.Menu1
{
    Background-Color:White; 
    Color:Black; 
}

.navigation
{
    float:left;
}

.content
{
    float:left;
}

.menuItemstatic
{
    padding: 5px 5px 5px 0px;
    text-align: left;
    color: black;
    background-color: inherit;
    font-size: 110%;
}

.menuItemdynamic
{
    padding: 5px;
    text-align: left;
    color: black;
    background-color: #87CEEB;
    font-size: 110%;
    z-index: 100;
}

.leftsidebar
{
    float           : left;
    padding         : 1%;
    width           : 13%;
    color           : white;
    background-color: #3399cc;
    border-top      : white 1px solid;
    border-right    : black 1px solid;
    border-bottom   : black 1px solid;
}

div.leftsidebar h1
{
    font            : bold small-caps 130% Arial, Helvetica, sans-serif;
    text-align      : center;
    padding-top     : 10px;
    padding-bottom  : 0px;
    border-bottom   : 0px solid black;
    margin-bottom   : 0px;
    color           : Yellow;
}

div.leftsidebar h4, p
{
    padding: 0px;
    margin: 0px;
    left: 8%;
}    

div.leftsidebar a		{font-size 	: 100%; font-weight	: bold; color : yellow; background-color: inherit; text-decoration : underline;}
div.leftsidebar a:hover	{font-size 	: 100%; font-weight	: bold; color : white; background-color: inherit; text-decoration : underline;}

.MainContent
{
    float           : left;
    padding-left    : 1%;
    padding-left    : 1%;
    padding-bottom  : 2%;
    padding-top     : 1%;
    display         : block;
    width           : 83.5%;
    border-top      : black 1px solid;
}

.rightsidebar
{
    padding-bottom  : 2%;
    padding-top     : 1%;
    padding-left    : 3%;
    float           : right;
    width           : 12%;
}

.Footer
{
    float: left;
    padding-right: 2%;
    padding-left: 1%;
    padding-bottom: 1%;
    padding-top: 1%;
    display: block;
    width: 90%;
    text-align: center;
}


/* Text */

a				{font-size 	: 100%; font-weight	: bold; color : black; background-color: inherit; text-decoration : none;}
a:hover				{font-size 	: 100%; font-weight	: bold; color : blue; background-color: inherit; text-decoration : none;}


h1
{
    font: bold small-caps 130% Arial, Helvetica, sans-serif;
    text-align: center;
    color: black;
    padding:0px;
    margin:0px;
}

h2
{
    font            : bold 120% Arial, Helvetica, sans-serif;
    padding         : 0px;
    margin          : 0px;
    margin-bottom   : 5px;
    text-align: center;
}

h3
{
    font            : bold 110% Arial, Helvetica, sans-serif;
    text-align: center;
    padding-bottom  : 3px;
}

h4
{
    font            : 100% Arial, Helvetica, sans-serif;
    padding-bottom  : 0px;
    margin-bottom   : 0px;
}

h5
{
    font: bold 120% Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    text-align: center;
    color: #FF0000;
}

p
{
    font            : 100% Arial, Helvetica, sans-serif;
    padding-bottom  : 3px;
    margin-bottom   : 5px;
}

HR
{
    border-top-style: solid;
    border-top-color: black;
    margin-bottom   : 0px;
    padding-bottom  : 0px;
}

  
/* -- Bits -- */

.Errors {
    COLOR           : red;
    background-color: inherit;
    FONT-STYLE      : italic
}

#LeftTabText TD
{
    text-align      : left;
}

.LeftAlign
{
    text-align      : left;
}

.RightAlign
{
    text-align      : right;
}


/* -- Menu Tabs -- */

.menuTabs
{
    position        :relative;
    top             :1px;
    left            :10px;
    font            :125% Arial, Helvetica, sans-serif;
}
.tab
{
    border-top      : Solid 1px black;
    border-left     : Solid 1px black;
    border-right    : Solid 1px black;
    border-bottom   : none;
    padding         : 0px 10px;
    background-color: #87CEEB;
    color           : Black;
}
.selectedTab
{
    border-top      :Solid 1px black;
    border-left     :Solid 1px black;
    border-right    :Solid 1px black;
    border-bottom   :Solid 1px white;
    padding         :0px 10px;
    background-color: #87CEEB;
    color           :Black;
}
.tabBody
{
    border          :Solid 1px black;
    padding         :10px;
    background-color:White;
    color           :Black;
}

ul
{
    list-style-type 	: square;
    list-style-position : outside;
    font-size			: 100%;
    margin-top			: 0px;
    margin-bottom		: 0px;
    padding				: 0px;
    margin-left			: 20px;
}

.li
{
    list-style-type: circle;
}

.example
{
    margin: 20px;
    border: black 1px solid;
    padding: 20px;
    background: url(images/puffyclouds4.jpg) 0 -4200px;
    width: 75%;
    left: 8%;
    position: relative;
    font-weight: bold;
}

.signature
{
    FONT-SIZE: 150%;
    FONT-FAMILY: "Brush Script MT";
}

.Watermark
{
    color: #C0C0C0;
}

table.NewsTable 
{
	border-width: 1px;
	border-style: outset;
	border-color: black;
	border-collapse: separate;
	background-color: white;
}

table.NewsTable th 
{
	border-width: 1px;
	padding: 10px;
	border-style: inset;
	border-color: black;
	background-color: #3399cc;
    color:yellow;
}

table.NewsTable td 
{ 
	border-width: 1px;
	padding: 5px;
	border-style:solid;
	border-color: black;
	background-color: white;
    text-align: center; 
}





.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#87CEEB;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}

.HostingTable
{
    background-color:Aqua;
    border:solid black 1px;
    
}

.BoldText
{
    font-weight:bold;
}

.BigBoldText
{
    font-weight:bold;
    font-size  :120%;
}

.BiggerBoldText
{
    font-weight:bold;
    font-size  :130%;
}

.ItalicText
{
    font-style:italic; 
}

/* -- Accordian styles -- */
.accordionHeader
{
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #87CEEB;
    color: white;
}

img.LeftPhoto
{
    border-bottom: white solid 4px;
    border-right: white solid 4px;
    border-left: white solid 1px;
    border-top: white solid 1px;
    padding: 5px;
    margin: 5px;
    background-color: black;
    float: left;
}

img.RightPhoto
{
    border-bottom: white solid 4px;
    border-right: white solid 4px;
    border-left: white solid 1px;
    border-top: white solid 1px;
    padding: 5px;
    margin: 5px;
    background-color: black;
    float: right;
}

UL.PanelUL
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

P.PanelP
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

P.PanelPTop
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 10px;
}

P.PanelPBottom
{
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 0px;
}