/* Start of CMSMS style sheet 'Hoopeston-IL - style' */
/*=========================================================================
Date: 7-14-2006
Style sheet for hoopeston-il.gov
This was written by Allan Simpson of Simpson-Design.com
With help from http://www.positioniseverything.net/piefecta-rigid.html
This is for a 3 column fixed layout that should work fine on
nearly every browser. 
Updated for use with CMSMadeSimple  12-27-07

============================================================================ 




/*------------------        1) Global Values      -------------------------------------------  */

html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}

body {
	color: #000; 
	background: url(sitegraphics/bg_tile.gif); 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	font-weight: normal;
	text-align: center;
	margin: 15px 10px; /*set gutter space on both sides  to 1% and top margin at 15px*/
}

img {    /* remove the border around all the print page icons */
    border: 0px;
}

/*------------------         2) Global Links    -------------------------------------------------------  */

a {
	color: #9D2E09;
        border: 0px;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #4F1704;
        border: 0px;
}
a:hover {
	text-decoration: none;
	color: #526600;
}
a:active {
	text-decoration: none;
}

/*------------ 3) Global Font Settings     ----------------------------------------------------------  */

p  {
	margin: 0px 0; 
	padding: 5px 6px;
}

h1 {
	font-size: 2.4em; 
	padding: 0 0 0 10px; 
	margin: 0; 
	
}

h2 {
	font-size: 1.4em; 
	padding: 10px 0 0 10px; 
	margin: 0; 
	
}

h3 {
	font-size: 1.2em; 
	margin: 20px 10px 5px;
}





.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

/*---------------      main styles for the site -----------------------------------------------------------------------*/


.medium_heading {    /* also used for any text heading on the site */
	padding: 0 15px 0 20px;
	margin: 0px;
	font-size:1.8em;
	font-weight:900;
	color:#BB370B; 
}
p.side_text {
	padding: 0;
	margin: 0px 0 5px 12px;
	font-size: 1em;
	font-weight:bold;
	color:#000000;
}

p.side_text_small {
	padding: 0;
	margin: 0px 5px 0px 12px;
	font-size: .7em;
	color:#000000;
}

p.side_text_small_bold {
	padding: 0;
	margin: 0px 5px 0px 15px;
	font-size: .7em;
	font-weight:bold;
	color:#000000;
}


img.news_image {
	float: right;
	margin: 10px;
}
img.image {
	margin: 3px;
}
img.article_image_right {
	float: right;
	margin: 10px;
	
}

img.normal {
	margin: 5px 10px 5px 10px;
}
img.dot_arrow {
	margin: 0 0 0 10px;
}

td.charts {
	background-color:#F8E7C7;
}
td.space_saver_color {
	font-size:9px;
	background-color:#F8E7C7;
}
td.space_saver {
	font-size:9px;
}
/*-------------        4) Div Layout : Sets up the 3 columns size     ------------------------------------------------------  */

.crown_wrapper {
margin: 0 auto;
width: 750px;
border: 0px solid #000;
}

* html .crown_wrapper {   /*** IE5.x/win box model fix ***/
width: 752px;
wid\th: 750px;
}

.footer_wrapper {
margin: 0 auto;
width: 750px;
border: 0px solid #000;
}

* html .footer_wrapper {   /*** IE5.x/win box model fix ***/
width: 752px;
wid\th: 750px;
}



.wrapper {
margin: 0 auto;
width: 750px;
text-align: left;
background: url(sitegraphics/extender.gif) repeat-y; /* this is the 750px wide background, it will make the outer columns background images */
background-color:#FFFFFF;
border: 0px solid #000;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 752px;
wid\th: 750px;
}



.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
width: 448px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
background: url(sitegraphics/center.gif);  /*** Sets background of center col***/
border-left: 0px dotted #2121FF;   /*** Critical left divider dimension value ***/
border-right: 0px dotted #2121FF;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 450px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 448px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 448px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 448px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
border-left: 1px;

}

