/*
<table border="0" width="750" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" colspan="3"></td>
  </tr>
  <tr>
    <td width="100%" colspan="3"><img border="0" src="wpe4.gif"></td>
  </tr>
  <tr>
    <td style="width: 180px; background-image: url('leftback.gif'); background-repeat: repeat">Hello workld<div style="width: 180px"></td>
    <td style="width: 435px"><div style="width: 180p
*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
  
select {
  width: 150px;
  font-size: 11px;
  border: 1px solid #D5E6EE;
}

    
body {
	margin: 0;
	padding: 0;
	border: 0;
	/*background-image: url(images/background.jpg); */
	
	background-color: #2B5D7F;
	text-align: center;
	
	
}

.snipTypeRadio {
 
}


.container
{
	height: 600px;
	width: 800px;
	
	margin: 0;
	padding: 0;
	border: 0;
	
}

#wrapper
{ 	
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 1000px;

	
	text-align: left;
	
	
	
}



A:link {text-decoration: none}
A:visited {text-decoration: none}
A:hover {text-decoration: none;}
A:active {text-decoration: none}




table.container
{
	/*border: 4px solid  blue; */
	margin: 0;
	padding: 0;
    border-collapse: collapse;	
    
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* website header */
.header {
	
	height: 100px;
	width: 1000px;
	
	margin: 0;
	padding-left: 200px;
	border: 0;
	
	
	
	background-color: #2B5D7F;
}


/* calendar section */
#calendar 
{
	width: 600px;
	height: 100px;
	margin: 0;
	padding: 0;
	
	text-align: center;
	
}



/* individual calendar day */
#calendar_day
{
	float: left;
	width: 80px;
	height: 100px;
	margin: 0 0 0 1px;
	
	
	
	
	
	font: bold 11pt "arial";

	color: #06609A;
	background-color: #CCDDE2;		

}

/*
#calendar_day:hover
{
 	background-color: #06609A;
	color: white;		
}
*/

#calendar_day_label
{
	padding-top: 80px;
	
		
}

#calendar_day_label_2
{
	float: right;
	font: 6pt "arial";
}


/*-----------------------------------------------------------------------------------------------------------------------*/
.content
{
	
	width: 650px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top:0px;	
	vertical-align: top;
	background-color: white;
	text-align: left;
	
	/*border: 1px solid red;*/
}


#user_input{
	
	margin: 5px;
	
}

#notice {
	background-color: yellow;
	padding-left: 10px;
	/*margin-top: 4px;	*/
}

.minipiclist {
	text-align: right; 	
}

.minipic {
	margin: 0 0 0 1px;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* left navigation */
.left_nav
{
	width: 200px;
	
	margin: 0;
	padding: 0;
	border: 0;
	
	background-color: #FCB137;
	text-align: left;
	vertical-align: top;


}

#public_left_content
{
	width: 200px;
	
	margin: 0;
	padding: 0;
	border: 0;
	
	background-color: #FCB137;
	text-align: left;
	vertical-align: top;
}

.left_nav_link {
	font: bold 12pt "arial";
	margin: 5px;
}

#profile
{
	width: 188px;
	height: 100px;

	margin: 5px;
	/*border: 1px solid black;*/
}

#profile_pic
{
	float: left;
	margin: 0;
	padding: 0;
}

#teams
{
	height: 300px;
	margin: 5px;
	border: 1px solid black;
}




/*-----------------------------------------------------------------------------------------------------------------------*/
/* right navigation */
.right_nav
{
	float: right;
	width: 150px;
	margin: 0;
	padding: 0;
	
	
	background-color: #2B5D7F;
	
	
	/*border: solid 1px white; */
	text-align: left;
	vertical-align: top;
}


#right_nav_menu
{
	margin-left: 5px;
	
	font: bold 12pt "arial";
	color: white;
	
}

#footer {
	clear: both;
	background: #A2A2A2;
}