/* Started 12/27/2009                    */
/* CSS for pages of website              */


body
{
background-color:#a2f2f2;
background-image:no-repeat;
z-index:-1;
font-family:"Trebuchet MS", Helvetica, sans-serif;
color:#FFFFFF;
}

#Main
{
margin-left: auto;
margin-right: auto;
width: 890px;
background-color:#e2e2c2;
}


/*----------------------------------*/
/*------ HEADER --------------------*/
/*----------------------------------*/
#Header
{
margin-left: auto;
margin-right: auto;
margin-top: -10px;
width: 890px;
float: left;
clear: right;
background-color: #a2c2c2;
background-image:url('pics/Delta_Function.png');
}

/*----------------------------------*/
/*------ "a" for Header ------------*/
/*----------------------------------*/
#Header a:link,#Header a:visited
{
display:block;
width:150px;
float: left;
font-weight:bold;
color:#FFFFFF;
background-color:#547676;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
#Header a:hover,#Header a:active
{
background-color:#002222;
float: left;
}


/*----------------------------------*/
/*------ LEFT MENU BAR -------------*/
/*----------------------------------*/
#LeftSideBar
{
margin-top: 45px;
width: 230px;
float: left;
clear: right;
padding: 5px;
}

.LeftBoxTitle
{
width: 200px;
padding: 5px;
background-color: #000000;
color: #FFFFFF;
text-align: center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

.LeftMenuBox {
background-color: #c3a1c3;
width: 210px;
border: 1px solid #000000;
margin-bottom: 15px;
}

/*----------------------------------*/
/*------ "a" for LeftMenuBox -------*/
/*----------------------------------*/
.LeftMenuBox a:link,.LeftMenuBox a:visited
{
display:block;
width:194px;
font-weight:bold;
color:#FFFFFF;
background-color:#765476;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
.LeftMenuBox a:hover,.LeftMenuBox a:active
{
background-color:#220022;
}

#MainMenu
{
background-color: #a1c3a1;
border: 1px solid #000000;
width: 210px;
margin-bottom: 15px;
}

/*----------------------------------*/
/*------ "a" for MainMenu ---------*/
/*----------------------------------*/
#MainMenu a:link,#MainMenu a:visited
{
display:block;
width:194px;
font-weight:bold;
color:#FFFFFF;
background-color:#547654;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
#MainMenu a:hover,#MainMenu a:active
{
background-color:#002200;
}


/*----------------------------------*/
/*------ CONTENT -------------------*/
/*----------------------------------*/

#Content
{
float:right;
clear:right;
width:650px;
margin-top: 50px;
}

h1, h2, h3
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}


ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
color:#FFFFFF;
}


/*----------------------------------*/
/*------ BOXES FOR ALL PAGES -------*/
/*----------------------------------*/

.HiddenBox {
width: 630px;
display: none;
z-index:1;
}

.TextBox {
width: 630px;
border: 1px solid #000000;
margin-bottom: 15px;
padding: 10px;
display: block;
}

/*----------------------------------*/
/*------ "a" for PurpleBox ---------*/
/*----------------------------------*/
.PurpleBox a:link,.PurpleBox a:visited
{
display:block;
width:194px;
font-weight:bold;
color:#FFFFFF;
background-color:#765476;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
.PurpleBox a:hover,.PurpleBox a:active
{
background-color:#220022;
}

.PurpleBox {
background-color: #a381a3;
}

/*----------------------------------*/
/*------ "a" for GreenBox ---------*/
/*----------------------------------*/
.GreenBox {
background-color: #81a381;
}

.GreenBox a:link,.GreenBox a:visited
{
display:block;
width:194px;
font-weight:bold;
color:#FFFFFF;
background-color:#547654;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
.GreenBox a:hover,.GreenBox a:active
{
background-color:#002200;
}


.BlueBox {
background-color: #81a3a3;
}

/*----------------------------------*/
/*------ "a" for BlueBox ---------*/
/*----------------------------------*/
.BlueBox a:link,.BlueBox a:visited
{
display:block;
width:194px;
font-weight:bold;
color:#FFFFFF;
background-color:#547676;
text-align:center;
padding:4px;
margin: 4px;
text-decoration:none;
}
.BlueBox a:hover,.BlueBox a:active
{
background-color:#002222;
}

.BoxTitle {
width: 640px;
padding: 5px;
border: 1px solid #000000;
background-color: #000000;
color: #FFFFFF;
text-align: center;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

/*----------------------------------*/
/*------ span for HiddenBox --------*/
/*----------------------------------*/
.HiddenBox a span {display: none;}

.HiddenBox a:hover span {
display: block;
position: absolute; top: 406px; left: 378px; width: 700px;
border: 1px solid #000000;
margin: 10px; z-index: 100;
background: #a1c3c3;
text-align: center;
}

	
img 
{
border: 1px solid #000000;
display: block;
}

img.float_right
{
float:right;
}

img.float_left
{
float:left;
}

.photolist
{
width: 680px;
height: 140px;
border: 1px solid #000000;
padding: 10px;
overflow: scroll;
overflow-y: hidden;
}

.photolist td {
width: 110px;
text-align: center;
}

/*----------------------------------*/
/*------ Elements for Tals ---------*/
/*----------------------------------*/

td
{
valign:top;
}