@charset "utf-8";

body {
background: #ffffff;
background-image: url(sanibg.jpg);
background-position: top left;
background-repeat: repeat;
margin: 0;
padding: 0;
}

.ie-hide{
    border:0px solid #FFFFFF;
    _display:none;
}

a img { border: 0; }


#sanitopmenu {
width: 1800px;
height: 120px;
margin-top: 5px;
margin-left: 20px;
margin-bottom: auto;
margin-right: auto;
z-index: 612;
position: absolute;
}


ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:12px;
	width:1350px;
}
/**
to remove all styling from list items previously 
*/

ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}

/**
to style the unordered list   i have added in the padding to reduce the distance between each box list items are floating left and relative to that else they would be relative to the whole page
*/

ul.sdt_menu li{
	float: left;
	width:137px;
	height:85px;
        padding: 7px;
	position:relative;
	cursor:pointer;
}

/**
this is the styling for the main title and description note the z index stacking in different layers to ensure they come in the right order for display 
*/

ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:137px;
	height:85px;
	z-index:12;
	background:transparent url(overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}

/**
this is the styling for the image
We want to animate the image to come up from the bottom thats why we position it absolutely using bottom as reference point    We also add some neat box shadow   The first two values are zero making the shadow spread evenly around the image   We used this as well in the link element    This even shadow can be used as a trick whenever you want to create a light border effect   The advantage is that shadows are not really there   you dont need to consider it in your width or height calculations in elements   The current disadvantage is that CSS3 is not supported in IE


*/


ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}


/**
This is the wrapper for the title and description span
*/

ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:137px;
	height:60px;
	z-index:15;
}

/** 
this is the styling for the grey box down the side  the size stays at 0 
*/

ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#ccc;
	top:85px;
	width:137px;
	height:0px;
	left:0px;
	z-index:14;
        overflow: auto;
        -moz-box-shadow:0px 0px 1px #fff inset;
	-webkit-box-shadow:0px 0px 1px #fff inset;
	box-shadow:0px 0px 1px #fff;

	}


/**
these are common stylings for the spans and links 
*/


ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li div.sdt_box a{
	margin-left: 15px;
	text-transform:uppercase;
	
}


      ul.sdt_menu li span span.sdt_descr,
      { margin-left: 15px;
	text-transform:uppercase;
}


/** 
title and description is styled thus
*/

ul.sdt_menu li span span.sdt_link{
	color:#000;
	font-size:16px;
	float:left;
	clear:both;
}

/** description */

ul.sdt_menu li span span.sdt_descr{
	color:#1867DC;
	float:left;
	clear:both;
margin-left: 15px;
	width:137px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}

/** 
submenu styling initially hidden under the grey box */

ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:143px;
	overflow:hidden;
	height:240px;
	top:85px;
	left:0px;
	display:none;
	background:#2e76e0;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	line-height:25px;
        clear:both;
	color:#ffffff;
}

/** 
in the submenu the first line should have an upper margin */

ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:10px;
}

/** submenu */
ul.sdt_menu li div.sdt_box a:hover{
	color:#000;
}


span.reference{

				position:fixed;

				left:10px;

				bottom:10px;

				font-size:12px;

			}

			span.reference a{

				color:#aaa;

				text-transform:uppercase;

				text-decoration:none;

				margin-right:5px;


			}

			span.reference a:hover{

				color:#ccc;

			}

			
			



h1  {
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 0.8em;
color: #1867DC;
line-height: 1.2;
}

h2  {
font-family: "Arial", Verdana, Helvetica;
font-weight: normal; 
font-style: italic; 
font-size: 1.0em;
line-height: 1.2;
color: #07348e;
}

h3  {
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
font-style: none; 
font-size: 1.5em;
line-height: 1.0;
color: #07348e;
}

h4  {
font-family: "Arial", Verdana, Helvetica;
font-weight: normal; 
font-style: normal; 
font-size: 1.2em;
line-height: 1.3;
color: #ec0508;
}



h6 {
font-family: "Arial", Verdana, Helvetica;
font-weight: normal; 
font-style: italic; 
font-size: 1.0em;
text-decoration: none; 
line-height: 1.0;
color: #07348e;
}


h5 {
font-family: "Arial", Verdana, Helvetica;
font-weight: normal; 
font-style: normal; 
font-size: 12px;
text-decoration: none; 
line-height: 0.9;
color: #07348e;
}


.qt {
	font-family: "Arial", Helvetica, sans-serif;	
	line-height:120%;
	font-size:0.9em;
	color: #65A2DE;
	font-style: italic;
}