* html .left {
float:left;	
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 150px;    /*** Critical left col dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
border-left: 2px, #000000;
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
}

.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}


/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/
/*-------------------All the header images are here------------------------------------------------------------ */


.lagoon_tree {background: url(sitegraphics/headers/lagoon_tree.jpg);}
.baseball_daytime {background: url(sitegraphics/headers/baseball_daytime.jpg);}
.lagoon_fishing {background: url(sitegraphics/headers/lagoon_fishing.jpg);}
.watermellon {background: url(sitegraphics/headers/watermellon.jpg);}
.welcome {background: url(sitegraphics/headers/welcome.jpg);}
.baseball_night {background: url(sitegraphics/headers/baseball_night.jpg);}
.frontpage {background: url(sitegraphics/headers/frontpage.jpg);}
.parade {background: url(sitegraphics/headers/parade.jpg);}


/*------------------ 5) header  navbar  divider footer  -------------------------------------------------------  */

.crown {
	background: url(sitegraphics/crown.gif); /* tippy top */
        background-repeat:no-repeat;
	width: 750px; 
	height: 30px;
}
 
div.crown_info {
        padding: 5px 0px 0px 20px;
        font-size: 1em;
        margin: 0px 0px 0px 0px;
        color:#6F6F6F;
text-align:left;
}        


.crown_send_email {
	margin: 0 0 0 472px;
	border: 0;
}
.crown_site_map {
	margin: 0 0 0 372px;
	border: 0;
}


div#header {
	border-left: 1px;
	border-right: 1px;
	width: 100%; 
	height: 130px;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffa;
	text-align: center;
}

.lagoon_tree {background: url(sitegraphics/headers/lagoon_tree.jpg);}



.divider {
	background: url(sitegraphics/divider.gif);    
	width: 100%; 
	height: 20px;
	font-size: 1.0em;
	font-weight: bold;
	color: #ffa;
	text-align: center;
}
.navbar {
	background: url(sitegraphics/nav_bg.gif); 
        background-repeat:repeat-y;
        background-color:#eeeeee;   
	width: 100%; 
	height: auto;
	text-align: center;
	font-family: verdana, sans-serif;  
	position:relative; 
	font-size:0.85em;
	font-weight:lighter;
	padding-bottom:0px;
	z-index:100;
}
.navbar_lower {
	background: url(sitegraphics/nav_bg_lower.gif); 
        background-repeat:no-repeat;
        background-color:#eeeeee;   
	width: 100%; 
	height: 17px; 
	padding: 0px;
        margin:0px;
	z-index:0;
}




.footer {
	background: url(sitegraphics/footer.gif);    /* header and footer colours */
	background-position:top;
	background-repeat:no-repeat;
	width: 750px;
	height: 48px;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffa;
	text-align: center;
	position:relative;
	padding: 0px;
	margin: 0px;

}

.users {
	margin: 20px;
	padding: 0px 0px 0px 0px;
	border:1px #000000 solid;
}

/* ----------------- DIVs for homepage welcome text---------------------------------- */
div#border_welcome_top {
	background-image:url(sitegraphics/border_welcome_top.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	padding: 0px;
	margin: 0px 0px 0 14px;
}



/* ----------------- DIVs for News, Agenda, Minutes Content System---------------------------------- */


div#news_heading {
	background-image:url(sitegraphics/news_header.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0 14px;
}

div#calendar_heading {
	background-image:url(sitegraphics/calendar_of_events.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0 14px;
}

div#events_heading {
	background-image:url(sitegraphics/upcoming_hoopeston_events.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0 14px;
}

div#agenda_heading {
	background-image:url(sitegraphics/agenda_header.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0 14px;
}

div#minutes_heading {
	background-image:url(sitegraphics/minutes_header.gif);
	background-repeat:no-repeat;
	width: 423px;
	height: 41px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0 14px;
}

div#news_posting_lighter {   /* for alternating news posts, this is the lighter background post */
	background-image:url(sitegraphics/news_bg_lighter.gif);
	background-repeat:repeat-y; 
	width: 423px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 15px;
	margin: 0 0 0 14px;
}

div#news_posting_darker {  /* for alternating news posts, this is the darker background post */
	background-image:url(sitegraphics/news_bg_darker.gif);
	background-repeat:repeat-y;  
	width: 423px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px 0px 0px 15px;
	margin: 0 0 0 14px;
}

.newsPages {
        background-image:url(sitegraphics/news_bg_darker.gif);
        background-repeat:repeat-y;  
        color: #000000;
        margin:0px;
        padding:0px;
}

div#news_bottom { /* this is the bottom of the news system with the older news link, only on front page */
	width: 423px;
	height: 23px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-left:0px;
	margin: 0px 0 0 14px;
}

div#news_bottom_no_link {  /* this is the bottom of the news system without the oldernews link that on the main page */
	background-image:url(sitegraphics/news_bottom_no_link.gif);   
	width: 423px;
	height: 23px;
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding:0px;
        margin: 0px 0 0 14px;
}

