/* Italian Society - Styles */

/* Wire-frame positioning to centre the site */
body { font: 0.8em Arial, Helvetica, sans-serif; color: #000; background-color: #dbdbdb; margin: 0; padding: 0; text-align: center;  }

/* Main hyperlink styles */
a { color: #990000; text-decoration: none; font-weight: bold; outline: 0px;}
a:hover { text-decoration: underline; }

a[rel="external"] { padding-right: 17px; background: transparent url('../images/template/external_link.gif') no-repeat right top; }
a[rel="pdf"] { padding-right: 17px; background: transparent url('../images/template/pdf_link.gif') no-repeat right top; }


/* Hide h1 tag for accessibility */
h1 { display: none;}


/* Main generic styles */
h2 { font-size: 1.2em; font-weight: bold; padding-top: 10px; padding-left: 10px; margin: 0px; color: #006633; }
h3 { font-size: 1.0em; font-weight: bold; margin: 0px; padding-left: 10px; padding-top: 7px; padding-bottom: 2px; padding-right: 5px; }
p  { margin: 0px; padding-left: 10px; padding-top: 7px; padding-bottom: 2px; padding-right: 5px; }
ul { list-style-position: outside; padding-left: 10px; padding-top: 1px; padding-bottom: 2px; padding-right: 5px; }
ol { list-style-position: outside; padding-left: 10px; padding-top: 1px; padding-bottom: 2px; padding-right: 5px; }
li { margin-left: 20px; }
dl { margin: 0px; padding-left: 10px; padding-top: 7px; }
dt { font-weight: bold; padding-bottom: 2px; padding-top: 2px;  }
form { margin: 0px; padding: 0px 5px 0px 2px; }
form input, textarea { font: 0.9em Arial, Helvetica, sans-serif; color: #990000; border: solid #006633 1px; }
form input:focus, textarea:focus { background-color: #FFFFCC; }
input[type=submit]:hover { cursor: pointer; }
label { color: #FFFFFF; padding-left: 7px; }

/* Overall container of the site with white background */
#divOuterContainer { margin: 0px auto 0px auto; width: 997px; }
#divInnerContainer { float: left; width: 997px; padding-top: 5px; background-color: #FFFFFF; text-align: left; }

/**********************************************************************************************************************************/


/* Top Header Banner */

#divHeader    { 
	width: 976px; 
	height: 84px;	
	margin-left: 10px; 
	position: relative;
	background: url('../images/template/bgHeader.gif') no-repeat; 
}


/* Search Form */
#divHeader form, #divHeader input { display: inline; vertical-align:middle; }
#divHeader input.searchBox { height: 15px; width: 160px; border: 0; border: solid #999999 1px; }
#divHeader input.clsSearchButton { height: 18px; margin-left: 5px; background-color: #990000; color: #FFFFFF; border: 0; font: 0.85em Arial, Helvetica, sans-serif; cursor: pointer; }
#divSearch { padding-left: 710px; padding-top: 40px; }


/* Top navigation */
#divNavigation {
    width: 976px;
	height: 24px;
	margin-left: 10px;
	margin-top: 5px;
	background: url('../images/template/bgNavigation.gif') no-repeat;
	float: left;
}

#divNavigation ul { list-style: none; display: inline;}
#divNavigation li {  float: left; display: inline; margin-top: 3px; }
#divNavigation a { 
	color: #FFF; 
	font-size: 1.0em; 
	font-weight: normal; 
	border-right: solid 1px #FFF;
	width: 124px; 
	display: block; 
	padding: 1px 10px 0px 0px;
	text-align: center;
} 

/* Feedback Form */
label.feedback { color: #000000; }


/**********************************************************************************************************************************/

/* Main content area of the site with white background */
#divContent   { background-color: #dbdbdb; width: 976px; margin-left: 10px; float: left; }

/**********************************************************************************************************************************/

/* Homepage - 3 Regions within content area */
#divTopRegion    { width: 966px; margin-left: 10px; float: left; }
#divMiddleRegion { width: 966px; margin-left: 10px; float: left; padding-bottom: 10px;  }
#divBottomRegion { width: 966px; margin-left: 10px; padding-bottom: 10px; float: left;  }


/**********************************************************************************************************************************/

/* COMPONENTS STYLES */


/* 1 Column Width */
.divComponent1Column { width: 232px; margin-right: 9px; text-align: left; float: left; padding-top: 10px; }
.divComponent1ColumnHeader { background: url('../images/template/bgComponent1Header.gif') no-repeat; width: 232px; height: 36px; }
.divComponent1ColumnText { width: 232px; background-color: #FFFFFF; height: 145px; margin: 0px; }
.divComponent1ColumnFooter { background: url('../images/template/bgComponent1Footer.gif') no-repeat; width: 232px; height: 14px; background-color:#FFFFFF; }


/* 2 Column Width */
.divComponent2Column { width: 473px; float:left; margin-right: 8px; text-align: left; padding-top: 10px;  }
.divComponent2ColumnHeader  { background: url('../images/template/bgComponent2Header.gif') no-repeat; width: 473px; height: 36px; }
.divComponent2ColumnText   { background-color:#FFF; height: 145px; }
.divComponent2ColumnFooter { background: url('../images/template/bgComponent2Footer.gif') no-repeat; width: 473px; height: 14px; }


/* 3 Column Width */
.divComponent3Column { width: 714px; float:left; padding-top: 10px; }
.divComponent3ColumnHeader  { background: url('../images/template/bgComponent3Header.gif') no-repeat; width: 714px; height: 36px; }
.divComponent3ColumnText { background-color: #FFF; height: 145px; }
.divComponent3ColumnText img { float: right; padding-right: 5px; }
.divComponent3ColumnFooter { float: left; background: url('../images/template/bgComponent3Footer.gif') no-repeat; width: 714px; height: 14px; }


/* 4 Column Width */
.divComponent4Column { width: 955px; float:left; padding-top: 10px; }
.divComponent4ColumnHeader  { background: url('../images/template/bgComponent4Header.gif') no-repeat; width: 955px; height: 36px; }
.divComponent4ColumnText   { float:left; background-color: #FFF; height: auto; width: 955px; }
.divComponent4ColumnText img { float: right; padding-right: 10px; border: 0px; }
.divComponent4ColumnFooter  { float:left; background: url('../images/template/bgComponent4Footer.gif') no-repeat; width: 955px; height: 14px; }

/**********************************************************************************************************************************/

/* Sub Pages */

/* 2 Column Width */
.divComponentSub2ColumnText { background-color: #FFF; height: auto; }
.divComponentSub2ColumnText img { float: right; padding-right: 5px; padding-left: 15px; }

/* 3 Column Width */
.divComponentSub3ColumnText { width: 714px; float: left; background-color: #FFF; height: auto; }
.divComponentSub3ColumnText img { float: right; padding-right: 5px; padding-left: 15px; border: 0px; }

/**********************************************************************************************************************************/

/* 1 Column Width Navigation for Sub Page */
.divComponent1ColumnNav { background-color: #FFF; height: 132px; margin: 0px; padding: 0px; }
.divComponent1ColumnNav ul { display: inline; list-style-type: none; list-style-position: outside; margin: 0px;  }
.divComponent1ColumnNav ul li a { 
	display: block; 
	width: 160px; 
	border-bottom: dotted 1px #999999; 
	text-decoration: none; 
	padding-top: 6px;
	padding-bottom: 6px;
}
.divComponent1ColumnNav ul li a:hover { background-color: #FF9933; color: #FFFFFF; }


/**********************************************************************************************************************************/

/* Events photo gallery */

p.eventsThumbnails { margin: 3px; padding: 0px; clear: both; }
p.eventsThumbnails img { float: left; border: 0px; padding: 2px; margin-left: 5px; margin-bottom: 5px; }


/**********************************************************************************************************************************/

/* Sitemap Columns */

.divSitemapColumnLeft   { float:left; width: 310px; height: 240px; }
.divSitemapColumnMiddle { float:left; width: 310px; height: 240px; margin-left: 10px; }
.divSitemapColumnRight  { float:left; width: 310px; height: 240px; margin-left: 10px; }


/**********************************************************************************************************************************/

/* Footer Region */
#divFooterContainer { width: 976px; padding-top: 10px; padding-bottom: 10px; margin-left: 10px; float: left; font-size: 0.85em;  }
#divFooterContainer p { font-weight: bold; float: left; margin: 0px; padding-top: 0px; padding-right: 15px; border-right: solid 1px #990000; }
#divFooterContainer ul { list-style: none; display: inline; margin: 0px; padding: 0px; }
#divFooterContainer li { display: inline; }
#divFooterContainer ul li  { display : inline; } 
#divFooterContainer a { 
	border-right: solid 1px #990000;
	width: 90px;
	padding: 0px 15px 0px 0px;

}

/**********************************************************************************************************************************/