@charset "utf-8";
/* CSS Document */

/* JAMESTUZENEU.ME STYLESHEET */

/* Theses are the Divs for HOME PAGE, index.html,
   of jamesTuzeneu.me website*/
#containerHomePage {
	margin-right: auto;
	margin-left: auto;
	background-image: none;
	height: 1277px;
	width: 1015px;
	background-color: #09F;
	border: thick solid #F00;
}
#Footer {
	width:1000px;
	height:25px;
	float:left;
}
/* Div for the slideShow carousel, BouncingBalls. */
#Header {
	margin-right: auto;
	margin-left: auto;
	float: left;
	height: 400px;
	width: 1000px;
}
.item{
	width: 1000px !important;
	height: 377px !important;
	margin-left:auto;
	margin-right:auto;
}
.CarouselExample{
	margin-top:50px;
	margin-left:-250px;
}
/* Div for the main image of the Home Page with the hot spot links to other pages.*/
#Main {
	background-color: #FFF;
	border:#000000 thin solid;
	width: 600px;
	height: 600px;
	float: left;
	margin-top:50px;
	margin-left:7px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
}

/* Div on the left side of the Home Page that contains 3 images of Chess Pictures. */
#LeftBar {
	background-color: #09F;
	width: 192px;
	height: 600px;
	float: left;
	margin-top:50px;
	padding-bottom: 8px;
}
/* Divs inside the LeftBar Div that contains a chess picture. */
#PicBox1 {
	float: right;
	width: 192px;
	height: 192px;
	margin-bottom:8px;
}
#PicBox2 {
	float: right;
	width: 192px;
	height: 192px;
	margin-bottom:8px;
}
#PicBox3 {
	float: right;
	width: 192px;
	height: 192px;
}

/* Div on the right side of the Home Page that contains 3 images of Chess Pictures. */
#RightBar {
	background-color: #09F;
	width: 192px;
	height: 600px;
	float: right;
	margin-top:50px;
}
/* Divs inside the RightBar Div that contains a chess picture. */
#PicBox4 {
	float: right;
	width: 192px;
	height: 192px;
	margin-bottom:8px;
}
#PicBox5 {
	float: right;
	width: 192px;
	height: 192px;
	margin-bottom:8px;
}
#PicBox6 {
	float: right;
	width: 192px;
	height: 192px;
}

/* Div on the bottom of the Home Page that contains 5 images of Chess Pictures. */
#BottomBar {
	background-color: #09F;
	width: 1000px;
	height: 192px;
	float: left;
}
/* Divs inside the BottomBar Div that contains a chess picture. */
#PicBox7 {
	background-color: #09F;
	float: left;
	width: 192px;
	height: 192px;
	margin-right:10px;

}
#PicBox8 {
	background-color: #09F;
	float: left;
	width: 192px;
	height: 192px;
	margin-right:10px;
}
#PicBox9 {
	background-color: #09F;
	float: left;
	width: 192px;
	height: 192px;
	margin-right:10px;
}
#PicBox10 {
	background-color: #09F;
	float: left;
	width: 192px;
	height: 192px;
	margin-right:10px;
}
#PicBox11 {
	background-color: #09F;
	float: left;
	width: 192px;
	height: 192px;
}


/* Theses are the Divs for PORTFOLIO AND GRAPHIC_DESIGN PAGES,
   portfolioPage.html, graphicDesignPage.html,
   of jamesTuzeneu.me website*/
#containerPortfolioGraphicPage {
	height: 1050px;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #F00;
}
#Image1 {
	float: left;
	height: 200px;
	width: 200px;
	border: thin solid #000;
}
#Description1 {
	float: left;
	height: 200px;
	width: 600px;
	border: thin solid #000;
	background-color: #FFC;
}
#Image2 {
	float: left;
	height: 200px;
	width: 200px;
	border: thin solid #000;
}
#Description2 {
	float: left;
	height: 200px;
	width: 600px;
	border: thin solid #000;
	background-color: #FFC;
}
#Image3 {
	float: left;
	height: 200px;
	width: 200px;
	border: thin solid #000;
}
#Description3 {
	float: left;
	height: 200px;
	width: 600px;
	border: thin solid #000;
	background-color: #FFC;
}
#Image4 {
	float: left;
	height: 200px;
	width: 200px;
	border: thin solid #000;
}
#Description4 {
	float: left;
	height: 200px;
	width: 600px;
	border: thin solid #000;
	background-color: #FFC;
}
#Image5 {
	float: left;
	height: 200px;
	width: 200px;
	border: thin solid #000;
}
#Description5 {
	float: left;
	height: 200px;
	width: 600px;
	background-color: #FFC;
	border: thin solid #000;
}
#FooterPortfolioGraphicPage {
	float: left;
	height: 40px;
	width: 800px;
	border: thin solid #000;
	background-color: #FFC;
}
/* Style Classes for the PORTFOLIO PAGE */
.resumeLinksStyle {
	color:#FF0000; 
	text-align:center;
	font-weight:bold;
}


