/* **************************************************** */
/* New CSS for ILSCIPIO 	 							*/
/* **************************************************** */


/* Global */

body {
	background:#D4DDE9;
}

.corporatename {		/* Highlights corporate name. */
	font:35px arial;
	color:#F40810;
}


/* Header */

.logoheader img {
	margin-top:20px;
	margin-left:5px;
	margin-bottom:5px;
}


/* Transition Menu */

.transmenu {
	background:url('../img/fadetop1.png') no-repeat bottom left;
	height:30px;		/* Based on design layout size. */
	line-height:30px;	/* Based on design layout size. Needed for menu item centering. */
	text-align:right;
}

.transmenu ul {
	list-style:none;	
	margin-right:26px;	/* Based on design layout size. */
	margin-bottom:0px;	/* Fix for IE6 margins breaking out of div and causing large spaces */
	padding:0px;
	/* float:right; 	-> Can't use float:right here due to double-margin problem in IE6 - use text-align instead. */
}

.transmenu ul li{
	display:inline;
	margin-left:1.0em;		/* Spacing between elements */
}

.transmenu a.menutext:link, .transmenu a.menutext:visited, .transmenu a.menutext:active {
	font-size:11px;			/* Note: Do NOT use shorthand font notation here; resets line-height (or such) in Opera! */
	font-family:arial;
	color:#7E838a;
	text-decoration:none;
	font-weight:normal;		/* Force non-bold */
}


/* Main Menu */

.mainmenu {
	background:url('../img/mainmenubg1.png') no-repeat top left; 
	height:31px;		/* Based on design layout size. */
	line-height:31px;	/* Based on design layout size. Needed for menu item centering. */
}

.mainmenu ul {
	list-style:none;
	margin-left:20px;	/* Based on design layout size. */
	margin-bottom:0px;	/* Fix for IE6 margins breaking out of div and causing large spaces */
	padding:0px;
}

.mainmenu ul li {
	display:inline;
	margin-right:1.0em;		/* Spacing between elements */
}

.mainmenu a.menutext:link, .mainmenu a.menutext:visited, .mainmenu a.menutext:active {
	font-size:12px;		/* Note: Do NOT use shorthand font notation here; resets line-height (or such) in Opera! */
	font-family:arial;
	color:#888888;
	text-decoration:none;
	font-weight:bold;
}

.mainmenu a.menuselected:link, .mainmenu a.menuselected:visited, .mainmenu a.menuselected:active {
	font-size:12px;		/* Note: Do NOT use shorthand font notation here; resets line-height (or such) in Opera! */
	font-family:arial;
	color:black;
	text-decoration:none;
	font-weight:bold;
}


/* Body Frame */

.bodyheader {
	height:25px;	/* Based on design layout size. */
	background:url('../img/bodyheader1.png') no-repeat top left; 
}

.bodycontent {
	padding-top:1em;
	background:url('../img/bodycenter1.png') repeat-y top left; 
	font-family:arial;	/* Default font for most content */
}

.bodyfooter {
	background:url('../img/bodyfooter1.png') no-repeat top left; 
	height:42px;		/* Based on design layout size. */
	margin-bottom:42px;	/* Extra space for niceness */
}


/* Body Entries */

/* Body is composed of a series of entries (entry class). These form the primary vertical structure of the page. */

/* Entry container contains all entries and entry dividers (can be placed anywhere; must not affect grid anyway). */
.entrycontainer {
	/* width:689px;		-> Removed fixed-width here, breaks grid. Based on design layout size. */
}

/* Entry wraps a basic content entry. */
.entry {		
	/* border-top:8px solid #fff; 	-> Removed border-based divider; not aligned to images */
	margin-top:1em;
	margin-bottom:1em;
}

/* entry instances *may* also be tagged with one of the following structure specifiers classes: */
.entry.entryfirst {	/* Indicates entry is first in entry container. */
	/* margin-top:-1em;		-> Removed. Broken in IE6 (causes higher section's background to overlap text). */
	margin-top:0em;
}

.entry.entrylast {		/* Indicates entry is last in entry container. */
	/* margin-bottom:-1em; 	-> Not needed. Would be broken in IE6 anyway. */
	margin-bottom:1.5em;
}

/* entrydivider is used to separate actual entries. Not considered an entry itself. 
   Could use an image for the divider instead... Not sure this will look right in earlier browsers. */

