﻿body {
	background-color:#bfcc79;
	text-align:center;
	color:White;
	font-family:Arial;
	font-size:0.8em;
	margin:0 auto;
	padding:0px;
}

#maindiv
{
	border:2px solid #336633;
	background-color:Black;
	width:800px;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0px;
}

#Logo
{
	float:left;
	width: 280px;
	margin:15px 0px 15px 5px;
}
#LogoImage{background-image:url('images/OIT_Logo.gif');background-repeat:no-repeat;width:251px;height:127px;float:right;}
#TaglineImage{background-image:url('images/OIT_Tagline.gif');background-repeat:no-repeat;width:251px;height:53px;float:right;}

#headerend{clear:both;margin:0px;}

#Content
{
	margin:0px 0px 0px 0px;
	text-align:left;
}
#Content img{border-top:solid 10px #336633; margin-left:10px; }
#Content ul li{margin-left:15px;}

.ContentText
{
    margin-left:10px;       
    margin-bottom:10px;
}

.ContentText a{color:white;}
.ContentText a:hover{color:#336633;}

#ContentText2{
    text-align:left;
    margin-left:10px;
    }
#ContentText2 a{color:Maroon;}
#ContentText2 a:hover{color:white;}
#ContentText2 img {border-left:none;}

.headertext{font-weight:bold; font-size:1.5em;}
.homecontent
{
    width:47%; 
    float:right;
    border-top: 10px solid #336633;
    margin-right:10px;
    }

.MenuPage{margin:10px;clear:both;}
.MenuPage a{color:White; font-weight:bold; text-decoration:none; font-style:italic;}
.MenuPage a:hover{color:#336633;}

.LeftPhoto{width:280px;
    height:450px;
    float:left;
    border:none;
    margin:0px 15px 0px 15px;}
    
.Jobs 
{
    background-image:url('images/OITPhoto5.jpg');
    background-repeat:no-repeat;
}
.Survey 
{
    background-image:url('images/OITPhoto1.jpg');
    background-repeat:no-repeat;
    
}
.Events
{
    background-image:url('images/OITPhoto2.jpg');
    background-repeat:no-repeat;

}
 .Contact
{
    background-image:url('images/OITPhoto5.jpg');
    background-repeat:no-repeat;
}
.Contact a{color:White;}
.Contact a:hover{color:#336633;}
#map{float:right;margin-right:15px;}

#Divider
{
	border-left:solid 2px #F05214;
	height:51px; 
	width:339px;
	top:51px;
	left:371px;
	position:absolute;
}
#DividerImage
{
    background-image:url('images/OIT_border.gif');
    background-repeat:no-repeat;
    width:339px;
    height:80px;
    float:right;
}

#Border
{
	text-align:right;
	width:50px;
	top:200px;
	left:320px;
	position:absolute;
}
	
#Menu
{
	text-align:right;
	background-position:bottom;
	background-repeat:no-repeat;
	font-style:italic;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	width:490px;   
	float:right;
	background-image:url('images/menubar.jpg');
	padding:10px 0px 13px 0px;
}
.MainMenuTable{float:left;}
* html .MenuTopLevel{color:White; font-weight:bold; margin:0px 2px 0px 4px; padding:0px 0px 0px 0px; float:left;}
.MenuTopLevel{color:White; font-weight:bold; margin-right:0px; margin-left:9px; float:left;width:auto;}
.MenuTopLevel:hover{color:#000000; text-decoration:underline;}
.MainMenu{color:White;}
.MainMenu:hover{font-weight:bold; color:#F05214;}

#SiteLinks
{
	color:#336633; 
	font-size:8pt; 
	text-align:center;
	width:800px;
	margin:0pt auto;
	}
.SiteLinks{padding-right:5px; color:#336633;}
.SiteLinks a:hover{color:black;}
#FoodMenu 
{
	font-style:italic;
}

.validatorCalloutHighlight
{
    background-color: Yellow;
}

.modalBackground {
	background-color:#669966;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.link{color:White; text-decoration:none; font-weight:bold;}