/* Theses are the Divs for the two FAMILY_DISPLAY PAGES,
   familDisplayPage.html, pictureDisplayPage.html
   of jamesTuzeneu.me website*/
#containerFamilyDisplay {
	height: 1500px;
	width: 1050px;
	border: thick solid #F00;
	margin-right: auto;
	margin-left: auto;
}
#mainFamilyDisplay {
	height: 1450px;
	width: 1050px;
	padding-left: 25px;
	padding-top: 15px;
}
#leftFooterFamilyDisplay {
	float: left;
	height: 40px;
	width: 500px;
}
#rightFooterFamilyDisplay {
	float: right;
	height: 40px;
	width: 500px;
}


/* Theses are the Divs for the three PAMPHLET PAGES,
   foldedPamphlet.html, insidePamphlet.html, outsidePamphlet.html
   of jamesTuzeneu.me website*/
#containerPamphlets {
	height: 894px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#pictureDisplayPamphlets {
	float: left;
	height: 850px;
	width: 1100px;
	border: thin solid #000;
}
#FooterPamphlets {
	float: left;
	height: 40px;
	width: 1100px;
	background-color:#FFFFCC;
	border: thin solid #000;
}


/* Theses are the Divs for the two PHOTOSHOP ENHANCED PAGES,
   picturesPage1.html, picturesPage2.html
   of jamesTuzeneu.me website*/
#containerPhotoShop1 {
	height: 1360px;
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #F00;
}
#containerPhotoShop2 {
	height: 1160px;
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #F00;
}
#leftHeaderPhotoShop {
	float: left;
	height: 50px;
	width: 450px;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #000;
}
#rightHeaderPhotoShop {
	float: right;
	height: 50px;
	width: 450px;
}
#HowitzerBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#HowitzerToGliderComparisonBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#WacoGliderBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#TowPlaneBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#LastGliderBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#GliderCrashesBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#FooterPhotoShop1 {
	float: left;
	height: 40px;
	width: 900px;
	background-color:#FFC;
	border: thick solid #000;
}
#FooterPhotoShop2 {
	float: left;
	height: 50px;
	width: 900px;
	background-color:#FFC;
	border: thick solid #000;
}
#LifeMagBar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#Letter1Bar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#Letter2Bar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#Map1Bar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}
#Map2Bar {
	float: left;
	height: 200px;
	width: 900px;
	border: thick solid #000;
}


/* Theses are the Divs for the ABOUTMEPAGE,
   aboutMePage.html
   of jamesTuzeneu.me website*/
#containerAboutMePage {
	background-color: #09F;
	height: 630px;
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #F00;
}
#mainAboutMe {
	float: left;
	height: 576px;
	width: 576px;
	margin-left: 26px;
	margin-top: 25px;
}

#TopRightAboutMe {
	float: right;
	height: 192px;
	width: 400px;
	margin-top: 25px;
	margin-right: -35px;
}
#LowerRightAboutMe {
	background-color: #FFC;
	float: right;
	height: 384px;
	width: 400px;
	margin-right: 17px;
}
/*  ==============
 || Style Classes ||
    ==============   */
/* Style Rules for LowerRightAboutMe Div */
.descriptionText{
	color:#000; 
	text-align:center; 
	font-weight:bold;
}
.notableWebsitesCaption{
	color:#F00; 
	text-align:center; 
	font-size: 40px; 
	font-weight:bold;
}
.linksCaption{
	color:#F00;
	text-align:center; 
	font-size: 25px; 
	font-weight:bold;
}


/* Theses are the Divs for the VISUALBASICPROGRAMSPAGE,
   visualBasicProgramsPage.html
   of jamesTuzeneu.me website*/
#containerVisualBasicProgs {
	background-color: #09F;
	height: 820px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #F00;
}
#TopLeftVisualBasicProgs {
	background-color: #FFC;
	float: left;
	height: 384px;
	width: 384px;
	margin-top: 26px;
	margin-left: 26px;
}
#TopRightVisualBasicProgs {
	background-color: #009;
	float: right;
	height: 384px;
	width: 384px;
	margin-top: 26px;
	margin-right: 26px;
}
#LowerLeftVisualBasicProgs {
	background-color: #009;
	float: left;
	height: 384px;
	width: 384px;
	margin-left: 26px;
}
#LowerRightVisualBasicProgs {
	background-color: #FFC;
	height: 384px;
	width: 384px;
	float: right;
	margin-right: 20px;
}