/* CSS Tab Menus */

body {
	margin-top: 1px;
	margin-bottom: 10px;
}

#fixedbottomleft {
	position:fixed;
	bottom:0px;
	z-index:52;
	width: 950px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg_bar-bottom.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	color: #FFFFFF;
}

#tab_base{
	background-color: #F5F5F5;
	width: 98.5%;
	float: left;
	margin-bottom: 5px;
}

.tab{
	float: left;
	width: auto;
	margin-right: 2px;
	padding: 3px 5px 5px 5px;
	background-color: #39BD43;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	color: #FFFFFF;
}

.tabnull a:link		{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.tabnull a:visited	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.tabnull a:hover	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.tab_active{
	float: left;
	width: auto;
	margin-right: 2px;
	padding: 3px 5px 5px 5px;
	background-color: #FFFFFF;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}

.tablink a:link		{
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.tablink a:visited	{
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.tablink a:hover	{
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
/* End CSS Tab Menus */

/* CSS boxes */
#search_box {
	width: 97.5%;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#search_input {
	border: 1px solid;
	border-color: #FFFFFF;
}
/* End CSS boxes */

/* CSS Document */


#pagecontainer {
	width: 950px;
	/*width: 814px;*/
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg_bar-top.jpg);
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 0px;
}

#pagetop{
height:0px;
}

#pagebottom {
}

#pagecontent {
	/*border: 1px solid #336699;*/
	padding-left: 5px;
	padding-right: 5px;
}


#pagebody1 {
	width:100%;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
}

#pagebody2 {
	width:77%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#pagebody3 {
	width:57%;
	float: left;
	padding-left: 5px;
	padding-right: 0px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#pagebody_help {
	width:55%;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

#pagebody_left {
	width:22%;
	float: left;
	padding-right: 2px;
	background-color: #F5F5F5;
	padding-left: 5px;
	margin-right: 3px;
	padding-bottom: 5px;
}

#pagebody_left-search {
	width:22%;
	float: left;
	padding-right: 2px;
	padding-left: 5px;
	margin-right: 3px;
	padding-bottom: 5px;
}

#pagebody_right {
	width:18%;
	float: right;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 2;
}

#page_column_box {
	width:200px;
	padding: 2px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	border-color: #CAFFD8;
	border-right: solid #E4E4E4;
	border-top: solid #E4E4E4;
	border-width: 1px;
	background-color: #FCFCFC;
	overflow: auto;
}

#page_column_addfriend {
	width:auto;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border-color: #CAFFD8;
	border-right: solid #E4E4E4;
	border-top: solid #E4E4E4;
	border-width: 1px;
	background-color: #39BD43;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}


#pagebody_nav {
}

#pagebody_settings {
	margin-left: 2px;
	width: 97.5%;
	background-color: #F5F5F5;
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#pagebody_news {
	width: 95%;
	border: 1px solid;
	border-color: #39BD43;
	background-color: #FBFBFB;
	padding: 5px;
	margin-left: 2px;
	margin-bottom: 10px;
}

#pagebody_comments {
	width: 90%;
	border: 1px solid;
	border-color: #39BD43;
	background-color: #FBFBFB;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#pagebody_commentsText {
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%;
	background-color: #D8F3DA;
	padding: 5px;
	color: #333333;
	margin-bottom: 2px;
	height: auto;
}

#pagebody_commentsBlog {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 90%;
	background-color: #D8F3DA;
	padding: 5px;
	color: #333333;
	margin-bottom: 2px;
	height: auto;
}

#photo_portrait {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

#photos_nav {
float:right; width:70.65%
}

#photos_main {
float:left; width:80.5%; border-right:1px solid #C0C0C0
}


#photos_album-title {
	float:left;
	width:60%;
	margin-right:10px;
	margin-bottom:0px;
	padding-left:5px;
	padding-right:10px;
	border:1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#photos_album-right {
	float:right;
	width:30%;
	margin-right:10px;
	margin-bottom:0px;
	padding-left:0px;
	border:1px solid #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#photos_display {
	width:97%;
	margin-right:10px;
	padding-left:10px;
	padding-right:0px;
	padding-top:5px;
	background-color:#F5F5F5;
	border:1px solid #C0C0C0;
	margin-bottom: 5px;
	margin-left: 5px;
}

#photo_frame {
	width:97.5%;
	margin-right:10px;
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	border:1px solid #C0C0C0;
	margin-bottom: 0px;
}

#photo_view {
	width:inherit;
	height:auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F5F5F5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

#photos_footer1 {
	width:97%;
	margin-right:10px;
	margin-top:0px;
	padding:0px;
	border:1px solid #C0C0C0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
	margin-left: 5px;
}

#photos_footer2 {
	width:455px;
	margin-left:15px;
	margin-top:5px;
	padding:5px;
	float: left;
}

#photos_footer3 {
	width:235px;
	margin-right:10px;
	margin-top:5px;
	padding:5px;
	float: right;
}

#photos_ {

}



#header {
}

#header_left {
	width: 45%;
	float: left;
	margin-top: 10px;
}

#header_right {
	width: 50%;
	float: right;
	margin-top: 10px;
	padding-top: 5px;
}

#top_left_home {
	width: 57%;
	float: left;
	text-align: left;
	height: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 5px;
}

#top_nav_home {
	width: 41%;
	float: right;
	text-align: right;
	height: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
}

