body {background-color: #FFFFFF; margin: 0px; padding: 0px; text-align: center; background-repeat:repeat-x; background-position: 0px 0px; background-image: url(images/background.png);}

/*FONTS*/

.textBold {font-family: "Arial", Times, serif; font-size: 10pt; font-weight: bold; color: #7C4C00;}



.header1 {font-weight: bold; font-size: 26pt;}
.header2 {font-size: 16pt;}
.header3 {font-size: 12pt;}

.newsTitle {font-family: "Arial", Times, serif; font-size: 18pt; font-weight: bold;}
.newsSubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;}
.newsOtherTitle {font-family: "Arial", Times, serif; font-size: 14pt;}
.newsText {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
.newsCaption {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;}
.newsDate {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #B27900;}

a.mainMenuLink  {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #000066; font-size: 10pt}
a.mainMenuLink:hover  {text-decoration: underline; color: #CC6633;}

a.bodyLink  {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #0000C0; font-size: 10pt}
a.bodyLink:hover  {text-decoration: underline; color: #CC6633;}

a.boldBodyLink  {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #0000C0; font-size: 10pt; font-weight: bold}
a.boldBodyLink:hover  {text-decoration: underline; color: #CC6633; font-weight: bold}

a.footerLink {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #0000C0; font-size: 8pt}
a.footerLink:hover {text-decoration: underline; color: #CC6633;}

.officersTableTitle{color: #666;}
.meetingsTableTitle{color: #666;}

.sciTitle {font-size: 16pt;}
.sciDate {font-size: 8pt;}

/*LISTS*/

#navList {
	height: 100%;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	background-color: #011A2D;
	font-size: 12pt;
	}
#navList ul {
	text-align: center;
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;
	}
#navList li {
	float: left;
	min-width: 5em;
	border-right: 1px #FFF solid;
	}	
#navList li a {
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px #011A2D solid;
	color: #FFF;
	background-color: #011A2D;
	padding: 5px 12px 5px 12px;
	}
html>body #navList li a {
	width: auto;
	}
#navList li a:hover {
	background-color: #6497BE;
	border: 1px #013964 solid;
	color: #FFF;
	}

#navList li ul {
	display: none; 
	width: 12em;
	}
#navList li:hover ul {
	position: absolute;
	display: block;
	background-color: #808080;
	padding: 1px;
	border-top: 1px #FFF solid;
	margin: 0px;
	}
#navList li:hover li {
	width: 100%;
	float: none;
	border: 0px;
	}
#navList li:hover li a {
	background-color: #C0C0C0;
	color: #000;
	text-align: left;
	font-size: 10pt;
	border: 0px;
	}
#navList li li a:hover {
	color: #FFF;
	background-color: #404040; 
	}


/*HEADER BLOCKS*/

.frontPageRotator
{
float: left;
clear: right;
border-left: 1px #AAA solid;
border-bottom: 1px #AAA solid;
margin: 18px 0px 0px 605px;
}

.frontHeader
{
float: left;
margin-top: -174px;
}

.ISCElogo
{
float: left;
width: 800px;
margin: -191px 0px 0px 10px;
}


/*FRONT PAGE BLOCKS*/

.frontColumnLeft
{
float: left;
width: 490px;
}

.frontColumnRight
{
float: left;
clear: right;
margin-left: 13px;
}

.frontTextImage
{
width: 488px;
height: 168px;
border: 1px #808080 solid;
}

.frontWelcomeBox
{
width: 474px;
background-color: #F9F3E5;
padding: 7px;
border: 1px #F8BF24 solid;
margin: 10px 0px 10px 0px;
}

.frontNews
{
width: 419px;
min-height: 606px;
background-color: #F9F3E5;
padding: 7px;
border: 1px #F9F3E5 solid;
}

.frontNews h1
{
display: inline;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
color: #002040;
padding: 0px;
margin: 0px 5px 0px 0px;
}

.frontNewsHeader
{
width: 433px;
height: 32px;
text-align: center;
font-size: 14pt;
color: #7C4C00;
background-image: url(images/boxHeader.png);
background-repeat:repeat-x; 
padding-top: 10px;
margin: -7px 0px 13px -6px;
}

.newsItem
{
width: 100%;
padding: 10px 0px 10px 0px;
border-bottom: 1px #E9CE95 solid;
}

.frontMtg
{
width: 474px;
background-color: #F9F3E5;
padding: 7px;
border: 1px #F9F3E5 solid;
}

.frontMtgHeader
{
width: 488px;
height: 32px;
text-align: center;
font-size: 14pt;
color: #7C4C00;
background-image: url(images/boxHeader.png);
background-repeat:repeat-x;
padding-top: 10px;
margin: -7px 0px 13px -6px;
}

.mtgImage
{
float: left;
border: 1px #808080 solid;
margin: 24px 14px 28px 7px;
}

/*COMMON BLOCKS*/

.container
{
text-align: left;
margin-left: auto;
margin-right: auto;
width: 960px;
background-color: white;
}

.container2
{
float: left; 
border-right: 1px #999 solid; 
border-left: 1px #999 solid; 
border-bottom: 1px #999 solid;
background-color: #FFF
}

.text
{
background-repeat:repeat-y; 
background-position: 840px 0px; 
background-image: url(images/margin_new.png);
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;
float: left; 
width: 940px;
margin: 10px 10px 10px 10px;
}

.text a
{
text-decoration: none; 
color: #0000C0;
}

.text a:hover
{
text-decoration: underline; 
color: #CC6633;
}

.textHolder
{
float: left;
margin-left: 20px;
width: 800px;
}

.textHolder p
{
margin-left: 5px;
}

.textHolder h1
{
width: 100%;
font-size: 18pt;
padding-bottom: 5px;
border-bottom: 1px #CCC solid;
margin: 15px 0px 25px 0px;
}

.textHolder h3
{
margin: 30px 0px 10px 0px;
}

.textHolder h3 a
{
color: #000;
}

.textHolder h3 a:hover
{
color: #000;
text-decoration: none;
}

.textHolder h4
{
font-size: 11pt;
margin-top: 20px;
}

.textHolder h4 a
{
color: #000;
}

.textHolder h4 a:hover
{
color: #000;
text-decoration: none;
}

.textHolder h5
{
font-size: 10pt;
font-style: italic;
margin: 5px 0px 5px 0px;
}

.textHolder ul li
{
margin: 7px;
}

.person
{
float: left;
margin: 15px 30px 15px 30px;
width: 800px;
}

.personImage
{
float: left;
width: 175px;
border: 1px #000 solid;
margin-left: 100px;
}

.personText
{
float: right;
width: 375px;
}

.councilorImage
{
float: left;
width: 120px;
border: 1px #666 solid;
margin-right: 25px;
}

.personCaption
{
float: left;
width: 120px;
text-align: center;
border: 1px #FFF solid;
margin: 0px 25px 10px 0px;
}

.clear
{
clear: both;
width: 100%;
height: 1px;
}

.officersLeft
{
float: left;
width: 300px;
}

.officersRight
{
float: right;
width: 350px;
}

.officersTable
{
float: left;
width: 300px;
margin: 0px 100px 20px 0px;
}

.officersTableHeader
{
float: left;
width: 300px;
border-bottom: 1px #DDD solid;
margin: 5px 1px 5px 1px;
}

.officersTableName
{
float: left;
width: 240px;
}

.officersTableYear
{
float: left;
}

.awardsTable
{
float: left;
width: 300px;
min-height: 300px;
margin: 0px 100px 20px 0px;
}

.awardsTableHeader
{
float: left;
width: 300px;
border-bottom: 1px #DDD solid;
margin: 5px 1px 5px 1px;
}

.awardsTableName
{
float: left;
width: 200px;
}

.awardsTableYear
{
float: left;
}

.meetingsTable
{
float: left;
width: 550px;
margin: 0px 100px 20px 0px;
}

.meetingsTableHeader
{
float: left;
width: 560px;
border-bottom: 1px #DDD solid;
margin: 5px 1px 5px 1px;
}

.meetingsTableName
{
float: left;
line-height: 20px;
width: 220px;
}

.meetingsTableYear
{
float: left;
line-height: 20px;
width: 100px;
padding-left: 10px;
}


.footer
{
float: left;
clear: both;
width: 720px; 
border-top: 1px #DDD solid; 
margin: 7px 0px 10px 230px;
}

.footerImage
{
float: right;
width: 78px;
text-align: right;
padding-right: 5px;
border-right: 1px #DDD solid;
margin: 10px 0px 5px 5px
}

.footerText
{
float: right;
min-width: 235px;
text-align: right;
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
margin-top: 12px; 
}


/*FRONT-PAGE BLOCKS*/


.frontPageNews1
{
float: left;
width: 319px; 
/*height: 289px*/
padding: 5px 0px 5px 0px; 
margin: -515px 3px 15px 169px;
}

.frontPageNews2
{
float: left;
clear: right;
width: 415px; 
/*height:289px;*/
padding: 5px 0px 5px 0px;
margin: -220px 0px 15px 32px;
}

.textLine
{
float: left;
clear: right;
width: 680px; 
border-top: 1px #CCC solid; 
margin: 31px 0px 0px 50px; 
}

/*SPECIALIZED BLOCKS*/

.meetingPhoto
{
float: left;
width: 40%;
text-align: center;
margin-bottom: 40px;
}

.meetingPhoto img
{
border: 1px #666 solid;
}

.sciItem
{
float: left;
width: 100%;
border-top: 1px #666 solid;
border-bottom: 1px #666 solid;
padding: 20px 0px 20px 0px;
margin: 30px 40px 10px 40px;
}

.sciText
{
float: left;
width: 450px;
margin: 5px 0px 0px 45px;
}

.sciPic
{
float: right;
border: 1px #666 solid;
margin: 0px 70px 0px 0px;
}

.photoText
{
float: left;
width: 300px;
margin: 5px 0px 0px 45px;
}

.newsletters ul
{
float: left;
text-align: center;
list-style: none;
height: 140px;
width: 80px;
padding: 0px;
margin: 0px 5px 10px 5px;
}

.newsletters li 
{
background-color: #DDD;
padding: 0px;
border: 1px #666 solid;
}	

.newsletters li a 
{
text-decoration: none;
display: block;
width: 100%;
color: #000;
background-color: #DDD;
}

html>body .newsletters li a 
{
width: auto;
}

.newsletters li a:hover 
{
text-decoration: none;
color: #FFF;
background-color: #333;
}



.employ
{
float: left;
width: 100%;
}

.employ ul
{
float: left;
width: 100%;
text-align: left;
list-style: none;
padding: 10px 10px 0px 0px;
margin: 0px 0px 10px 0px;
}

.employ li 
{
background-color: #DDD;
float: left;
width: 100%;
border: 1px #666 solid;
}	

.employ li a 
{
float: left;
text-decoration: none;
display: block;
width: 100%;
color: #000;
background-color: #DDD;
}

html>body .employ li a 
{
width: auto;
}

.employ li a:hover 
{
text-decoration: none;
color: #FFF;
background-color: #333;
}

.employTop
{
float: left;
font-weight: bold;
background-color: #444;
color: #FFF;
width: 100%;
margin: 10px 0px 0px 7px;
padding: 5px 0px 5px 0px;
border: 1px #000 solid;
}

.employDate
{
float: left;
width: 108px;
text-align: center;
border-right: 1px #AAA solid;
}

.employTitle
{
float: left;
width: 345px;
text-align: center;
border-right: 1px #AAA solid;
}

.employPlace
{
float: left;
width: 345px;
text-align: center;
}

.paypalItem
{
width: 300px;
float: left;
margin: 7px 0px 7px 0px;
border-bottom: 1px #CCC dotted;
}

.paypalCost
{
width: 100px;
float: left;
margin: 7px 0px 7px -1px;
border-bottom: 1px #CCC dotted;
}

.paypalImg
{
width: 300px;
float: left;
margin: 7px 0px 7px 5px;
}

.tableGray
{
background-color: #EEE;
}

.archive h1
{
display: inline;
text-decoration: none;
font-size: 10pt;
font-weight: bold;
color: #002040;
padding: 0px;
border: 0px;
margin: 0px 5px 0px 0px;
}