.sml {
	font-family: Garamond, Helvetica, sans-serif;	
	font-size:0.6em;
}


ul
{
list-style-type:none;
margin:0;
padding:0;
}

li {
	background: none;
	padding-left: 2px;
	margin-bottom: 2px;
}









a.nav:link,a.nav:visited
{
display:block;
font-weight:bold;
color:#ffffff;
background-color:#154fc5;
width:140px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}

a.nav:hover,a.nav:active
{
background-color:#990000;
}


a:link, a:visited, a:hover, a:active  {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #154fc5;
}




#sanitasbox  {
width: 1976px;
height: 1988px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: auto;
margin-right: auto;
background-image: url(saniback3.jpg);
background-position: top left;
background-repeat: no-repeat;
z-index: 2;
}





#sanilogo  {
width: 1300px;
height: 160px;
margin-top:  0px;
margin-left: 15px;
margin-bottom: auto;
margin-right: auto;
background-image: url(sanilogo3.png);
background-position: top left;
background-repeat: no-repeat;
z-index: 1;
}


#amref  {
width: 125px;
height: 150px;
margin-top: 25px;
margin-left: 1100px;
margin-bottom: auto;
margin-right: auto;
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10px;
color: #808080;
z-index: 110;
}


#saniinsure  {
width: 500px;
height: 198px;
margin-top: 60px;
margin-left: 911px;
margin-bottom: auto;
margin-right: auto;
position: absolute;
z-index: 1;
}


#sideline1back {
width: 211px;
height: 150px;
margin-top: 99px;
margin-left: 1004px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
background-image: url(sideline1back.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 9;
}




#sideline1 {
width: 172px;
height: 150px;
margin-top: 95px;
margin-left: 1118px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
background-image: url(sidelineback.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 9;
}

#sideline1a {
width: 151px;
height: 100px;
margin-top: 12px;
margin-left: 145px;
margin-bottom: auto;
margin-right: auto;
background-image: url(drsanitas.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 1000;

}

#sideline124 {
width: 125px;
height: 150px;
margin-top: 5px;
margin-left: 1300px;
margin-bottom: auto;
margin-right: auto;
position: absolute;
background-image: url(open24mik.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 100;

}

#sideline1atitle {
width: 138px;
height: 20px;
margin-top: 0px;
margin-left: 20px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 11px;
color: #1867DC;
padding: 0px;
position: absolute;
z-index: 11;

}

#sideline1atext {
width: 175px;
height: 80px;
margin-top: 30px;
margin-left: 8px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #333366;
position: absolute;
z-index: 12;

}


#translate {
width: 325px;
height: 30px;
margin-top: 205px;
margin-left: 1005px;
margin-bottom: auto;
margin-right: auto;
background-color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
position: absolute;
z-index: 25;
}


#fbfeed {
width: 320px;
height: 430px;
margin-top: 236px;
margin-left: 1007px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #008000;
position: absolute;
z-index: 5;

}




#sideline2 {
width: 142px;
height: 150px;
margin-top: 260px;
margin-left: 1130px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #008000;
padding: 10px;
background-image: url(sidelineback.png);
background-position:left; 
background-repeat: no-repeat;
position: absolute;
z-index: 3;

}

#sideline2a {
width: 142px;
height: 100px;
margin-top: 80px;
margin-left: 30px;
margin-bottom: auto;
margin-right: auto;
background-image: url(linkedin.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 4;

}

#sideline2atitle {
width: 138px;
height: 20px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 0.9em;
color: #008000;
padding: 5px;
position: absolute;
z-index: 4;

}

#sideline2atext {
width: 138px;
height: 60px;
margin-top: 20px;
margin-left: 0px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #333366;
padding: 10px;
position: absolute;
z-index: 4;

}


#sideline3 {
width: 135px;
height: 150px;
margin-top: 425px;
margin-left: 1130px;
margin-bottom: auto;
margin-right: auto;
font-size: 0.8em;
position: absolute;
z-index: 3;

}

#sideline3a {
width: 132px;
height: 100px;
margin-top: 70px;
margin-left: 20px;
margin-bottom: auto;
margin-right: 0px;
position: absolute;
z-index: 5;

}

#sideline3atext {
width: 132px;
height: 60px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #1867DC;
padding: 2px;
position: absolute;
z-index: 4;

}

#sidelinefeedback {
width: 138px;
height: 250px;
margin-top: 250px;
margin-left: 138px;
margin-bottom: auto;
margin-right: auto;
padding: 8px;
background-image: url(sidelineback2.png);
background-position: top left; 
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.75em;
color: #333366;
position: absolute;
z-index: 3;

}


