/* BEGIN Banner Navigation ****************************************************************************/
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:160px;
	}

#banner-left {
	position:absolute;
	left:0px;
	top:0px;
	width:366px;
	height:160px;
	}

#banner-home {
	position:absolute;
	left:366px;
	top:0px;
	width:459px;
	height:133px;
	}

#banner-right {
	position:absolute;
	left:825px;
	top:0px;
	width:125px;
	height:76px;
	}

#banner-members-login {
	position:absolute;
	left:825px;
	top:76px;
	width:125px;
	height:33px;
	}

#banner-pictures {
	position:absolute;
	left:825px;
	top:109px;
	width:67px;
	height:24px;
	}

#banner-videos {
	position:absolute;
	left:892px;
	top:109px;
	width:58px;
	height:24px;
	}

#home-page-banner-07 {
	position:absolute;
	left:366px;
	top:133px;
	width:261px;
	height:27px;
	}

#banner-about-me {
	position:absolute;
	left:627px;
	top:133px;
	width:84px;
	height:27px;
	}

#banner-diary {
	position:absolute;
	left:711px;
	top:133px;
	width:53px;
	height:27px;
	}

#banner-wallpaper {
	position:absolute;
	left:764px;
	top:133px;
	width:82px;
	height:27px;
	}

#banner-store {
	position:absolute;
	left:846px;
	top:133px;
	width:57px;
	height:27px;
	}

#banner-links {
	position:absolute;
	left:903px;
	top:133px;
	width:47px;
	height:27px;
	}
/* END Banner Navigation ******************************************************************************/

a {
	text-decoration: none;
	color: #FFFFFF;
	}

a:hover {
	text-decoration: underline;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image: url(images/background.jpg);
	background-color: #F1E0BF;
	}

body.sub {
	}
	
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	}

form {
	background-color: #CCCC99;
	}

input.big {
	width: 100px;
	}

input.small {
	width: 50px;
	}

.calendarheader {
	border-color: #B91E65;
	border-style: solid;
	border-width: 3px;
	background-color: #B91E65;
	color: #FFFFFF;
	}

.calendardays {
	border-color: #B91E65;
	border-style: solid;
	border-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 133px;
	height: 100px;
	color: #B91E65;
	background-color: #F1E0BF;
	}

.calendardaysupdate {
	border-color: #B91E65;
	border-style: solid;
	border-width: 2px;
	background-color: #F1E0BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	}

.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	line-height: 16px;
	background-color: #004080;
	}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
	color: #006666; 
	font-weight: bolder;
	font-size: medium;
	}

.face { border: 1px #B91E65 solid }

.feedback_label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.feedback_input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; height: 22px; width: 400px;}
.feedback_body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; height: 100px; width: 400px; }
.feedback_button { width: 80px; }

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
	}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	border-color: #B91E65;
	border-style: solid;
	border-width: 3px;
	background-color: #005aaa;
	color: #FFFFFF;
	}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	}

.longdescription {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	line-height: 20px;
	background-color: #005aaa;
	}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}

.navfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #005aaa;
	}

.navheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #B91E65;
	padding: 10;
	border: 1px #CC0000 solid
	}

.pagenumbers  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 12px;
	}

.photosessionviews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 11px;
	color: #3300FF;
	text-align: left;
	}

.photosessioncellsmall {
	border-color: #900732;
	border-style: solid;
	border-width: 3px;
	background-color: #900732;
	}

.photosessioncelllarge {
	background-color: #004080;
	border: 0px none #A20642;
	color: #FFFFFF;
	}

.photosessioncell a {
	border: 0;
	}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
	}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
	}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
	}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
	}

.style1 {font-size: x-small}

.style2 {font-size: xx-small}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #0000FF;
	}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 8px;
	color: #ffffff;
	}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
	}

.thumb  {/* used in the gallery template to control the border around the thumbnails */
	color: #785249;
	}

.fullimage  { /* used in the image container template, controls the border/appearance of the full-res image */
	}

.feedback_label  { /* controls the layout (fonts) used for the labels in the generated feedback form */
	}