p.news_snippet {    /* this is the small amount of text displayed on each news system */
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: .8em;
	padding: 0 30px 0 0px;
	margin: 0px 0px 0px 0px;
	color:#000000;
}

p.calendar_box {
       padding:0 30px 0 0;
       margin: 0px;
       font-size .6em;
       color:#000000;
}

p.pages_links {
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
	color:#000000;
}
	

.date {
	padding: 0 3px 0 250px;
	margin: 0px;
	font-size:9px;
	font-weight:200;
}

.date_sort_icon {
	margin: 0 0 0 372px;
	border: 0;
}
.older_news_link {
	margin: 0 0 0 0px;
	border: 0;
}



.news_heading {    /* also used for any text heading on the site */
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.8em;
	font-weight:900;
	color:#BB370B; 
}

.agenda_heading {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.6em;
	font-weight:900;
	color:#BB370B; 
}
.minutes_heading {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.6em;
	font-weight:900;
	color:#BB370B; 
}

.agenda_meeting {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.2em;
	font-weight:500;
	color:#000000; 
}
.agenda_posted {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.2em;
	font-weight:500;
	color:#000000; 
}
.minutes_meeting {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.2em;
	font-weight:500;
	color:#000000; 
}
.minutes_posted {
	padding: 0 15px 0 15px;
	margin: 0px;
	font-size:1.2em;
	font-weight:500;
	color:#000000; 
}



p.article_text {  /* also used for text throughout the site */
	font-weight: normal;
	font-size: 1em;
	margin: 0 10px 10px 15px;
}
p.welcome_text {  /* also used for text throughout the site */
	font-weight: normal;
	font-size: 1em;
	margin: 0 10px 0px 0px;
	padding: 0 20px 0 0;
        line-height: 16pt
}

p.article_text_small {  /* smaller text*/
	font-weight: bold;
	font-size: .8em;
	margin: 0 10px 10px 15px;
}


p.date_article {              /* this date appears on the headline_news_article.php pages */
	margin: 0px 0 25px 15px;
	font-size:10px;
	font-weight:300;
}

p.page_links {              /* This styles the paragraph that holds the paginated links */
	margin: 0px;
	padding: 2px 15px 0px 15px;
	font-size:12px;
	font-weight:300;
}

/* ----------------- users table menu ---------------------------------- */


.sort_headings {
	margin: 5px 0 5px 10px;
	padding: 0px;
}


/* ----------------- Alternate Link Styles ---------------------------------- */
/*------------Crown: send email link located on top of every page--------------------------------*/
a.email_link {
	
	margin-left:450px;
}
a:link.email_link  {
	text-decoration: none;

}
a:visited.email_link  {
	text-decoration: none;
	

}
a:hover.email_link  {
	text-decoration: none;
	

}
a:active.email_link  {
	text-decoration:none;
	
}
/*------------Crown: site map link located on top of every page--------------------------------*/
a.site_map_link {

	margin-left:580px;
}
a:link.site_map_link  {
	text-decoration: none;

}
a:visited.site_map_link  {
	text-decoration: none;
	color: #9D2E09;

}
a:hover.site_map_link  {
	text-decoration: none;
	color: #BB370B;

}
a:active.site_map_link  {
	text-decoration:none;
	
}


/*------------Sort Date Link (manage_news.php index.php--------------------------------*/
a.sort_link {
	color: #9D2E09;
	font-weight:900;
	font-size:14px;
	margin-left:100px;
}
a:link.sort_link  {
	text-decoration: none;

}
a:visited.sort_link  {
	text-decoration: none;
	color: #9D2E09;

}
a:hover.sort_link  {
	text-decoration: none;
	color: #BB370B;

}
a:active.sort_link  {
	text-decoration:none;
	
}

/*----------------------Edit (manage_news.php)--------------------------------*/
a.edit_delete {
	padding: 0 20px 0 0px;
	color: #9D2E09;
	font-weight:900;
	font-size:14px;
}
a:link.edit_delete  {
	text-decoration: none;
}
a:visited.edit_delete  {
	text-decoration: none;
	color: #9D2E09;
}
a:hover.edit_delete  {
	text-decoration: none;
	color: #BB370B;
}
a:active.edit_delete  {
	text-decoration:none;
}

