/*
Style Sheet for EyeInfo.com
*/
     
body{
margin:0;
padding:0;
background:url(images/background2.jpg); background-repeat: repeat-x; 
font-family: "Segoe UI",Tahoma,Verdana,Arial,"Times Roman",Helvetica,sans-serif,georgia; font-size:12px;
line-height: 1.5em;
} 

h1 {
	font-family:"Segoe UI",Tahoma,Verdana,Arial,"Times Roman",Helvetica,sans-serif;
        color: #329EFF;
	font-size:18px;
	font-weight:bold;
	margin:	0;
	padding:0;
        }

h2 {
	font-family:"Segoe UI",Tahoma,Verdana,Arial,"Times Roman",Helvetica,sans-serif;
	font-size:16px;
        color: #329EFF;
	font-weight:bold;
	margin:0;
	padding:0;
	}

h3 {
	font-family:"Segoe UI",Tahoma,Verdana,Arial,"Times Roman",Helvetica,sans-serif;
	font-size:14px;
        color: #329EFF;
	font-weight:bold;
	margin:0;
	padding:0;
	}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;
}

#topsection{
background: #EAEAEA;
height: 100px; /*Height of top section*/
}

#topsectiongap{
height: 30px; /*Height of top section gap*/
background-color: #426676;
}

#topcorners{
height: 15px; /*Height of top corner section*/
width: 100%; /*Width of top corners*/
background:url(images/topcorners.jpg);
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
background-image:url(images/leftc.gif);
background-repeat:no-repeat;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn a{
color: #055183;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #ffffff;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #ffffff;
}

#eyeinfoindex{
clear: left;
width: 100%;
background: #d4e1ea;
color: #000000;
text-align: center;
padding: 4px 0;
}

#eyeinfoindex a{
color: #055183;
}

#directorybot{
clear: left;
width: 100%;
background: #ffffff;
color: #000000;
text-align: center;
padding: 4px 0;
}


#footer{
clear: left;
width: 100%;
background: #d4e1ea;
color: #055183;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
} 

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.innertubel{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background-image:url(images/leftc.gif);
background-repeat:no-repeat;
}



/* Vertical Menu Settings    ---------------------------------------------------------------------------------------------------- */
 

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:  url(images/glossyback.gif) repeat-x bottom left;
font: bold 12px "Segoe UI", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #055183;/*xxx*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #055183;/*xxx*/
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Segoe UI", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}