.feedback_input  { /* controls the input boxes in the feedback form */
	}

.feedback_body  { /* controls the text area for message body in the feedback form */
	}

.feedback_button  { /* controls the buttons (Send, Reset) in the feedback form */
	}

.jumpto  { /* controls the dropdown list for direct jump to a content item (image/video) (container templates) */
	}

.poll_graph1  { /* used to define the colors when printing the bar graph with poll results */
	}

.poll_graph2  { /* used to define the colors when printing the bar graph with poll results */
	}

.poll_graph3  { /* used to define the colors when printing the bar graph with poll results */
	}

.poll_graph4  { /* used to define the colors when printing the bar graph with poll results */
	}

.poll_graph5  { /* used to define the colors when printing the bar graph with poll results */
	}

.poll_option  { /* controls the layout of the poll options (answers) */
	}

.poll_question  { /* controls the layout of the question in the poll */
	}

.poll_submit  { /* controls the button for submitting the poll */
	}

.slideshow_button  { /* controls the button for Start/Stop of the slideshow (image container templates) */
	}

.slideshow_speed  { /* controls the dropdown list for selecting slideshow speed (container templates) */
	}

/* BEGIN Image Flip ****************************************************************************/
/* Use this code to make an image-link change images on mouse-over but the link stays the same */
/************ Use this in the HTML file "<a href="#" class="imageFlip">My Link</a>" ***********
a.imageFlip {
    display: block;
    width: 100px;   // or the width of the image ;-)
    background: url("images/1.gif") no-repeat top left;
    color: #EFEFEF;
    padding: 4px;
    text-decoration: none;
	}

a.imageFlip:hover {
    background-image: url("images/2.gif");
	}
END Image Flip ******************************************************************************/

/* BEGIN Original My Pictures CSS **************************************************************
.face { border: 1px #000000 solid }
.title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000000 }
.description { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 7pt; font-weight: normal; color: #000000 }
.news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000; padding: 10; border: 1px #CC0000 solid }
.style1 {font-size: x-small}
.style2 {font-size: 9pt; font-weight: normal; font-family: Verdana, Arial, helvetica, sans-serif;}
END Original My Pictures CSS ******************************************************************/
.content-type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
}
.galleryimage-video {

	border-color: #005aaa;
	border-style: solid;
	border-width: 3px;
}

/***************************************************************************************************************/
/*------------------------------------------------(  NEW TOUR )------------------------------------------------*/
/***************************************************************************************************************/

@charset "utf-8";

* {margin: 0; padding: 0;}
/*-----body {background: #000000 url(images/bg.jpg) repeat; font-family: Tahoma, sans-serif;}-----*/
#container {width: 950px; margin: 0 auto; border-left:#000000 medium solid; border-right:#000000 medium solid; position: relative;}
#container img {border:0px; float:left;}
#container a img {border:0px; float:left;}
.preload{display:none;}

/*------------(  main HEADER )------------*/
#header {height: 220px; background: url(images/logo.jpg) no-repeat;}
#menu {height: 31px;}
#menu img {
	float:left;}

a.home, a.access, a.contact, a.members {float: left; height: 31px; display: block; margin:0 auto;}
a.home {width: 95px; background: url(images/nav_main_home.jpg) no-repeat;}
a.access {width: 132px; background: url(images/nav_main_access.jpg) no-repeat;}
a.contact {width: 88px; background: url(images/nav_main_contact.jpg) no-repeat;}
a.members {width: 160px; background: url(images/nav_main_members.jpg) no-repeat;}

a:hover.home {width: 95px; background: url(images/nav_main_homem.jpg) no-repeat;}
a:hover.access {width: 132px; background: url(images/nav_main_accessm.jpg) no-repeat;}
a:hover.contact {width: 88px; background: url(images/nav_main_contactm.jpg) no-repeat;}
a:hover.members {width: 160px; background: url(images/nav_main_membersm.jpg) no-repeat;}


/*------------(  main FLASH  )------------*/
#flash_container img{
				float:left;
				}