#sideline4 {
width: 152px;
height: 250px;
margin-top: 98px;
margin-left: 137px;
margin-bottom: auto;
margin-right: auto;
background-image: url(sidelineback.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 3;

}

#sideline4phone {
width: 56px;
height: 53px;
margin-top: 10px;
margin-left: 10px;
margin-bottom: auto;
margin-right: auto;
background-image: url(redcross.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 5;

}

#sideline4numba {
width: 80px;
height: 50px;
margin-top: 10px;
margin-left: 60px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 0.9em;
color: #1867DC;
padding: 5px;
position: absolute;
z-index: 9;

}

#sideline4steth {
width: 56px;
height: 103px;
margin-top: 75px;
margin-left: 10px;
margin-bottom: auto;
margin-right: auto;
background-image: url(stethoscope.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 5;

}

#sideline4specialist {
width: 80px;
height: 100px;
margin-top: 88px;
margin-left: 60px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 0.9em;
color: #1867DC;
padding: 5px;
position: absolute;
z-index: 5;

}

#menupanel {
width: 170px;
height: 280px;
margin-top: 105px;
margin-left: 17px;
margin-bottom: auto;
margin-right: auto;
position: absolute;
z-index: 107;

}

#redribbon {
width: 250px;
height: 53px;
margin-top: 120px;
margin-left: 762px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 10px;
color: #FFFFFF;
padding: 12px;
background-image: url(redribbon.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 65;

}


#redribbontext {
width: 250px;
height: 53px;
margin-top: 0px;
margin-left: 50px;
margin-bottom: auto;
margin-right: auto;
font-family: "Arial", Verdana, Helvetica;
font-weight: bold; 
text-decoration: none; 
font-size: 11px;
color: #FFFFFF;
padding: 0px;
position: absolute;
z-index: 68;

}

#sanifpgraphic {
width: 251px;
height: 362px;
margin-top: 365px;
margin-left: -10px;
margin-bottom: auto;
margin-right: auto;
background-image: url(fpgraphic1.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 106;

}


#sanifpgraphic3 {
width: 310px;
height: 362px;
margin-top: 415px;
margin-left: 135px;
margin-bottom: auto;
margin-right: auto;
background-image: url(fpgraphic3.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 100;

}



#sanifpgraphic4 {
width: 310px;
height: 362px;
margin-top: 325px;
margin-left: -50px;
margin-bottom: auto;
margin-right: auto;
background-image: url(fpgraphic4.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 100;

}

#sanifpgraphic5 {
width: 330px;
height: 362px;
margin-top: 41F5px;
margin-left: 100px;
margin-bottom: auto;
margin-right: auto;
background-image: url(fpgraphic5.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;
z-index: 100;

}



#sanishadow {
width: 650px;
height: 135px;
margin-top: 605px;
margin-left: -70px;
margin-bottom: auto;
margin-right: auto;
background-image: url(shadowbase.png);
background-position: top left; 
background-repeat: no-repeat;
position: absolute;

}


#sanicontent { 
width: 987px;
height: 556px;
margin-top: 90px;
margin-left: 20px;
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}

#sanicontenteid { 
width: 987px;
height: 556px;
margin-top: 90px;
margin-left: 75px;
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback3.html);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}

#xmas {
width: 988px;
height: 756px;
margin-top: 90px;
margin-left: 75px;
margin-bottom: auto;
margin-right: auto;
background-image: url(pics/newyear.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 105;

}

#sanicontentback1 {
width: 210px;
height: 205px;
margin-top: 542px;
margin-left: 282px; 
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback1.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}

#sanicontentback2 {
width: 210px;
height: 205px;
margin-top: 542px;
margin-left: 488px; 
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback1.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}


#sanicontentback3 {
width: 208px;
height: 205px;
margin-top: 542px;
margin-left: 697px; 
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback1.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}


#sanicontentback4 {
width: 208px;
height: 205px;
margin-top: 542px;
margin-left: 905px; 
margin-bottom: auto;
margin-right: auto;
background-image: url(contentback1.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
z-index: 3;
}

#sanihead  {
width: 720px;
height: 410px;
margin-top: 125px;
margin-left: 200px;
margin-bottom: auto;
margin-right: auto;
background-image: url(headcontent.jpg);
background-position: top left;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 1.0em;
color: #002761;
padding: 20px;
position: absolute;
z-index: 8;
}

#saniheadeid  {
width: 720px;
height: 410px;
margin-top: 125px;
margin-left: 255px;
margin-bottom: auto;
margin-right: auto;
background-image: url(clearhead.png);
background-position: top left;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 1.0em;
color: #002761;
padding: 20px;
position: absolute;
z-index: 8;
}