.entrydivider hr {	
	background:white;
	color:white;
	margin-left:1px;
	width:689px;		/* Based on design layout size. */
	height:8px;	
	text-align:left;
	border:0px;
}


/* Entry Content Formatting */

/* All Entries */

/* Entry Content 

   Content within entries needs to exist only as the innermost children of the HTML/grid structure. This is because
   padding for alignment can be used only on the innermost dividers if it is to be done without breaking the grid. 
   The entrycontent class designates this content. */

/* contentrow is a container that wraps a row of content within an entry (can be placed anywhere; must not affect grid anyway). 
   It is used to logically group multiple entry content "columns" that should be on the same row. Not required if the content
   spans the whole entry width. */
.entry .contentrow {
}

/* entrycontent indicates actual innermost content within an entry, within the grid. */
.entry .entrycontent {	
}


/* entrycontent Structure Specifiers

   Content tagged with entrycontent *may* also be tagged with at least one of the following specifiers, depending on its intended width
   and whether or not it belongs to a content row:

   contentfirst designates the first entrycontent in a contentrow.
   contentlast designates the last entrycontent in a contentrow.
   contentfull designates an entrycontent spanning the whole entry width. For convenience. Does not require a contentrow (implied), but 
	contentfull must be specified if no contentrow exists. */
   
.entry .contentrow .entrycontent.contentfirst, .entry .entrycontent.contentfull {
	padding-left:19px;		/* Based on design layout size and grid. */
}

.entry .contentrow .entrycontent.contentlast, .entry .entrycontent.contentfull  {
	padding-right:38px;		/* Based on design layout size and grid. */
}

/* Content divider: for future use. */
.entry .contentrow .contentdivider {
}

/* Generic colors and fonts for content */
.entry .entrycontent p {		/* Set all paragraph text color. */
	color:black;
	font-size:12px;
}

.entry .entrycontent p a:link, .entry .entrycontent p a:visited, .entry .entrycontent p a:active {	/* Decorate all paragraph links. */
	color:black;
	text-decoration:underline;
	font-weight:bold;
}


/* Specific Entry Types */

/* News Posts */
.newspost .entrydate {
	font-size:12px;
	margin-bottom:1em;
}

.newspost h1, .newspost .subtitle {
	color:#F40810;
}

.newspost h1 {
	font-size:21px;
	margin-bottom:0em;
}

.newspost .subtitle {
	margin-bottom:1em;
	font-size:12px;
}

.newspost h2 {
	font-size:21px;
	color:black;
	margin-top:1em;
}


/* Input Form Pages */
.formpage .contactform .inputline input , .formpage .contactform textarea {
	font:11px arial;
}

.formpage .contactform label {
	font-size:12px;		/* Needed for IE6-IE7, or else fonts are too big. */
}

.formpage .contactform .inputline input , .formpage .contactform .formblock, 
.formpage .contactform textarea, .formpage .contactform .captchaimgline, .formpage .contactform .captchatextline {
	width:254px;		/* Based on design layout size. */
	padding-left:0px;	/* Must remove text padding, otherwise width is extended and input/textarea no longer align (browser-dependent). */
	padding-right:0px;
}

.formpage .contactform .inputclarifier {
	color:#7E838a;
}

.formpage .contactform .captchaimgline {
	margin-top:1em;
	text-align:center;
}

.formpage .contactform .captchatextline {
	margin-top:0.5em;
	text-align:center;
}
.formpage .contactform .captchatextline input {
	width:50%;
	text-align:center;
}

.formpage .contactform .formsubmit {
	font-family:arial;
	font-size:12px;
	border:1px outset;
	margin-top:1em;
	background:#C3CDDF;
	float:right;
}

.formpage .contactdetails  {
	margin-top:2.15em; 	/* Based on design layout size. No other easy way to align with first input of contact form at the moment. */
}

.formpage .contactdetails h1 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:2em;
}

.formpage .contactdetails h2 {
	font-weight:bold;
	font-size:12px;
}


/* About Info */
.about .aboutheader {
	margin-top:1em;
	margin-bottom:2em;
	color:#504D4A;
	font-weight:bold;
	font-family:arial;
}

.about .aboutheader .introwords {
	font-weight:normal;
}