/* ================>  SOSOL.COM  CSS  <================ */
body {
	margin: 0px;
	font-family: Tahoma, "Lucida Sans", Arial, sans-serif;
	font-size: 10pt; font-weight: 500; color: rgb(0,0,0);
	background-color: rgb(255,255,221);
	background-image: url(pix/BG-CreamTrans.gif);
}
/* ------------ MAIN PAGE TABLE FORMATING ------------ */
#MainTable {
	position: relative;
	border: 1px none rgb(0,0,0);
	width: 720px; height: 840px;
}
#Header {
	position: absolute; top: 0px; left: 0px;
	width: 720px; height: 60px;
}
#Menu {
	position: absolute; top: 60px; left: 0px;
	width: 720px; height: 20px;
}
#NavCell {
	position: absolute; top: 80px; left: 0px;
	background-color: rgb(66,66,66);
	color: rgb(128,128,128);
	width: 720px; height: 20px;
}
#SideMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/HomeArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#Body {
	position: absolute; top: 102px; left: 100px;
	width: 620px; height: 700px;
}
#TwoColumnTable {	/* ----> Table in the Body conteiner */
	position: relative; top: 0px;
	border: 0px dashed rgb(0,0,0);
	width: 595px;
}
td.LeftCol, td.RightCol {
	padding: 0px 0px 2px 10px; /* Top, Right, Bottom, Left */
}
#Footer {
	position: absolute; top: 800px; left: 0px;
	width: 720px; height: 40px;
}
#FooterTable {	/* ----> Table in the footer conteiner */
	position: relative; top: 4px;
	border: 1px dashed rgb(0,0,0);
	width: 720px; height: 36px;
}
/* ---------- FOOTER TABLE CELS LAYOUTS ---------- */
#FooterLeftCol {
	width: 280px;
	padding-left: 10px; padding-bottom: 10px;
}
#FooterCenterCol {
	width: 260px; text-align: center;
	padding-bottom: 10px;
}
#FooterRightCol {
	width: 90px; text-align: right;
}
#FooterFarRightCol {
	width: 90px; text-align: right;
	padding-bottom: 15px;
}
/* ------------ SIDE MENU FORMATING ------------ */
#CopyMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/CopyArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#LegalMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/LegalArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#SrvsMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/SrvsArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#ResMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/ResourcesArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#PartnersMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/PartnersArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#AboutMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/AboutArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#LoginLightMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/LoginLightArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
#LoginMenu {
	position: absolute; top: 102px; left: 0px;
	background-image: url(pix/LoginArt.jpg); background-repeat: no-repeat;
	width: 100px; height: 700px;
}
/* --------------- HYPERLINKS --------------- */
a:link {
	font-weight: 500; color: rgb(0,0,200);
	text-decoration: none; border: 0px;
}
a:hover {
	font-weight: 500; color: rgb(180,0,0);
	background-color: rgb(159,159,159);
	text-decoration: underline;
}	/* Link color on onMouseOwer */
a.InLine {
	font-weight: 700; color: rgb(0,0,200);
	text-decoration: none;
}
a.InLine:hover {
	font-weight: 700; color: rgb(180,0,0);
	background-color: rgb(159,159,159);
	text-decoration: underline;
}
a.Image {
	font-weight: 500; color: rgb(0,0,200);
	text-decoration: none; border: 0px;
}
a.Image:hover {
	font-weight: 500; color: rgb(180,0,0);
	text-decoration: none; border: 0px;
}
a.NavBar {
	font-weight: 500; color: rgb(128,128,128);
	text-decoration: none;
}
a.NavBarFocus {
	font-weight: 500; color: rgb(240,240,240);
	text-decoration: none;
}
/* -----------------> SIDE MENU CONTROL ** HOME PAGE ADDRESS ** ------------------- */
div#AddressLink {position: absolute; top: 40px; width: 50px; height: 90px;}
div#AddressLink a {
	display: block;
	padding: 35px 2px 40px 2px; /* Top, Right, Bottom, Left */
	color: rgb(200,150,55);	font-size: 8pt; text-decoration: none;		
}
div#AddressLink a:Hover {
	color: rgb(66,66,66);
	background-image: url(pix/HomeFingerprint.jpg); background-repeat: no-repeat;
}
div#AddressLink a span {display: none;} /* Prevent text from showing when page loads*/

div#AddressLink a:hover span {
	display: block;
	position: absolute; top: 600px; left: 0; width: 150px;
	color: rgb(200,200,200); background-color: rgb(11,11,110);
	padding:  5px 0px 5px 5px;  /* Top, Right, Bottom, Left */
	font: 8pt Verdana, sans-serif; text-align: left; text-indent: 0px;
}
/* ---------------------- SIDE MENU CONTROL ** ABOUT US ** ---------------------- */
div#PixLink {position: absolute; top: 40px; width: 100px; height: 120px;}
div#PixLink a {
	display: block;
	padding: 5px 0px 5px 1px; /* Top, Right, Bottom, Left */
	margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	border: 1px solid rgb(33,33,33); color: rgb(33,33,33);
	font-size: 8pt; font-weight: 500; text-decoration: none;		
}
div#PixLink a:Hover {
	color: rgb(0,0,0);
	background-image: url(pix/AboutMenuLight.jpg); background-repeat: no-repeat;
}
div#PixLink a img {height: 0; width: 0; border-width: 0;} /* Prevent image from showing when page loads*/
div#PixLink a.Miss:hover img {position: absolute; top: 105px; left: 80px; height: 20px; width: 20px;}
div#PixLink a.Hist:hover img {position: absolute; top: 230px; left: 80px; height: 20px; width: 20px;}
div#PixLink a.Biog:hover img {position: absolute; top: -20px; left: 80px; height: 20px; width: 20px;}