#sanicontact  {
width: 800px;
height: 445px;
margin-top: 178px;
margin-left: 197px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
}

#contacttitle1 {
width: 220px;
height: 200px;
margin-top: 5px;
margin-left: 10px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
}

#contacttitle2 {
width: 165px;
height: 150px;
margin-top: 20px;
margin-left: 235px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #808080;
border: 1px solid;
border-color: #cccccc;
padding: 5px;
overflow: auto;
position: absolute;
z-index: 10;
}

#contacttitle3 {
width: 165px;
height: 150px;
margin-top: 20px;
margin-left: 420px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #808080;
border: 1px solid;
border-color: #cccccc;
padding: 5px;
overflow: auto;
position: absolute;
z-index: 10;
}

#contacttitle4 {
width: 160px;
height: 150px;
margin-top: 20px;
margin-left: 605px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.8em;
color: #808080;
border: 1px solid;
border-color: #cccccc;
padding: 5px;
overflow: auto;
position: absolute;
z-index: 10;
}


#contactleft  {
width: 330px;
height: 350px;
margin-top: 5px;
margin-left: 0px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 11;
}

#contactright  {
width: 370px;
height: 350px;
margin-top: 5px;
margin-left: 360px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 11;
}

#lipidl  {
width: 170px;
height: 170px;
margin-top: 5px;
margin-left: 10px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 11;
}

#lipidr  {
width: 470px;
height: 220px;
margin-top: 5px;
margin-left: 180px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: relative;
z-index: 12;
}

#lipidr1  {
width: 470px;
height: 350px;
margin-top: 5px;
margin-left: 180px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: relative;
z-index: 12;
}

#lipidr2  {
width: 470px;
height: 500px;
margin-top: 5px;
margin-left: 180px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: relative;
z-index: 12;
}

#lipidr3  {
width: 470px;
height: 320px;
margin-top: 5px;
margin-left: 180px; 
margin-bottom: auto;
margin-right: auto; 
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: relative;
z-index: 12;
}

#sanicontact1  {
width: 750px;
height: 430px;
margin-top: 195px;
margin-left: 345px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
background-image: url(frontback.png);
background-position: top left;
background-repeat: no-repeat;
overflow: auto;
padding: 10px;
position: absolute;
z-index: 10;
}


#sanicontact4  {
width: 810px;
height: 410px;
margin-top: 195px;
margin-left: 245px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
}

#bloodform  {
width: 480px;
height: 200px;
margin-top: 230px;
margin-left: 300px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 101;
}

#bloodform2  {
width: 480px;
height: 200px;
margin-top: 160px;
margin-left: 330px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 101;
}


#bloodform3  {
width: 410px;
height: 200px;
margin-top: 30px;
margin-left: 380px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
position: absolute;
z-index: 101;
}



#sanicontact5  {
width: 800px;
height: 445px;
margin-top: 178px;
margin-left: 252px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
background-image: url(blooddrivesml.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#sanicontact55  {
width: 830px;
height: 525px;
margin-top: 108px;
margin-left: 167px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
background-image: url(septembersupersurgeries.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#sanicontact56  {
width: 830px;
height: 525px;
margin-top: 108px;
margin-left: 167px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
background-image: url(respbackground.jpg);
background-position: top left;
background-repeat: no-repeat;
}


#sanicontact7  {
width: 900px;
height: 515px;
margin-top: 108px;
margin-left: 210px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
background-image: url(surgery.jpg);
background-position: top left;
background-repeat: no-repeat;
overflow: auto;
position: absolute;
z-index: 10;
}



#sanicontact6  {
width: 780px;
height: 300px;
margin-top: 104px;
margin-left: 332px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
}


#sanicontact3  {
width: 810px;
height: 430px;
margin-top: 140px;
margin-left: 345px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
overflow: auto;
position: absolute;
z-index: 10;
}

#sanicontact2  {
width: 790px;
height: 425px;
margin-top: 175px;
margin-left: 295px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.9em;
color: #808080;
padding: 10px;
overflow: auto;
position: absolute;
z-index: 10;
}

#sanibasemenu {
width:780px;
height:40px; 
margin-top: 650px;
margin-left: 320px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.7em;
color: #cccccc;
position: absolute;
z-index: 101;
}


#sanitasshare{
width:150px;
height:40px; 
margin-top: 650px;
margin-left: 170px;
margin-bottom: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 0.7em;
color: #cccccc;
position: absolute;
z-index: 100;
}


