/* CSS Document */
BODY
{
	background-color: #66CCFF; /*#bbc3f3;*/ 
	FONT-FAMILY:      verdana, arial, helvetica ;
    TEXT-ALIGN:       justify;
	FONT-SIZE:        10pt;
	COLOR:            #000099;
}

TABLE
{
	FONT-FAMILY: verdana, arial, helvetica ;
	FONT-SIZE:   10pt;
	COLOR:       #000099;
}

a
{
 	text-decoration: none;
	color : #000099;
	font-weight: 700;
}

a:hover
{
   	text-decoration: underline;
		color : red;
}

.dropDown {
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    border-left: 1px solid #003366;
    border-right: 1px solid #003366;
    background-color: #f2f3ff;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;    
    color: #003366;		
    width: 150px;
}
.txtBox {
    background-color: #f2f3ff;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;    
    color: #003366;
    width: 150px;
}
.txtArea{
    border-top: 1px solid #003366;
    border-bottom: 1px solid #003366;
    border-left: 1px solid #003366;
    border-right: 1px solid #003366;
    background-color: #f2f3ff;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    color: #003366;
    width: 150px;
}

.tabs {
	position:    relative; 
	height: 	 30px; 
	margin: 	 0; 
	padding: 	 0; 
	padding-top: 6px;
	background:  url("MouseOut.png") repeat-x; 
	overflow:	 hidden
}

.tabs li {
	display:inline;
}

.tabs a:hover {
	background:#fff url("MouseHover.png") repeat-x; 
	border-right: 1px solid #fff;
	padding-top:     6px;
	color: #000099;
} 

.selected {
	background:    #fff url("MouseOver.png") repeat-x; 
	border-right:  1px solid #fff;
	border-bottom: 1px solid #6D99B6;
} 

.tabs a  {
	height:          30px; 
	font:		 	 10px verdana, helvetica, sans-serif;
    position:	 	 relative; 
	padding: 	   	 6px 10px 6px 10px; 
	margin:  	   	 0px -3px 0px -2px; 
	color:			 #2B4353;
	text-decoration: none;
	border-left:	 1px solid #fff; 
	border-right:	 1px solid #6D99B6;
}
.tab-container {
	background-color: #ffffff;
	border:1px solid #6D99B6;
}
.tab-panes { 
    margin: 3px;
}

.little {
	font-size: small;
	font-style: normal;
}

#divBody {
	background-color: #ffffff;
	margin:  0px;
	padding: 0px;
	width:   80%;
	border:  1px solid #000099; 
	border-color: Blue;
}
#divLogo {
	margin:  3px;
	padding: 3px;
	background-color: #ffffff;
}

#container1 {
	background-color: #ffffff;
}

#divTab-panes {
	background-color: #ffffff;
}

#divNav {
	margin:  -1px;
	padding: 0px;
	width:   100%;
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 10px;
	background-color: #ffffff;
}

#divLeft {
	margin:  -1px;
	padding: 2px;
	width:   20%;
	float:   left;
	background-color: #ffffff;
}
#divRight {
	margin:  -1px;
	padding: 2px;
	width:   75%;
	float:   right;
	background-color: #ffffff;
}

#whatsnew {
	border: 3px blue double;
}

#Events_List {
	border-right : 3px #000099 double;
}

#Results {
	padding	     : 3px;

}
#key {
	background-color: #ffffff;
	margin:  0px;
	padding: 0px;
	width:   70%;
	border:  thin #000099 solid; 
	border-color: Blue;
}

.calendar 		{
	font-size:			small;
	width:				90%;
}

.titlebar	{
	height:				30px;
	width:				100%;
	background:			url("images/titles/CalHeader.gif") repeat-x;
}

.titlebar img	{
	height:				30px;
}

.title_left		{
	position: 			relative;
	float: 				left;
	height: 			100%;			
}

.title_text		{
	position:			relative;
	float:				left;
	color:				white;
	width:				50%;
	text-align:			left;
	padding:			7px 0px 0px 10px;
}

.title_right		{
	 position: 			relative;
	 float: 			right;
	 height: 			100%;
}