﻿/* Main CSS Layout */

body 		{ margin: 0px; 
			  padding:0px; 
			  text-align:center; 
			  background-color: #ffffff;
			  font-family: Verdana, helvetica, Tahoma, sans-serif;
			  font-size: 9pt;
			  }
			  
img			{ border:0px;}

#wrapper	{ width:955px;
			  margin:0px auto;
			  text-align:left;
			  }

#top		{ background:url(images/top_bg.jpg);
			  background-repeat: no-repeat;
			  width:955px;
			  height:30px;
			  } 
			
#foot		{ 
			  width:955px;
			  height:30px;
			  }
			  
#main_menu	{ padding: 40px 0px 0px 580px; }



.top		{ padding: 6px 0px 0px 25px; }

h1			{ font-family: Verdana, helvetica, Tahoma, sans-serif; 
			  font-size: 9px; 
			  font-style: normal; 
			  color:#666666; 
			  display: inline;
			  }
			  
.foot		{ font-family: Verdana, helvetica, Tahoma, sans-serif; 
	  		  font-size: 9px; 
	  		  font-style: normal;
			  font-weight: bold; 
	  		  color:#666666;
			  padding:   10px 0px 0px 0px;
			  border-top: solid 1px #bebebe;
	  		  }
.foot A:link		{ color:#666666; text-decoration: none; font-weight: bold; }
.foot A:visited	{ color:#666666; text-decoration: none; font-weight: bold;}
.foot A:hover		{ color:#000000; text-decoration: underline; font-weight: bold;}
.foot A:active	{ color:#666666; font-weight: bold;}

/* content classes */

#main_content	{ padding: 20px 20px 20px 20px; }

#left_col		{ float: left; position: relative; width:245px; padding: 20px 25px 20px 25px; }
#right_col		{ float: right; position: relative; padding: 30px 25px 20px 25px; }

.overflow	{ padding: 0px 10px 10px 0px;
			  width: 520px;
			  height: 160px;
			  overflow: auto;
			  scrollbar-face-color: #ffffff;
			  scrollbar-shadow-color: #999999;
			  scrollbar-highlight-color: #999999;
			  scrollbar-3dlight-color: #ffffff;
			  scrollbar-darkshadow-color: #ffffff;
			  scrollbar-track-color: #ffffff;
			  scrollbar-arrow-color: #333333;
			  }

.text		{ font-family: Verdana, helvetica, Tahoma, sans-serif; 
	  		  font-size: 9px; 
	  		  font-style: normal;
	  		  color:#666666;
			  text-align: left; 
	  		  }
.text A:link		{ color:#666666; text-decoration: none; font-weight: bold; }
.text A:visited	{ color:#666666; text-decoration: none; font-weight: bold;}
.text A:hover		{ color:#000000; text-decoration: underline; font-weight: bold;}
.text A:active	{ color:#666666; font-weight: bold;}		

.clr			{ clear: both; }

.form		{ font-family: Verdana, helvetica, Tahoma, sans-serif; 
			  font-size: 9px; 
			  font-style: normal; 
			  color:#666666; 
			  }

.form A:link	{ color:#666666; text-decoration: none;}
.form A:visited	{ color:#666666; text-decoration: none;}
.form A:hover	{ color:#cccccc; text-decoration: none;}
.form A:active	{ color:#666666;}

input, select, textarea {
	background: #ffffff;
	font-family: Verdana, helvetica, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	border: solid 1px #999999;
	padding: 2px;
}
.tips
{
    font-family: Verdana, helvetica, Tahoma, sans-serif;
    font-size: 9px;
    font-style: italic;
    color: #666666;
    text-align: left;
    font-weight: normal;
}
/*****************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}
/*****************************************************************************/
.GalleryListContent
{
  text-align: left;
}
a.GalleryUnselected
{
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 9pt;
  color: #5f9ea0;
  line-height: 25px;
  padding-left: 3px;
  text-decoration: none;
} 
a.GalleryUnselected:hover 
{ 
  padding-left: 3px;
  color: #2e8b57;
} 
a.GallerySelected
{ 
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 9pt;
  color: #556b2f;
  line-height: 25px; 
  padding-left: 3px;
  text-decoration: none;
}
/*****************************************************************************/
