/*
    Project: 
    URL: http:
    
    Output device: screen, projection
    
    Author: Cody Sechelski
    Last revision: 

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/



/*---| Splash Page |---*/
	#splashpage { width:770px; margin:0 auto; background:url("../css/images/bg_splashpage.png") 0 0 repeat-y;}
	#splashmain { width:755px; margin:0 0 0 8px; padding-bottom:20px; min-height:151px;}
	.splashcontent { margin:0 20px;}
	.splashquote { margin: 0 25px; font-size:160%; line-height:110%; font-family:"georgia",serif; font-weight:normal; text-align:justify; color:#5567A8;}




/*---| Bio |---*/
	.bio-top { margin-top:60px;}
		.bio-top img { float:left; margin:0 16px 0 0; border:solid 8px #b8d1ed;}
		.bio-top span.bio-name { font-size:120%; line-height:100%; font-weight:bold; color:#222e6c;}
	.bio-blog {}
	
	
/*---| Blog Pages |---*/
	#biopic { padding:14px; background:url("../css/images/bg_biopic.png") 0 0 repeat-y;}
	#main div.dataitem div.content span.biopic-float-l img { float:left; display:block; margin:0 20px 0 0;}
			
	/*---| Blog Pager |---*/
	.blog-pager {}
	.blog-pager a.pager-right { float:right; display:block; margin-top:40px; height:13px; width:80px; padding:3px 0 1px 20px; background:url("../css/images/bg_arrow_btn_lg.gif") 0 0 no-repeat; font-size:7pt; line-height:8pt; font-weight:bold; text-decoration:none; color:White;}
	.blog-pager a.pager-right:hover { background:url("../css/images/bg_arrow_btn_lg.gif") 0 100% no-repeat;}
	.blog-pager a.pager-left { float:left; display:block;  margin-top:40px; height:13px; width:80px; padding:3px 0 1px 20px; background:url("../css/images/bg_back_arrow_btn_lg.gif") 0 0 no-repeat; font-size:7pt; line-height:8pt; font-weight:bold; text-decoration:none; color:White;}
	.blog-pager a.pager-left:hover { background:url("../css/images/bg_back_arrow_btn_lg.gif") 0 100% no-repeat;}
	.blog-pager a[disabled] { display:none;}


/*---| Error |---*/
	.error { margin:10px 0; padding: 10px 10px 10px 60px; border:solid 1px #ccc; background:#ffc url("../css/images/bg_error.png") 5px 5px no-repeat; font-weight:bold; text-align:left; color:#f00}
	
	
/*---| Rss Index |---*/
	.rsspage img { float:left; margin:0 20px 0 0;}
	

/*---| Events |---*/	
	.eventitem h3 { padding-top:5px;}
	.eventitem div.eventdate { float:left; width:101px; height:92px; background:url("../css/images/bg_date.gif") 0 0 no-repeat;}
	.eventitem div.eventdate div.month { margin-top:13px; font-size:10px; text-transform:uppercase; color:#fff; font-weight:bold; text-align:center;}
	.eventitem div.eventdate div.day { float:left; padding-left:5px; width:45px; font-size:10px; text-transform:uppercase; text-align:center;}
	.eventitem div.eventdate div.date { float:right; padding-right:5px; margin-top:10px; width:45px; font-size:32px; line-height:22px; font-family:"Times New Roman", Serif; text-align:center;}
	.eventitem div.eventdate div.date div.year { margin:0; padding:0; font-size:10px; font-family:"verdana",sans-serif;}
	.eventitem div.eventinfo { float:right; width:414px;}
	.eventitem div.eventinfo span { font-weight:bold;}
	.eventitem div.eventinfo h5 { margin-top:10px;}
	.eventitem iframe { margin:0 auto; width:396px; height:396px; border:solid 8px #b8d1ed;}
	.eventinfo div.event-bottom { margin:10px 0; padding-top:5px; border-top:dashed 1px #b7b7b7; text-align:right;}
	.eventinfo div.event-bottom span { font-weight:normal;}
	
	.eventmaplink { font-size:70%; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#fff; padding:0 2px; background:#222e6c;}
	.eventmaplink:hover { color:#b8d1ed;}

/*---| Videos |---*/
	.videopage { clear:both;}
		.videopage div.dataitem div.content { min-height:140px;}
		.videotn  { float:left; margin:0 35px 0 0; height:140px; width:130px; position:relative;}
		.videotn a { display:block; height:130px; width:140px; background:url("../css/images/bg_video.gif") 0 0 no-repeat;}
		#main div.dataitem div.content div.videotn img { width:130px; height:97px; margin:5px 5px 0 5px; display:inline; border:0;}
		.video-header { background:url("../css/images/youtube_logo.gif") 95% 100% no-repeat;}
/*---| Web User Controls |---*/
	/*---| Sidebar Controls |---*/
		.sbcontol {}
		.sbcontol .acc { }
		.sbcontol div.acc-header { margin:0 0 2px 0; padding-left:20px; background:#aec6e1 url("../css/images/ico_plus.gif") 6px 10px no-repeat; text-decoration:underline; color:#222e6c; text-transform:capitalize; cursor:pointer;}
		.sbcontol div.acc-selected-header { margin:0; padding-left:20px; background:#C7DBF1 url("../css/images/ico_minus.gif") 6px 9px no-repeat; font-weight:bold; color:#222e6c; text-transform:capitalize; cursor:pointer;}
		.sbcontol div.acc-content { margin:0; padding:0 10px; background:#C7DBF1; text-align:justify;}
		.sbcontol div.acc-content div.arrowbtn-sm { margin:10px 0 10px 10px;}


/*---| Photos and Photo Details |---*/	
	.photopage {}
	.photodetailspage {}
	 #main div.photodetailspage div.dataitem div.info-bottom { margin:10px 0;}
	.photodetailspage div.gallery-desc { margin-top:20px; border-top:solid 1px #222e6c;}
	.photo-header { background:url("../css/images/jalbum_logo.gif") 95% 100% no-repeat;}
	.photopage div.phototn { float:left; padding:0 20px 5px 0; height:152px; width:124px; background:url(../css/images/bg_gallery_tn2.png) 0 0 no-repeat;}
	#main div.dataitem div.content div.phototn img { margin: 16px 0 2px 13px; border:solid 1px #888;}
	.photopage div.phototn div.photocount { margin-left:13px; width:95px; text-align:right; font-family:"georgia",serif; font-size:7pt; color:#6076b7;}

/*---| Members |---*/
	.members-highpriority { color: #CC0000; font-weight: bold; }	
	.members-lowpriority { color: #0099CC; }	

/*---| Downloads |---*/
	.downloads-page {}
	.downloads-page iframe { width:100%;}
	.login-anonymous { padding:10px; border:dashed 1px #ccc;}
	
/*---| Members |---*/
	.vpartslist { margin:10px; padding-bottom:10px; width:250px; border:solid 1px #5567A8;}
	.vpartslist h5 { margin:0; padding:4px; background:#5567A8 url("../css/images/bg_sb_headings.png") 0 0 repeat-x; color:#fff;}
	.vpartslist ul { margin:10px; padding:0; list-style-type:none;}
	.vpartslist ul li { margin:0 0 5px 0; padding:0;}
	.vpartslist ul li a { display:block; margin:2px 0; padding-left:25px; vertical-align:middle; background:url("../css/images/mp3-music-file.gif") 0 50% no-repeat;}
	
	/*---| File Type Styles |---*/
		.dl-mp3 {}
		.dl-pdf {}
		.dl-zip {}
		.dl-doc {}
		.dl-exe {}
		.dl-other {}
	
/*---| Links |---*/
	.linkspage {}
	/*---| Accordion Control |---*/
		.acc { }
		.acc-header { padding:5px; margin-bottom:5px; background:#5567A8 url("../css/images/bg_tab_active.png") 0 0 repeat-x;}
		.acc-header h5 { color:#fff; margin:0; padding:0; background: url("../css/images/acc_left.gif") 100% 50% no-repeat; cursor:pointer;}
		.acc-selected-header { padding:5px; background:#222e6c url("../css/images/tab_hover.gif") 0 0 repeat-x;}
		.acc-selected-header h5 { color:#fff; margin:0; padding:0; background: url("../css/images/acc_down.gif") 100% 50% no-repeat; cursor:pointer;}
		.acc-content { padding:10px; text-align:left;}
		.link-content { margin:8px 0;}
		.link-content a { font-weight:bold;}
		
/*---| Login |---*/
	.loginpage {}
		.loginpage div.login-box { padding:10px; margin:60px auto 0 auto; width:300px; border:dashed 1px #ccc;}
		.loginpage div.login-box table { width:100%; border:0;}
		.loginpage div.login-box tr, .loginpage div.login-box td, .loginpage div.login-box th { border:0;}
		.loginpage div.login-box div.login-item { padding:0 20px; color:#222e6c; font-weight:bold; text-align:right;}
			.loginpage div.login-tb label { display:block; float:left;}
			.loginpage div.login-tb input { width:160px;}
		.loginpage div.val2 { color:#ff0000; font-weight:bold;}
		.loginpage h5 { margin:0 auto 10px auto; width:150px; text-align:center; padding:2px;}
		.loginBtn {background:url("../css/images/bg_button.png") 0 0 repeat-x; border-top:solid 1px #e5eaf2; border-left:solid 1px #e5eaf2; border-right:solid 1px #222e6c; border-bottom:solid 1px #222e6c; font-weight:bold; text-decoration:none; color:#fff; cursor:pointer;}

/*---| Legal Pages |---*/
	.legal {}
	.legal-upper { text-transform:uppercase;}