/* Home_Page.css */

/* ----------- GLOBAL PAGE PARAMETERS, BEGIN ---------- */
body {
background-color: #FFFFFF;
border-color: red;
border-style: solid;
border-width: 0px;
height: 1400px;
margin: 0px;
padding: 0px;
text-align: center;
width: 800px;
}

div#pageContainer {
background: #FFFFFF;
border-style: solid;
border-color: black;
border-width: 0px;
height: 100%;
padding: 5px 5px 5px 5px;
position:relative;
text-align: center;
width: 100%;
}
/* ----------- GLOBAL PAGE PARAMETERS, END ------------ */

/* ----------- Screen Visible Header, BEGIN ---------- */
#scrnVisHead {
background: #FFFFFF;
border-style: solid;
border-color: blue;
border-width: 0px;
height: auto;
text-align: center;
width: 740px;
}

div.textBoxAbout {
border-style: solid;
border-color: blue;
border-width: 0px;
font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
height: auto;
margin: 0px 0 0 0px;
padding: 0px 0 0 0;
text-align: center;
width: 740px;
}
/* ----------- Screen Visible Header, END ------------ */

/* ----------- Left Menu, BEGIN ---------- */
div.leftList {
border-style: solid;
border-color: pink;
border-width: 0px;
display: block;
float: left;
height: 1000px;
padding: 40px 0 0 0 ;
text-align: left;
width: 160px;
}
 
ul.leftNavList a:active { 
color: red;
text-decoration: none;
}

ul.leftNavList a:link { 
color: #717171;
text-decoration: none;
}

ul.leftNavList a:visited { 
color: #717171;
text-decoration: none;
}

ul.leftNavList a:hover { 
color: red;
text-decoration: none;
}

ul.leftNavList li{
color: #717171; /* green #4776bd; */
font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
list-style: bullet;
margin: 0 0 5px -15px;
padding: 0 0 0px 0px;
text-decoration: none;
text-transform: uppercase;
text-indent: 0px;
}
/* ----------- Left Menu, END ------------ */

/* ----------- Page Body, BEGIN ---------- */
div.textBoxTop {
color: Red;
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
font: bold italic 12px/12px Georgia, Times New Roman, Times, serif;
height: 10px;
margin: 10px 0 0 15px;
padding: 0px 0 0 0;
width: 576px;
}

div.textBox {
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
height: auto;
margin: 10px 0 0 15px;
padding: 1px 0 0 1px;
text-align: center;
width: 576px;
}

p {
color: #3D492B; /* #3D492B = Dark gray*/
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
font-weight: 600;
margin: 0 0 0px 0px;
text-align: center; 
}

div.item {
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
height: auto;
margin: 10px 0 0 15px;
padding: 1px 0 0 1px;
text-align: center;
width: 576px;
}

table.item {
border-style: solid;
border-color: red;
border-width: 0px;
height: 200px;
margin-left: auto;
margin-right: auto;
width: 500px;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
/* ----------- Page Body, END ------------ */

/* ----------- Pic & Thumb Containers, BEGIN ---------- */
div.picContainer {
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
height: 400px;
padding: 0 0 0 20px;
width: 560px;
}

img.picBox {
border-style: solid;
border-color: red;
border-width: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

div.picBox {
background-color: #FFFFFF;
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
height: auto;
margin: 7px 0 0 15px;
padding: 0px 0 0 0;
width: 300px;
}

table.picBox {
border-style: solid;
border-color: red;
border-width: 0px;
height: 280px;
margin-left: auto;
margin-right: auto;
width: 285px;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

tr.tblRow1 {
background-color: #FFFFFF; /* #DDEEFF; */
height: 305px;
}

td.tblRow1 {
border-style: solid;
border-color: red;
border-width: 0px;
padding: 0px 0 0px 0;
}

tr.tblRow2 {
background-color: #FFFFFF; /* #DDEEFF; */
border-top: 10px;
height: 40px;
vertical-align: top;
}

td.tblRow2 {
border-color: white;
border-style: solid;
border-width: 5px 0 0px 0px;
}

div.picBoxThumb {  /* Gallery Container */
border-style: solid;
border-color: green;
border-width: 0px;
float: left;
height: auto;
margin: 10px 0 0 5px;
padding: 0px 0 0 0px;
width: 200px;
text-align: center;
}

table.picBoxThumb {
border-style: solid;
border-color: blue;
border-width: 0px;
height: 200px;
float: right;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
width: 180px;
}
/* ----------- Pic & Thumb Containers, END ------------ */

/* ----------- Footer, BEGIN ---------- */
div#footer {
background-color: #DDEEFF;
border-style: solid;
border-color: blue;
border-width: 0px;
bottom: 0px;
height: 50px;
left: 0;
padding: 5px;
position: absolute;
width: 800px;
}

div#footer p {
color: #3d492b;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 0px 0px;
text-align: center;
}
/* ----------- Footer, END ------------ */

/* ----------- , BEGIN ---------- */
/* ----------- , END ------------ */