/*---------------------- Delete  (manage_news.php)--------------------------------*/
a.cal_event {
        font-size:8px;
}
a.delete {
	padding: 0 0 0 3px;
	color: #9D2E09;
	font-weight:900;
	font-size:14px;
}
a:link.delete  {
	text-decoration: none;
}
a:visited.delete  {
	text-decoration: none;
	color: #9D2E09;
}
a:hover.delete  {
	text-decoration: none;
	color: #BB370B;
}
a:active.delete  {
	text-decoration:none;
}
/*----------------------news postings  possibly not used--------------------------------*/
a.news_link {
	color: #222C01;
	font-weight:normal;
}
a:link.news_link  {
	text-decoration: none;
}
a:visited.news_link  {
	text-decoration: none;
	color: #222C01;
}
a:hover.news_link  {
	text-decoration: none;
	color: #7E9F0A;
}
a:active.news_link  {
	text-decoration:none;
}


/*----------------------paginated links for multiple pages--------------------------------*/
a.news_page_links {
	color: #000000;
}
a:link.news_page_links  {
	text-decoration: none;
}
a:visited.news_page_links  {
	text-decoration: none;
	color: #000000;
}
a:hover.news_page_links  {
	text-decoration: none;
	color: #53421C;
}
a:active.news_page_links  {
	text-decoration:none;
}

/*----------------------general use links that work well on light background--------------------------------*/
a.light_link {
	color: #000000;
	font-weight:bold;
}
a:link.light_link  {
	text-decoration: none;
}
a:visited.light_link  {
	text-decoration: none;
	color: #000000;
}
a:hover.light_link  {
	text-decoration: none;
	color: #53421C;
}
a:active.light_link  {
	text-decoration:none;
}

/*----------------------Underlined small text links for the side columns--------------------------------*/
a.side_links {
	color: #9D2E09;
	
}
a:link.side_links  {
	text-decoration:underline;
}
a:visited.side_links  {
	text-decoration:underline;
	color: #9D2E09;
}
a:hover.side_links  {
	text-decoration:underline;
	color: #BB370B;
}
a:active.side_links  {
	text-decoration:underline;
}


/* ----------------- Paragraph Styles ---------------------------------- */

p.users {
	border: 1px;
	border-color:#000000;
}


p.greenbar {
text-align:left;
padding: 3px 3px 0px 10px;
font-weight: bold;
font-size: .8em;
margin: 0px 0px 0px 0px;
color:#ECDDC1;
}

p.navlinks {
	margin: 0px;
	padding-top: 0px;
	font-size: 1.3em;
	font-weight:lighter;
	color:#000000;
	text-align: center;
}



.top a {
	position: absolute;
	right: 125px;
	text-align: right;
	font-weight: bold;
	font-size: .7em;
	color: #fff;
	top: 14px;
}

p.bottom {
font-weight: bold;
font-size: .7em;
margin-top: 0px;
color:#000000;
}

p.manager_menu {
	font-weight: normal;
	font-size: 1em;
	margin-top: 0px;
	padding: 0 0 0 10px;
	color:#000000;
}








/*-------------------Form Styles--------------------*/

#comments textarea { 
          width:250px;
 }

#comments input {
          width:250px;
}

form {
	margin: 0 0 0 20px;
}

#comments {
        margin: 0px;
        padding: 5px;
        width: 400px;
}

.comment_style {
        font-size: 12px;
        font-weight: normal;
}

 label {
width: 9.5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


input
{
color: #28200D;
background: #fee3ad;
border: 1px solid #28200D
}

textarea
{
color: #28200D;
background: #fee3ad;
border: 1px solid #28200D
}


fieldset
{
border: 1px solid #28200D;

}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #28200D;
padding: 6px 6px
}

p.submit {
	margin-left: 10em;
}


/*-------------------drop down panel--------------------*/

a:focus {
	outline: none;
}
#panel {
	background: #754c24;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(sitegraphics/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(sitegraphics/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 300px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}


/*-------------------nothing good below this line--------------------*/








.testfloat {
	width: 50px; 
	border: 2px solid #f90; 
	background: #ffd; 
	font-size: .7em;
}

.to-right {float: center;}
.to-left {float: left;}

.ap-test {
	position: absolute; 
	top: -102px; 
	font-size: .6em; 
	width: 150px; 
	height: 100px; 
	border-top: 0px solid #000; 
	background: #5b5; 
	color: yellow;
}

/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}
.clear { clear: both; }







/*-------------  Fixes and Hacks ---------------------------------------------------------*/
/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/

/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
	font-style: italic; 
	text-align: justify; 
	background: #ccd;
	border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/

</style>

[if IE]>

<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout 
	in IE. It is not valid, but if placed within a "Conditional comment" it will be hidden 
	from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
	http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/

.outer {word-wrap: break-word;}
</style>

<![endif]

/* End of 'Hoopeston-IL - style' */