/* Global Styles */
html,body{margin:0;padding:0}
body{font: 76% Arial, Verdana, serif, sans-serif; background-color:#3c4870;}

/* TEXT STYLES */
p{padding:0 5px 0px; font-size: 1em; line-height: 1.3em; letter-spacing: 1px;}
h1 { font-size: 2.0em; margin-top: 0;  letter-spacing: -.5px;}
h2 { font-size: 1.75em; color: #00c4c4; line-height: 1.3em; letter-spacing: -1px;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.25em;}
h5 {font-size: 1em; font-weight:bold;}
h1,h2,h3,h4,h5 {padding:0 5px 0px;}
#navigation p, #extra p {color:#fff;}
a:link, a:visited { color: #787878; background-color: transparent;}
a:hover {background-color: #787878; color:#fff; }
acronym {border-bottom: 1px dotted #b71; cursor:help; } 
label.header {font-size:larger; color: #b71; font-weight:bold; text-transform:uppercase; margin-bottom: 0; padding-bottom:0; } 
   /* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */
code { border: 1px dotted #b71; border-left: 3px solid #b71; background-color: #dda; padding: 1em; margin-left: 3ex; color:#742;}
blockquote { border: 1px solid #b71; background-color: #dda;  margin: 3ex; font-style:italic;}
.smaller {font-size: 90%;}
.larger {font-size: 110%;}

/* HEADER SECTION */
div#header {margin:0; padding:0;}
div#header h1 a { height: 3em; min-height:8em; line-height:80px;margin:0; color: #fff; border-bottom: none; padding:0;}
div#header h1 a:hover {background-color: transparent; border-bottom: none;}
div#header p#skip{position: absolute; top: 3px; right: 3px; margin:0; padding: 0;}
#skip a,#skip a:visited {color:#fff; border-bottom: 1px solid #b71;}
#logo {padding-top: 3px; padding-right: 3px; padding-bottom: 2px; padding-left: 2px; border:none; float:left;}

/* CONTENT SECTION */
div#wrapper{float:left;width:100%;}
div#content{margin: 0 200px; padding-bottom: 2em; background-color: #fff; color: #000;}
div#content p{line-height:1.4; margin-top:0;}
div#content h2#topper {background:#aed1e5; color:#fff; margin-top:0; padding-top:0;}
div#content a:hover, .highlight a, .highlight a:visited {background-color: #787878; color:#fff; }

/* VERTICAL NAVIGATION */
div#navigation{float:left; width:200px;margin-left:-100%; color:#fff;}
.navcontainer { width: 198px; border-right: 1px solid #000; padding:0; margin-bottom: 1em; 
background-color: transparent;}
.navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; width: 198px; min-width:198px; }
.navcontainer li { margin: 0; }
html>body .navcontainer li a { width: auto;}
.navcontainer li a,.navcontainer li a:visited { 
          display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #aed1e5;
          border-right: 10px solid #aed1e5; background-color: #ccc; 
          text-decoration: none; font-weight:bold; width: 167px; min-width:165px; 
          color: #446d8c; border-bottom: 1px solid #787878; 
}
.navcontainer li a:hover,.navcontainer li#active a { 
          border-left: 10px solid #fff; border-right: 10px solid #fff; 
          background-color: #787878; color: #fff; font-weight:bold;
}
.navcontainer li.menutitle {border-left: 10px solid #787878 ; border-right:10px solid #787878;  font-size:larger;
text-align:center; color: #00c4c4; font-weight:bold; padding-bottom:1ex; border-bottom:none; text-transform:uppercase;}
.navcontainer li#last a { border-bottom:1px solid #aed1e5;}  /* the last one in the list should get the id of 'last' in the list to remove the bottom border */

/* --- These are the subnavigation for sublinks. --- */
.navcontainer li ul li { display:none;} /* this hides all sublinks if it is not the currently active link */

.navcontainer li#active ul li { display: block;} /* this expands all sublinks if it is the currently active link */
.navcontainer li#active ul li a:link, .navcontainer li#active ul li a:visited { border-left-color:#452; border-right-color: #452; background-color: #000; padding: 5px 0 5px 11px;}
.navcontainer li#active ul li a:hover { background-color:#fff; color:#b71;}

/* NEW NAVIGATION MENU */
.menu {
float:left;
height:100%;
width:178px;
padding:0 0 0px 0px; /* this page only */
background-color:#ccc;
border-right: 10px solid #aed1e5;
border-left: 10px solid #aed1e5; 
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:2;
padding:0;
margin:0;
list-style-type:none;
width:178px;
}
/* style the list items */
.menu li {
background-color:#ccc;

/* for IE7 */
float:left;
}
.menu li.sub {background:#ccc url(pics/sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
line-height:19px;
width:166px;
color:#446d8c;
font-weight:bold;
border:1px solid #787878;
border-width:1px 1px 1px 1px;
padding: 5px 0;
padding-left:10px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:176px; w\idth:176px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#787878; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#787878;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#fff; background:#787878;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:147px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
.menu li.menutitle { font-size:larger; text-align:center; color: #00c4c4; background-color: #3c4870; width:100%; font-weight:bold; padding-bottom:1ex; border-bottom:none; text-transform:uppercase;}
.menu li#last a { border-bottom:1px solid #aed1e5;}  /* the last one in the list should get the id of 'last' in the list to remove the bottom border */
.menu li#active a {color:#fff; background-color:#787878;}

/* END NEW NAVIGATION MENU */



/* EXTRA SECTION */
div#extra {float:left; width:198px; margin-top: -5px; margin-left:-200px; background-color: #3c4870; border-left: 2px solid #3c4870;}

/* RIGHT AFFILIATE LINKS BOX */
ul#affiliate { border:1px solid #787878; margin:0; padding:0; margin-top: -15px; margin-right: 20px; margin-left: 5px; padding: 3px 4px 4px 6px; background-color:#aed1e5; list-style-type:none; }
ul#affiliate li { padding: 3px;}
ul#affiliate li a:link, ul#affiliate li a:visited { color:#fff;}

/* FOOTER SECTION */
div#footer{clear:left;width:100%; background-color: #aed1e5;color: #FFF; font-size: .8em;}
div#footer a:link, div#footer a:visited { color:#fff; }
div#footer ul {list-style-type:none; margin:0; padding:.8em 0; text-align:center;}
div#footer ul li {display:inline; padding: 0 4px;}
div#footer p {margin:0; padding:1px 0 3px 5px;}


table tr td p {margin:0; padding:0}

#marqueecontainer{
position: relative;
/* width: 162px; marquee width */
height: 180px; /*marquee height */
background-color: #aed1e5;
overflow: hidden;
border:1px solid #787878; margin:0; padding:0; margin-top: -15px; margin-right: 20px; margin-left: 5px; padding: 3px 4px 4px 6px;
}

.mailinglist{
background-color: #aed1e5;
border:1px solid #787878; margin:0; padding:0; margin-top: 5px; margin-right: 20px; margin-left: 5px; padding: 5px 4px 4px 4px;
}
.listcontainer{margin-top: -15px; }
.listcontainer form{margin-top: -10px;}
.imgbrdr {border: 1px solid #000;}

/* IMDHA Member Directory */
.featured {
	background-color: #aed1e5;
	border: 1px solid #000;
}