#top_left {
	width: 40%;
	float: left;
	text-align: left;
	height: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 5px;
}

#top_nav {
	width: 54%;
	float: right;
	text-align: right;
	height: 20px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
}

#bottom_nav {
}

#footer {
}

#advertising_bottom{
	color:#666666;
	padding-left: 5px;
	padding-right: 5px;
}

#copyright {
	text-align:center;
    color:#000066;
}

a:link		{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-size: 100%;
}

a:visited	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-size: 100%;
}

a:hover		{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;
	font-size: 100%;
}

a:active	{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;
	font-size: 100%;
}

.brown a:link		{
	color:#336699;
	text-decoration:none;
}

.brown a:visited	{
	color:#336699;
	text-decoration:none;
}

.brown a:hover	{
	color:#336699;
	text-decoration:underline;
}

.brown a:active	{
	color:#336699;
	text-decoration:none;
}

.white a:link		{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;
}
.white a:visited	{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;
}
.white a:hover	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
}

.white a:active	{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;
}

.blue a:link		{
	color:#000066;
	text-decoration:underline;
	font-weight: normal;
}

.blue a:visited	{
	color:#000066;
	text-decoration:underline;
	font-weight: normal;
}

.blue a:hover		{
	color:#333333;
	text-decoration:none;
	font-weight: normal;
}

.blue a:active	{
	color:#000000;
	text-decoration:none;
	font-weight: normal;
}

.bluePlain a:link		{
	color:#000066;
	text-decoration:none;
	font-weight: normal;
}

.bluePlain a:visited	{
	color:#000066;
	text-decoration:none;
	font-weight: normal;
}

.bluePlain a:hover		{
	color:#000066;
	text-decoration:underline;
	font-weight: normal;
}

.bluePlain a:active	{
	color:#000066;
	text-decoration:none;
	font-weight: normal;
}

.pale a:link		{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}

.pale a:visited	{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}

.pale a:hover		{
	color:#333333;
	text-decoration:none;
	font-weight: normal;
}

.pale a:active	{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}

.grey a:link		{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}
.grey a:visited	{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}
.grey a:hover	{
	color:#666666;
	text-decoration:none;
	font-weight: normal;
}

.grey a:active	{
	color:#666666;
	text-decoration:underline;
	font-weight: normal;
}



.adlink a:link		{
	color:#0000FF;
	text-decoration:underline;
	font-weight: normal;
}
.adlink a:visited	{
	color:#0000FF;
	text-decoration:underline;
	font-weight: normal;
}
.adlink a:hover	{
	color:#0000FF;
	text-decoration:underline;
	font-weight: normal;
}

.adlink a:active	{
	color:#0000FF;
	text-decoration:underline;
	font-weight: normal;
}

.adlink_bottom a:link		{
	color:#009900;
	text-decoration:none;
	font-weight: normal;
}
.adlink_bottom a:visited	{
	color:#009900;
	text-decoration:none;
	font-weight: normal;
}
.adlink_bottom a:hover	{
	color:#009900;
	text-decoration:none;
	font-weight: normal;
}

.adlink_bottom a:active	{
	color:#009900;
	text-decoration:none;
	font-weight: normal;
}




.user_name a:active	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 125%;
}

.user_name a:link		{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 125%;
}
.user_name a:visited	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 125%;
}
.user_name a:hover	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 125%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
}

h1 a:link		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
	text-decoration:none;
}

h1 a:visited	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
	text-decoration:none;
}

h1 a:hover		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
	text-decoration:underline;
}

h1 a:active	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 3px;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
	text-decoration:none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #336699;
	padding-bottom: 0px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight: lighter;
	color: #999999;
}

h4 {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000066;
	font-weight: normal;
}

p {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 10px;
}

.b {
	font-weight: bold;	
}

.i {
	font-style: italic;
}

.u {
	text-decoration: underline;
}

.red {
	color: #FF0000;
	font-size: 75%;
}

.grey {
	color: #999999;
	font-size: 85%;
}

.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 100%;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;

}

.searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 100%;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #FF9900;
	width: 300px;
}

.searchbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 90%;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;

}

.filterbox {
	/* font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%; 
	color: #333333;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
	padding-right: 0px;
*/
}

.searchresultleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
}

.searchresultdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-bottom: 10px;
	margin-top: 0px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
}

.searchbodyleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 95%;
	font-weight: normal;
}

.brown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 100%;
	font-weight: bold;
}

.membername {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}

.memberstatus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 0px;
	font-weight: normal;
	color: #666666;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.memberquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	color: #999999;
	font-style: italic;
}

.emaildisplay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
}

.logo {
	font-family: Arial, Helvetica, sans-serif;
	color: #39BD43;	
}

.logo a:link		{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 300%;
	font-weight: bold;
	color: #39BD43;
}
.logo a:visited	{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 300%;
	font-weight: bold;
	color: #39BD43;
}
.logo a:hover	{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 300%;
	font-weight: bold;
	color: #39BD43;
}

.logo a:active	{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 300%;
	font-weight: bold;
	color: #39BD43;
}

.logo_subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #666666;
	padding-left: 2px;
}

/* Image Fade */

.transparent_class {
	padding: 5px;
	background-color: #F5F5F5;	/*filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:.5;
	opacity:.5;*/
	width: 400px;
	border: 1px solid;
	border-color: #FFFFFF;
	margin-top: 10px;
}

div.transOFF {}
div.transON  {opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75 }