body {
    color: #036;
    margin: 0px;
    padding: 0px;
    }
h1,h3 {
    font-family: sans-serif;
	font-size: 22pt;
	font-weight: bold;
    color: #036;
    }
h1 {}
h3 { font-size: 14pt; }
a { color: #036; text-decoration: none; }
a:hover { text-decoration: underline; }
#form-items {
    border: 1px solid #DEDEDE;
    /*width: 550px;*/
}
.center
{
margin-left:auto;
margin-right:auto;
/*width:30%;*/
background-color:#b0e0e6;
}

<style type="text/css">
#my_centered_buttons { display: flex; justify-content: center; }
</style>

.topHeader {
    font-family: sans-serif;
	font-size: 22pt;
	font-weight: bold;
    color: #036;
    margin-left:auto;
    margin-right:auto;
    /*width:30%;*/
    background-color:#b0e0e6;
}
.subHeader {
    font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
    color: #036;
    margin-left:auto;
    margin-right:auto;
    /*width:10%;*/
    background-color:#b0e0e6;
}


#CntSectionDlTbl .tahazit_table{
background-color:#FFFFFF;
color:#000000;
/*text-align:left;*/
}

#CntSectionDlTbl .maslul_table{
background-color:#FFFFFF;
color:#000000;
/*text-align:left;*/
}

#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}


/*<!-------------------------------------------------------------------------------->*/
/*<!-------------------------------------------------------------------------------->*/
/*<!--------------From here there are styles generated by basic web-page ----------->*/
/*<!-------------------------------------------------------------------------------->*/
/*<!-------------------------------------------------------------------------------->*/



body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{margin:0px; background-color:#FFFFFF;}

*{margin:0px}

h1 {
	font-size:18pt;
	color:#000000;
}

h2 {
	font-size:14pt;
	color:#000000;
}

h3 {
	font-size:10pt;

}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}


#OuterFrmDl{
float:inherit;
margin:0px auto auto auto;
/*width:100%;*/
border-top:1px solid #3084E8;
border-right:none;
border-bottom:1px solid #3084E8;
border-left:none;
}

#FooterBxDL{
margin:5px auto auto auto;
/*width:100%;*/
color:#000000;
text-align:center;
}

#FooterBxDL a:link, #FooterBxDL a:visited, #FooterBxDL a:active {
text-decoration:none;
color:#0000CC;
}

#FooterBxDL a:hover {
text-decoration:underline;
color:#CC0043;
}

#HeadSectionDl{
float:inherit;
margin:0px;
/*width:100%;*/
height:90px;
background-color:#4792EB;
border-bottom:1px solid #3084E8;
}

#TopHzNavSectionDl{
margin:0px;
/*width:100%;*/
height:25px;
background-color:#AACAF1;
border-bottom:#3084E8 1px solid;
}

#TopHzNavSectionDl a:link, #TopHzNavSectionDl a:visited, #TopHzNavSectionDl a:active {
text-decoration:none;
color:#0000CC;
}

#TopHzNavSectionDl a:hover {
text-decoration:underline;
color:#CC0043;
}

#CntSectionDlDiv{
margin:0px;
/*width:100%;*/
border-bottom:1px solid #3084E8;
}

#CntSectionDlTbl{
border-collapse:collapse;
/*width:100%;*/
}

#CntSectionDlTbl .LeftSideBar{
/*width:180px;*/
background-color:#DDEEDD;
border-right:1px solid #3D8F06;
border-bottom:1px solid #3D8F06;
color:#000000;
/*text-align:left;*/
}

#CntSectionDlTbl .LeftSideBar a:link, #CntSectionDlTbl .LeftSideBar a:visited, #CntSectionDlTbl .LeftSideBar a:active {
text-decoration:none;
color:#0000CC;
}

#CntSectionDlTbl .LeftSideBar a:hover {
text-decoration:underline;
color:#CC0043;
}


#CntSectionDlTbl .ContentsArea{
background-color:#FFFFFF;
color:#000000;
text-align:justify;
}

#CntSectionDlTbl .ContentsArea a:link, #CntSectionDlTbl .ContentsArea a:visited,

#CntSectionDlTbl .ContentsArea a:active {
text-decoration:none;
color:#0000CC;
}

#CntSectionDlTbl .ContentsArea a:hover {
text-decoration:underline;
color:#CC0043;
}


#CntSectionDlTbl .RightSideBar{
/*width:180px;*/
background-color:#DDEEDD;
border-left:1px solid #3D8F06;
color:#000000;
/*text-align:left;*/
}


#CntSectionDlTbl .RightSideBar a:link, #CntSectionDlTbl .RightSideBar a:visited, #CntSectionDlTbl .RightSideBar a:active {
text-decoration:none;
color:#0000CC;
}


#CntSectionDlTbl .RightSideBar a:hover {
text-decoration:underline;
color:#CC0043;
}

#BottomHzNavSectionDl{
clear:left;
margin:0px;
/*width:100%;*/
height:25px;
background-color:#AACAF1;
}

#BottomHzNavSectionDl a:link, #BottomHzNavSectionDl a:visited, #BottomHzNavSectionDl

a:active {
text-decoration:none;
color:#0000CC;
}

#BottomHzNavSectionDl a:hover {
text-decoration:underline;
color:#CC0043;
}

.ContentBoxDl{padding:5px;}


/* below is extra style for title section */

#WSTitleDL{
/*width:100%;*/
margin-top:0px;
margin-left:0px;
font-size:30pt;
font-weight:bold;
color:#FFFFFF;
}

#WSubTitleDL{
/*width:100%;*/
margin-top:0px;
margin-left:0px;
font-size:13pt;
font-weight:bold;
color:#F2F2F0;
}





/* below is extra style for horizontal sample navigation links */

.HzNavCntDL{font-weight:bold;}
.HzNavCntDL ul{
padding:5px;
}
.HzNavCntDL ul li{
display: inline;
}
.HzNavCntDL ul li a{
padding: 0px 9px 0px 9px;
}

/* below is extra style for Vertical sample navigation links */

.VtNavCntDL{font-weight:bold;}
.VtNavCntDL ul{
margin: 10px 0px 0px 0px;
padding:0px;
list-style-type:none;
}
.VtNavCntDL li{
/*width:100%;*/
}
.VtNavCntDL a{
display: block;
padding: 3px 3px 3px 10px;
}






@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);


.container {
	max-width:400px;
	width:100%;
	margin:0 auto;
	position:relative;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}