div.menuAcdn 
{
    /* Note about height: Change it to "height:auto;" if flexible height is prefered. 
    It is recommended to specify a fixed height as it is more user-friendly. 
    If the height specified is insufficient than needed, it will be automatically converted to "height:auto". */
    height: 300px;
    width: 240px;
}


div.menuAcdn ul.top
{
	padding-left:0;
    background:#FFF;
    border:1px solid #D8E2F3;
}

div.menuAcdn div.heading, div.menuAcdn a.link
{
    padding:8px; padding-left:24px;
    text-align:left;
    font:normal 12px Verdana;
    color:#000; 
    background:#E8FFF8 url(bg.gif) repeat-x 0 0;
    text-decoration:none;
    outline:none;
}

div.menuAcdn div.current, div.menuAcdn div:hover, div.menuAcdn a.link:hover, div.menuAcdn div.current a.link
{
    color:#000;
    font-weight:normal;
    text-decoration:none;  
    background-position:0 -64px;
}

/*Top level link without children*/
div.menuAcdn a.current, div.menuAcdn a.current:hover
{
    color:#336699;
    text-decoration:none;   
}

/* arrow image for the top headings */
div.menuAcdn div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    left:4px; /* Changing it to "right:8px;" will position the arrow image to the right */
    background-image:url(arrows.gif);
    background-position:0 0;
}

div.menuAcdn div.current div.arrowImage {
    background-position:0 -12px;
}

div.menuAcdn div.separator
{
    border-top:1px solid #D8E2F3;
    border-bottom:none; 
}


/* ##### Sub level items #####*/
div.menuAcdn ul.sub
{
	padding-left:14px; /*This determines the hierarchical offset*/ 
}

div.menuAcdn ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px; padding-left:20px;
    color:#000;
    background:none; 
}
div.menuAcdn ul.sub div.heading a
{
    color:#000;
}

div.menuAcdn ul.sub div.current
{
    color:#000;
    background:none; 
}

div.menuAcdn ul.sub a.link
{
    font:normal 11px Arial;
    color:#000;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

div.menuAcdn ul.sub a.link:hover, div.menuAcdn ul.sub a.current, div.menuAcdn ul.sub div.heading a:hover, div.menuAcdn ul.sub div.heading a.current
{
    color:#000;
    text-decoration:underline;
    background:none; 
}


div.menuAcdn ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(arrows.gif);
    background-position:0 -24px;
}
div.menuAcdn ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
div.menuAcdn,  div.menuAcdn ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
div.menuAcdn li {font-size:12px; line-height:16px;}
div.menuAcdn:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 

/*Hack for IE6 again*/
div.menuAcdn ul, div.menuAcdn li, div.menuAcdn div.heading, div.menuAcdn a.smLink, div.menuAcdn div.description {_zoom:1;}
div.menuAcdn li {_float:left;_width:100%;}

div.menuAcdn ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
}
div.menuAcdn li {padding:0;margin:0;}

div.menuAcdn div.heading, div.menuAcdn div.current
{
	position:relative;
    cursor: pointer;
}
div.menuAcdn div.arrowImage {position:absolute; overflow:hidden;}
/*div.menuAcdn a.link {display: block;} MOVED TO JS*/


.jimgMenu {
	position: relative;
	width: 690px;
	height: 200px;
	overflow: hidden;
	margin: 180px 60px 20px;
        z-index: 125;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1370px;
	
	}

.jimgMenu ul li {
	float: left;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:73px;
	height: 200px;
}

.jimgMenu ul li.landscapes a {
	background: url(images/CTScan.jpg) repeat scroll 0%;
}

.jimgMenu ul li.people a {
	background: url(images/Ultrasound-Doppler.jpg) repeat scroll 0%;
}

.jimgMenu ul li.nature a {
	background: url(images/ultrasonography.jpg) repeat scroll 0%;
}
.jimgMenu ul li.abstract a {
	background: url(images/Digital-X-Ray.jpg) repeat scroll 0%;
}

.jimgMenu ul li.urban a {
	background: url(images/MRI.jpg) repeat scroll 0%;
	min-width:330px;
	
}

.clear {
	clear: both;
}  #sanihead1  {
width: 720px;
height: 410px;
margin-top: 125px;
margin-left: 200px;
margin-bottom: auto;
margin-right: auto;
background-image: url(headcontent.jpg);
background-position: top left;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 1.0em;
color: #002761;
padding: 20px;
position: absolute;
z-index: 8;
}

 

ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:200px;
	overflow:hidden;
	height:265px;
	top:85px;
	left:0px;
	display:none;
	background:#2e76e0;
}