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

/* DOVGALA-DIMARIO STYLESHEET */

/* Theses are the Divs for HOME PAGE, index.html,
   of dovgalaDiMario Fammily website*/
#Container {
	height: 1062px;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #C9C;
}
#topMargin {
	float: left;
	height: 23px;
	width: 758px;
	background-color: #C9C;
}
#leftMargin {
	float: left;
	height: 1005px;
	width: 23px;
	background-color: #C9C;
}
#rightMargin {
	float: right;
	height: 1005px;
	width: 23px;
	background-color: #C9C;
	
}
#bottomMargin {
	background-color: #C9C;
	height: 23px;
	width: 690px;
	float: left;
	padding-right: 23px;
	margin-left:-25px;
	margin-top:38px;
}
#innerContainer {
	float: left;
	height: 966px;
	width: 690px;
}
#topBorder {
	float: left;
	height: 138px;
	width: 690px;
}
#leftBorder {
	float: left;
	height: 690px;
	width: 138px;
}
#rightBorder {
	float: right;
	height: 690px;
	width: 138px;
	margin-right:-25px;
}
#bottomBorder {
	height: 138px;
	width: 690px;
	float: right;
	margin-top: 14px;
}
#Main {
	float: left;
	height: 414px;
	width: 414x;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#headerBar {
	float: left;
	height: 184px;
	width: 230px;
}
#slideShowBar {
	float: right;
	height: 200px;
	width: 200px;
	margin-right: -25px;
}

.item{
	width: 200px !important;
	height: 235px !important;
	margin-left:auto;
	margin-right:auto;
}
.CarouselExample{
	margin-top: 10px;
	margin-left: -75px;
}

#pictureBar {
	height: 240px;
	width: 414px;
	margin-top: 10;
	margin-left: 7px;
}
#messageBar {
	height: 278px;
	width: 414px;
	background-color: #C9C;
	float: left;
	margin-top: 27px;
	margin-left: 15px;
}

/* Theses are the Divs for DISPLAY PICTURES PAGES, displayPictures.html AND morePictres.html
   of dovgalaDiMario Fammily website
   
   DISPLAYPICTURES_HTML*/
#ContainerDisplayPics {
	height: 1055px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000;
}
#BannerDisplayPics {
	float: left;
	height: 138px;
	width: 736px;
	border: thin solid #000;
}
#MainDisplayPics {
	height: 828px;
	width: 736px;
	float: left;
	border: thin solid #000;
}
#leftFooterDisplayPics {
	background-color: #C9C;
	height: 25px;
	width: 385px;
	margin-top: 35px;
	float: left;
}
#rightFooterDisplayPics {
	background-color: #C9C;
	height: 25px;
	width: 385px;
	margin-top: 35px;
	float: left;
}
#bottomMarginDisplayPics {
	background-color: #C9C;
	height: 23px;
	width: 747px;
	padding-right: 23px;
	float: left;
}
/* MOREPICTURES_HTML*/
#ContainerMorePics {
	height: 1056px;
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000;
	background-color: #000;
}
#bottomMarginMorePics {
	background-color: #C9C;
	height: 23px;
	width: 690px;
	float: left;
	padding-right: 0.5in;
}
#leftFooterMorePics {
	background-color: #C9C;
	height: 23px;
	width: 400px;
	float: left;
}
#rightFooterMorePics {
	background-color: #C9C;
	float: right;
	height: 23px;
	width: 368px;
}



/* Theses are the Divs for DISPLAY MESSAGES PAGES
   of dovgalaDiMario Fammily website*/
#ContainerDispMessages_HTML {
	height: 1012.92px;
	width: 736.92px;
	margin-right: auto;
	margin-left: auto;
	border: thick solid #C9C;
}
#ContainerDispMessages_PHP {
	height: 1012.92px;
	width: 736.92;
	margin-right: auto;
	margin-left: auto;
}
#topMarginDispMessages {
	float: left;
	height: 23px;
	width: 736px;
	background-color: #C9C;
}
#leftMarginDispMessages {
	float: left;
	height: 989px;
	width: 23px;
	background-color: #C9C;
}
#innerContainerDispMessages {
	float: left;
	height: 966px;
	width: 690px;
}
#topBorderDispMessages {
	float: left;
	height: 138px;
	width: 690px;
}
#leftBorderDispMessages {
	float: left;
	height: 690px;
	width: 138px;
}
#MainDispMessages_HTML {
	float: left;
	height: 690px;
	width: 414px;
	background-color: #C9C;
}
#MainDispMessages_PHP {
	float: left;
	height: 667px;
	width: 414px;
}
#rightBorderDispMessages {
	float: right;
	height: 690px;
	width: 138px;
}
#bottomBorderDispMessages {
	height: 138px;
	width: 690px;
	float: right;
}
#rightMarginDispMessages_HTML {
	float: right;
	height: 989px;
	width: 23px;
	background-color: #C9C;
}
#rightMarginDispMessages_PHP {
	float: right;
	height: 966px;
	width: 23px;
	background-color: #C9C;
}
#bottomMarginDispMessages {
	background-color: #C9C;
	height: 23px;
	width: 690px;
	float: left;
	padding-right: 23px;
}
#FooterDispMessages_HTML {
	height: 23px;
	width: 414px;
	float: left;
	margin-left: 150px;
	background-color: #C9C;
}