body {
	background-color:#99C3CB; margin:0px; padding:0px; font:11px Arial, Helvetica, sans-serif;
	height:100%; color:#333; line-height:16px; background-repeat: repeat-y;
	background-image: url(../images/template/background.gif); background-position: left top;
}


	
/* General Fonts and Styles
--------------------------------------*/
p { margin:0px; padding:0px; padding-bottom: 10px;}

h1 { color:#666; font-size: 15px; background-image: url(../images/homepage/title_background.gif);
	background-repeat: repeat-x; margin:0px; margin-bottom:20px; line-height:16px; text-transform:uppercase;}
h1 span { background-color:#fff; padding:2px 10px 2px 0px;  }


h2 { color:#1999B5; font-size: 14px; margin:0px; padding:0px; margin-top:5px;}

h3 { color:#333; font-size: 11px; margin:0px;padding:0px; margin-top:10px;}
h3.article { color:#1999B5; font-size:14px; margin:0px; padding:0px; margin-bottom:5px}

.articleDate { color:#333; font-size: 11px;  line-height:12px;  width: 200px; background-image: url(../images/homepage/title_background.gif); font-weight:bold;
	background-repeat: repeat-x; margin:0px; margin-bottom:20px;}
.articleDate span { background-color:#fff; padding-right:10px;}

h4 { color:#1999B5; font-size:11px; margin:0px; padding:0px; }

h2, h3, h4 { text-transform:uppercase }
h2 span, h3 span, h4 span { text-transform:none;}

td h3, td h4 { margin-top:0px; padding-top:0px;}

a { color:#1999B5; text-decoration:none}
a:hover { text-decoration:underline}

p.intro { color:#1999B5; font-weight:bold; margin:0px; padding:0px; margin-bottom:20px;}
p.intro strong{ font-size:11px}

ul {  padding:0px; margin-top:0px; margin-bottom:10px; margin-left:15px; list-style-type:disc}
ul.relatedLinks { margin:0px; padding:0px; margin-bottom:20px; list-style-type:none }

ol { margin:0px; padding:0px;} 
ol li { margin-bottom: 0px;}

.green{ color:#1999B5; background-image:none }
.grey { color:#333; }

blockquote { margin: 0px 40px 10px; }

td { vertical-align:top;  }

.clear { clear:both;}
.noborder { border: 0px !important;}
.nospace { margin:0px; padding:0px;}
.noBg {background-image: none !important; }
.plainText {
	font-weight:normal;
	line-height: 13px;
}
.caps { text-transform:uppercase }

td { padding-bottom: 4px;}
img { border:0px;}




/*
 Wrappers
--------------------------------------*/
#outer { width:749px;  text-align:center; }
#container { width: 739px;  margin-left:5px; margin-right:5px; }

#wrapper {  background-repeat: repeat-y;
	margin-top:5px; background-position: right;	padding-bottom:10px; height:100%;}
#content {width:470px; margin:0px; padding:0px; margin-left:65px; padding-top:45px; }
#sidebar { width:197px; margin:0px; padding:0px; padding-top:45px; float:right;}

#footer { margin-left:65px; width:470px;
border-top: 1px solid #ccc; margin-bottom: 0px; font-size:10px; }
	
#wrapperContent { height: 40px; }



/*
 Header
--------------------------------------*/
#header { background-color:#fff;background-image: url(../images/homepage/header_bg.gif); background-repeat: no-repeat; padding-bottom:5px;
	height:100px; background-position: center top; }
	
#logo {	position:absolute; top: 24px; left:8px; width:263px; height:65px; 
	background-image: url(../images/homepage/idi_logo1.gif); background-repeat: no-repeat;}
#logo span { display:none }
 
#header ul { position:absolute; top: 20px; left:120px; margin:0px; padding:0px; list-style:none;
	background-color:#1999B5;  vertical-align:top; line-height:0px; padding-right:10px;}
#header li { display:inline; float:left; margin:0px; padding:0px}
#header li { background-image: url(../images/homepage/link_divider.gif); background-repeat:no-repeat; padding-left:10px; padding-right: 1px; }


ul#linksNew { margin:0px; padding:0px; }
ul#linksNew li { display:inline; margin:0pzzx; padding:0px; }
ul#linksNew li a { padding-left:-400px; }
ul#linksNew li a.jobs { font-weight:bold; color:#0f0; height:32px; width:19px; background-image:url(../images/homepage/nav_8r.gif)}



/*
 main content
--------------------------------------*/
#content { font-size:11px; }
#content .box {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; height:auto}
#content .box p{ margin:0px; padding:0px; }
#content .box h2{ margin:0px; padding:0px;}
#content .box img { float:right; margin-left: 10px;}

/*#content h3 {  width: 50%; color:#333; font-size: 12px; margin:0px; margin-bottom:20px;
	background-image: url(../images/homepage/title_background.gif);	background-repeat: repeat-x; }
#content h3 span { background-color:#fff; padding-right:10px; line-height:12px;}*/


/* Sidebar
--------------------------------------*/
#sidebar h3 { font-size: 14px; margin:0px; padding:0px; color:#1999B5}
#sidebar p { margin:0px; padding:0px; margin-bottom:15px;}
#sidebar .box{margin-bottom: 20px; margin-left:16px;}
#sidebar ul { margin: 0px; padding:0px; list-style-type:none; margin-top:10px;}
#sidebar ul li a {color:#333;}
#sidebar ul li a:hover {color:#1999B5; text-decoration:underline}
#sidebar ul ul { margin-top:0px; margin-left: 15px;}
#sidebar ul ul a{  color:#1999B5}
#sidebar hr { border: 2px solid #ccc;}

#sidebar.hr {background-image: url(../images/homepage/line_dotted.gif); background-repeat: no-repeat;
	height:24px; }
.hr { color:#ccc; border:0px; margin: 16px 0px 16px 20px;  clear:both; background-image:url(../images/homepage/sidebar_divider.gif); background-repeat:no-repeat;  padding:2px;}


	
	
	
/* Links Menu
--------------------------------------*/	
#menu { background-color:#1999B5; height:20px; }
#menu {position:absolute; top: 20px; left:120px; margin:0px; padding:0px; vertical-align:top; line-height:0px; padding-right:10px;}
#menu a{ display:block; height:19px; } 
#menu a span { display:none}
#menu div { float:left; background-image:url(../images/homepage/link_divider.gif); background-repeat:no-repeat; padding-left:10px; padding-right: 1px;} 
#menu div.first { background-image:none;} 

a#menuCalendar {	background-image: url(../images/homepage/nav_1.gif); width:58px;}
a#menuCalendar:hover, a#menuCalendar.active{ background-image: url(../images/homepage/nav_1r.gif);}
a#menuMembership {	background-image: url(../images/homepage/nav_2.gif); width:68px; }
a#menuMembership:hover, a#menuMembership.active { background-image: url(../images/homepage/nav_2r.gif);}
a#menuDirectory {	background-image: url(../images/homepage/nav_3.gif); width:60px; }
a#menuDirectory:hover, a#menuDirectory.active { background-image: url(../images/homepage/nav_3r.gif);}
a#menuAbout {	background-image: url(../images/homepage/nav_4.gif); width:39px; }
a#menuAbout:hover, a#menuAbout.active { background-image: url(../images/homepage/nav_4r.gif);}
a#menuPublications {	background-image: url(../images/homepage/nav_5.gif); width:74px; }
a#menuPublications:hover, a#menuPublications.active  { background-image: url(../images/homepage/nav_5r.gif);}
a#menuAwards {	background-image: url(../images/homepage/nav_6.gif); width:47px; }
a#menuAwards:hover, a#menuAwards.active { background-image: url(../images/homepage/nav_6r.gif);}
a#menuGetInvolved {	background-image: url(../images/homepage/nav_7.gif); width:74px; }
a#menuGetInvolved:hover, a#menuGetInvolved.active { background-image: url(../images/homepage/nav_7r.gif);}
a#menuJobs {	background-image: url(../images/homepage/nav_8.gif); width:32px; }
a#menuJobs:hover, a#menuJobs.active { background-image: url(../images/homepage/nav_8r.gif);}
a#menuStudents {	background-image: url(../images/homepage/nav_9.gif); width:55px; }
a#menuStudents:hover, a#menuStudents.active  { background-image: url(../images/homepage/nav_9r.gif);}



/* Custom
--------------------------------------*/
table.padded td{padding-bottom:10px;}
table.padded h2 { /* font-size: 1.3em*/}
img.awardThumbnail { margin-right: 40px; margin-top: 3px;}

table.homeNews td { border-bottom: 1px solid #ccc; padding-top:5px; padding-bottom:10px; } 
table.homeNews a { font-weight:bold}
table.homeNews tr.last td { border-bottom: 0px; } 

ul#join { list-style-type:disc; margin-bottom: 15px; margin-left:20px;}
ul#join li{ margin-bottom:15px; list-style-image:url(../images/bullet.gif)}

#directoryForm { border-top: 1px solid #ccc; border-bottom:1px solid #ccc;  }
#directoryForm td{ padding-top:5px; padding-bottom:10px;}
#directoryForm select{ margin:0px; padding:0px; margin-bottom: 10px; width:200px}


/*.layoutProp { height:330px; float:right; width:1px; }*/
.endlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}