#flash_main {
				width:658px;
				height:406px;
				background-image:url(images/flash_temp.jpg);
				background-repeat:no-repeat;
				float:left;
				}			

/*------------(  main INTRO  )------------*/
#get_to_know_me {
				width:490px;
				height:229px;
				background-image:url(images/get_to_know_me.jpg);
				background-repeat:no-repeat;
				float:left;
				padding:60px 30px 0 430px;
				}
				#get_to_know_me p {
				padding-bottom:20px;
				}

/*------------(  P A G E  T W O (-2-)  )------------*/
#header2 {height: 220px; background: url(images/p2_logo.jpg) no-repeat;}

#recent_pictures {
				width:220px;
				height:346px;
				background-image:url(images/recent_pictures.jpg);
				float:left;
				padding:60px 0 0 26px;
				}
				#pic_box {
				border:0;
				width:202px;
				height:300px;
				display:block;
				overflow-y:scroll;				
				}
				#pic_box img {
				border: #000000 thin solid;
				margin-bottom:6px;
				}
				
#recent_videos {
				width:238px;
				height:346px;
				background-image:url(images/recent_videos.jpg);
				float:left;
				padding:60px 0 0 23px;				
				}
				#vid_box {
				border:0;
				width:202px;
				height:300px;
				display:block;
				overflow-y:scroll;
				}
				#vid_box img {
				border: #000000 thin solid;
				margin-bottom:6px;
				}				
				
#cum_inside {
				width:402px;
				height:363px;
				float:left;
				}
				
				#coming_up {
				width:508px;
				height:283px;
				float:left;
				background-image:url(images/coming_up.jpg);
				background-repeat:no-repeat;
				padding:80px 20px 0 20px;
				}
				#coming_up h3 {
				text-align:center;
				font-size:26px;
				text-transform:uppercase;
				color:#ee0e9d;
				font-weight:100;
				margin:14px 0 14px 0;
				}
				#coming_up h4 {
				text-align:center;
				font-size:22px;
				color:#000000;
				font-weight:100;
				}


/* Individual picture pages */
#bigpic img {left: 50%; position: absolute; top: 50%;} 
#bigpic img.horizontal {margin-top: -300px; margin-left: -400px;}
#bigpic img.vertical {margin-top: -400px; margin-left: -300px;}
				
/*------------(  P A G E  T H R E E (-3-)  )------------*/
#header3 {height: 279px; background: url(images/p3_logo.jpg) no-repeat;}				

#p3_flash_container img{
				float:left;
				}
#p3_flash_main {
				width:616px;
				height:390px;
				background-image:url(images/p3_flash_temp.jpg);
				background-repeat:no-repeat;
				float:left;
				}	

#diary {
				width:500px;
				height:203px;
				background-image:url(images/p3_diary.jpg);
				background-repeat:no-repeat;
				float:left;
				padding:60px 20px 0 430px;
				}
				#diary p {
				padding-bottom:12px;
				}				
				#diary h3 {
				text-align:center;
				font-size:24px;
				text-transform:uppercase;
				color:#ee0e9d;
				font-weight:100;
				margin:6px 0 14px 0;
				}	
				
				
/*------------(  J O I N  )------------*/				
#headerjp {height: 201px; background: url(images/join_logo.jpg) no-repeat;}	

#what_you_get {
				width:470px;
				height:248px;
				background-image:url(images/pj_what_you_get.jpg);
				background-repeat:no-repeat;
				float:left;
				padding:60px 40px 0 440px;
				}			
				
#waiting_inside {
				width:460px;
				height:160px;
				background-image:url(images/pj_waiting.jpg);
				background-repeat:no-repeat;
				float:left;
				padding:54px 440px 0 50px;
				}							

/*------------(  F O O T E R  )------------*/
#footer {height:30px; background-color:#0c80e3; clear:both; text-align:center; padding-top:10px; color:#FFFFFF;}
#footer p.footer_menu { font-size: 18px; line-height:14px;}
#footer p.footer_menu a {color: #fff; text-transform: uppercase; text-decoration: none; margin: 0 10px;}