div.MainMenu
{
    position:absolute;
    top: 145px;
    left: 15px;
    z-index: 100;
}

div.MainContent
{
    position:absolute;
    top:90px;
    left:10px;
    background-color:White;
    width:800px;
    height:700px;
    z-index:10;
    }

div.MainHeader
{
    position:absolute;
    top:10px;
    left:10px;
    z-index:99;
    }   

body 
{ 
    background-image: url(./Images/gradient.jpg);
    background-repeat:repeat;
    text-align:center;
    font-family: Leelawadee; 
}


.content
{
    /* background-color: #6D869F; */
    background-color: #333333;
    text-align: center;
    font-family: Leelawadee;
    color: #FFFFFF;
    width: 720px;
}

.slideCounter
{
    background-color: #333333;
    color: #FFFFFF;
    border: thin solid gray;
    vertical-align:middle;
    text-align:center;
}

.slideCounterActive
{
       background-color: Maroon;
    color: #FFFFFF;
    border: thin solid gray;
        vertical-align:middle;
    text-align:center;
    }
    
.content a
{
    color:White;
}

.infoPanel
{
    width:33%;
    text-align:center;
    }

    
.infoHeader
{
    font-weight: bold;
    font-size: medium;
}

.infoBody
{
    font-size: medium;
}

.contentTabs
{
    
    background-color:Navy;
    }
    
   .header
{   text-align:left;
	font-size:12pt;
	font-weight:bold;
	} 
	
	.copyright
	{   text-align:center;
	    font-family:Arial;
	    font-size:xx-small;
	    }

 .calendar
{
    background-color: #C0C0C0;
    color: #000000;
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
}

.helpText
{
    background-color:Navy;
    color:White;
    }
    
.modalBackground {
	background-color:White;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.titlebar
{
    border-color: Blue;
    border-style: solid;
    background-color: Blue;
    color: White;
    width:33%;
}

.modal
{ 
    text-align:left;
  
    }
    
 .colorHeader
 {
     background-color:Maroon;
     color:White;
     }
     
     .eventCalendar
{
    border: thin solid #000000;
    text-align:center;
}

.slideShow a
{
    color:inherit;
	text-decoration:none;
}

.slideShow a:hover
{
      color:inherit;
	text-decoration:underline;  
    }
    
.tableRowHeader
{
    background-image: url(./Images/tablebgdhdr.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    color: Maroon;
    height: 35px;
    font-weight: bold;
    text-align:center;
}

.tableRowFooter
{
    background-image: url(./Images/tablebgdbottom.png);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    color: Maroon;
    height: 35px;
    font-weight: bold;
}

.navTop
{
    font-size: x-small;
    text-decoration: none;
    text-align: right;
    color: #CCCCCC;
}

.navTop a
{
    color: #999999;
    text-decoration: none;
}

.navTOC
{
    font-size:medium;
    text-decoration:none;
    text-align:center;
    }
    
 .alternateRow
{
    background-color: #CCCCCC;
}

.alternateRow a
{
    text-decoration:none;
}

.basicRow a
{
    text-decoration:none;
}

.factsGroup
{
    font-size:small;
    font-weight:bold;
    }
    
.contactLabel
{
   font-size:medium;
   text-align:left;
   vertical-align:middle;
    }

.required
{ 
    color:Red;
  }

.note
{
    border-style: solid;
    border-width: thin;
    margin: 0px;
    padding: 6px;
    font-size: small;
    color: black;
    background-color: #FFFFCC;
}

.invisibleTable
{
    border-collapse: collapse;
    border-spacing: 0px;
}

.linkNoShow a
{
    border-style: none;
    text-decoration: none;
    color: #FFFFFF;
}

div.welcomebox
{
    background-position: center center;
    position: relative;
    padding: 10px;
    width: 760px;
    height: 890px;
    border-style: solid;
    border-width: thin;
    background-color: #FFFFFF;
    font-family: monospace;
    font-size: x-large;
    vertical-align: middle;
    text-align: center;
    background-image: url(./Images/RPWelephantfullsize.jpg);
    background-repeat: no-repeat;
}

div.welcomeheader
{
    position:relative;
    font-weight:bold;
    }

div.welcomebody
{
    position: relative;
}

.slideButton
{
    font-size: small;
    border-style: solid;
    border-width: thin;
    background-color: #C0C0C0;
    color: #000000;
}

div#container		
{
	position:relative;
    margin: 0px auto;
	width: 1000px;
	background-color: white;
	text-align: left;
}

.slideTab
{
    background-color:#006699;
    color:white;
    padding:5px;
    width:300px;
    height:50px;
}

.slideActiveTab
{
    background-color: maroon;
    color: white;
    padding: 5px;
    width:300px;
    height:50px;
}

.bigButton
{
    height:50px;
    width:150px;
    font-size:large;
    font-weight:bold;
    }
    
.cellfacts
{
    text-align:left;
    vertical-align:top;
    }
    
.cellfactsbody
{
    vertical-align: top;
    position: relative;
    top: 0px;
    left: 0px;
}

/*
Secondary Page Styles
*/

.contentLeft
{
    position: absolute;
    width: 700px;
    top: 50px;
    left: 25px;
}

.contentRight
{
    position: absolute;
    top: 0px;
    left: 720px;
    width: 280px;
    background-color: #993333;
}

.contentHeader
{
    position: absolute;
    top: 10px;
    left: 15px;
    color: Navy;
    font-size: xx-large;
    font-weight: bold;
}

.contentBody
{
    width: 1000px;
    background-color: white;
    height: 800px;
    position: absolute;
    left: 0px;
    top: 22px;
}  

.blogHeader
{
    
    }