/* ---------------------- SIDE MENU CONTROL ** SERVICES ** ---------------------- */
div#Srvs {position: absolute; top: 120px; width: 100px; height: 400px;}
div#Srvs a {
	display: block;
	padding: 5px 20px 5px 20px; /* Top, Right, Bottom, Left */
	margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	border: 1px solid rgb(0,0,0); color: rgb(0,0,0);
	font-size: 8pt; font-weight: 500; text-decoration: none;		
	background-image: url(pix/SrvsMenuLight.jpg); background-repeat: no-repeat;
}
div#Srvs a:Hover {
	font-size: 8pt; font-weight: 500; text-decoration: none;
	background-image: url(pix/SrvsMenu.jpg); background-repeat: no-repeat;
}
/* ---------------------- SIDE MENU CONTROL ** PARTNERS ** ---------------------- */
/* Source: http://www.meyerweb.com/eric/css/edge/popups/demo.html */
div#Links {position: absolute; top: 30px; width: 100px; height: 400px;}
div#Links a {
	display: block;
	padding: 5px 0px 5px 20px; /* Top, Right, Bottom, Left */
	margin: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	border: 1px solid rgb(0,0,0); color: rgb(0,0,0);
	font-size: 8pt; font-weight: 500; text-decoration: none;		
	background-image: url(pix/PartnersMenu.jpg); background-repeat: no-repeat;
}
div#Links a:Hover {
	font-size: 8pt; font-weight: 500; text-decoration: none;
	background-image: url(pix/PartnersMenuLight.jpg); background-repeat: no-repeat;
}
/*  POPUP TEXT BOX condition on LOAD and on HOVER  */
div#Links a span {display: none;} /* Prevent text from showing when page loads*/
div#Links a:hover span {
	display: block;
	position: absolute; top: 150px; left: 0; width: 98px;
	color: rgb(200,200,200); background-color: rgb(66,66,66);
	padding:  5px 0px 5px 2px;  /* Top, Right, Bottom, Left */
	font: 8pt Verdana, sans-serif; text-align: left; text-indent: 0px;
}
/* --------------------------------- HTML ELEMENTS FORMATING --------------------------------- */
/* ---------- HEADERS FORMATING ---------- */
/*h1, h2, h3, h4, h5 {				*/
/*	Position: relative; top: 10px;		*/
/*}						*/
/* ----------- TEXT FORMATING ----------- */
p, li {
	font-family: Tahoma, "Lucida Sans", Arial, sans-serif;
	font-size: 10pt; font-weight: 500; font-style: normal;
}
.Left {
	position: relative; top: 10px; left: 10px;
	text-align: left; margin-left: 10px;
}
.Right {
	position: relative; top: 10px; right: 10px;
	text-align: right;
}
.Center {
	position: relative; top: 10px;
	text-align: center;
}
.Small {
	font-size: 9pt;
}
.Big {
	font-size: 12pt;
}
.RedText {color: rgb(200,0,0);}
#Login {
	position: relative; top: 25px; right: 0px;
	text-align: right;
}
/* -------------- TEXT LAYOUTS -------------- */
.Text {
	position: relative; left: 10px;
}
.TextTop {
	position: relative; top: 50px; left: 10px;
}
.TextTopSide {
	position: relative; top: 10px; left: 10px;
}
.Quote {
	position: relative; top: 10px; left: 100px;
}
/* ----------- CONTAINER LAYOUTS ------------ */
.ClearAll {clear: both;}
/* ------------ IMAGE FORMATING ------------ */
.Img1stMenu {		/* Left margin for the top menu bar */
	padding: 0px 0px 0px 100px; /* Top, Right, Bottom, Left */
	border: 0px;
}
.ImgMenu {
	padding: 0px 0px 0px 0px; /* Top, Right, Bottom, Left */
	border: 0px;
}
.NavPad {
	padding-top: 2px;
	padding-left: 110px;
}
.ImgNoBorder {
	border: 0px;
}
.ImgIcon {
	padding: 5px 5px 0px 0px; /* Top, Right, Bottom, Left */
	border: 0px;
}
#ImgW3C {
	padding: 0px 10px 0px 10px; /* Top, Right, Bottom, Left */
	border: 0px;
}
#ImgAcro {
	padding: 2px 2px 2px 2px; /* Top, Right, Bottom, Left */
	border: 0px;
}
/* ----------------------------------------- CONTACT ADDRESS ---------------------------------------- */
#ContactAddress {
	position: relative; top: 20px; width: 320px;
	text-align: center;
	border-top: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
}
/* ----------------------------------------- DESIGN BY SOSOL ---------------------------------------- */
#Design           {font: italic normal 8pt Tahoma, "Lucida Sans", Arial, sans-serif;}
.DesignLink       {color: rgb(0,0,200); text-decoration: none;}
.DesignLink:hover {color: rgb(0,0,200); background-color: rgb(255,255,255); text-decoration: none;}

div#AddLink              {font: italic normal 8pt Tahoma, "Lucida Sans", Arial, sans-serif;}
div#AddLink a            {color: rgb(0,0,255); text-decoration: none;}
div#AddLink a span       {display: none;} /* Prevent text from showing when page loads*/
div#AddLink a:hover      {color: rgb(0,0,255); background-color: rgb(255,255,255); text-decoration: none;}
div#AddLink a:hover span {display: block; position: absolute; top: -64px; left: 0; width: 150px;
	color: rgb(200,200,200); background-color: rgb(11,11,110); padding:  5px 0px 5px 5px;
	font: 8pt Verdana, sans-serif; text-align: left; text-indent: 0px;
}