/**************************************************************************************
**  
**  MainSite_StyleSheet.css
**  CSS stylesheet for main web site.
**  Adrian Johnson, Integrity Systems (UK).
**
**  v1.0    - 02.02.09  - First version.
**
**************************************************************************************/


/*	Page structure.
**************************************************************************************/

body
{
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: small;
	height: 100%;
}

#pagewrapper
{
	background-color: #fff;
	display: block;
	width: 980px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.clear
{
	clear: both;
}

img
{
	border: 0;
}

.important
{
	color: #ad0303;
	font-weight: bold;
}


/*	Header.
**************************************************************************************/

#pageheader
{
	background-color: #ccc;
	padding: 5px;
	height: 60px;
}

#pageheaderlogo
{
	background: transparent;
	width: 150px;
	padding: 5px 10px 0 0;
	float: right;
}


/*	Main navigation.
**************************************************************************************/

/* Begin CSS Drop Down Menu */

/* http://sperling.com/examples/menuh/ */

#menuh-container
{
	background: transparent;
	float: left;
	margin-top: 20px;
}

#menuh-container, #menucz-container
	{
		/*position: absolute;
		top: 115px;*/
	/*left: 1em;*/
	/*top: 125px;*/
	left: -1px;
	/*margin-top: -30px;*/
	}
	
html>body #menuh-container
{
	/*margin-top: -3px;
	margin-bottom: 10px;*/
}

#menuh, #menucz
	{
	/*font-size: x-small;*/
	font-size: 12px;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	margin: 0 0 0 0;
	/*margin-top: 1em;*/
	}
		
#menuh a
	{
	/*text-align: center;*/
	display:block;
	/*border: 1px solid #fff;*/
	white-space:nowrap;
	margin:0;
	padding: 0.5em 0.5em;
	}
	
#menucz a
	{
	/*text-align: center;*/
	display:block;
	border: 1px solid #fff;
	white-space:nowrap;
	margin:0;
	padding: 0.5em 0.5em;
	}

#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #111;
	/*background-color: #666;*/
	background-color: #ccc;
	text-decoration:none;
	font-weight: bold;
	}

#menucz a:link, #menucz a:visited, #menucz a:active
{
	color: #fff;
	background-color: #666;
	text-decoration:none;
	height: 30px;
	}
	
#menuh a:hover, #menucz a:hover	/* menu at mouse-over  */
	{
	color: #fff;
	background-color: #ad0303;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover, #menucz a.top_parent, #menucz a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover, #menucz a.parent, #menucz a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:9em;	/* width of all menu boxes */
	width: 130px;
	}
	
#menucz ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	/*width:9em;	/* width of all menu boxes */
	width: 110px;
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menucz li
	{
		display: block;
	position:relative;
    /*min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
    height: 30px;
	}

#menuh ul ul, #menucz ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	/*width: 135px;*/
	}

#menuh ul ul ul, #menucz ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */


/*	Main page content.
**************************************************************************************/

#maincontent 
{
	background: transparent;
	padding: 5px;
}

#maincontent .col300 
{
	float: left;
	width: 300px;
	padding: 5px;
}

#maincontent .col600 
{
	float: left;
	width: 600px;
	padding: 5px;
}

#maincontent .col400 
{
	float: left;
	width: 400px;
	padding: 5px;
}

#maincontent .col550 
{
	float: left;
	width: 550px;
	padding: 5px;
}

#maincontent .col150 
{
	float: left;
	width: 150px;
	padding: 5px;
}

#maincontent h1 
{
	color: #111;
	font-weight: normal;
	font-size: x-large;
}

#maincontent h2 
{
	color: #111;
	font-weight: bold;
	font-size: large;
}

#maincontent h3 
{
	color: #111;
	font-weight: normal;
	font-size: large;
}

#maincontent p 
{
	color: #111;
	font-size: small;
}

#maincontent a 
{
	color: #000080;
	font-weight: bold;
	text-decoration: none;
}

#maincontent a:hover 
{
	color: #ad0303;
	font-weight: bold;
	text-decoration: underline;
}

.quote
{
	background-color: #f1f0f6;
	margin: 5px 15px;
	padding: 5px 15px;
}

.quote p
{
	text-align: left;
	font-size: small;
}

.quote .ref
{
	font-size: x-small;
	font-style: italic;
}


/*	Page title.
**************************************************************************************/

#pagetitle 
{
	margin: 0;
	padding: 0;
	height: 315px;
	border-bottom: solid 1px #ccc;
}

#pagetitle img
{
	padding-right: 10px;
}

#pagetitle .colleft
{
	margin: 0;
	padding: 10px 10px 10px 0;
	float: left;
	width: 550px;
}

#pagetitle .colright
{
	margin: 0;
	padding: 10px 0 10px 5px;
	float: right;
	width: 405px;
}


/*	Footer.
**************************************************************************************/

#pagefooter 
{
	clear: both;
	background-color: #ad0303;
	margin: 0;
	padding: 0;
	height: 60px;
}

#pagefooter p 
{
	color: #fff;
	font-size: x-small;
}

#pagefooter .col 
{
	float: left;
	width: 310px;
	padding: 5px 0 0 5px;
}

#pagefooter a 
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#pagefooter a:hover 
{
	color: #ffff00;
	font-weight: bold;
	text-decoration: underline;
}


/*	Rounded boxes.
**************************************************************************************/

.xsnazzy h1, .xsnazzy h2 {margin:0 10px; letter-spacing:1px;}
.xsnazzy p {margin: 10px 10px 0 10px;}
.xsnazzy h1 {color:#111;font-weight: normal;font-size:x-large;}
.xsnazzy h2 {color:#111;font-weight:bold;font-size:x-large; border:0;}
/*.xsnazzy p {padding-bottom:0.5em;}*/
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy a {color:#111; text-decoration: none; font-weight: bold;}
.xsnazzy a:hover {color: #ffff00; text-decoration: underline;}
.xsnazzy {background: transparent; margin:0.5em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xg1, .xg2, .xg3, .xg4 {display:block; overflow:hidden;}
.xg1, .xg2, .xg3 {height:1px;}
.xg2, .xg3, .xg4 {background:#efefef; border-left:1px solid #efefef; border-right:1px solid #efefef;}
.xg1 {margin:0 5px; background:#efefef;}
.xg2 {margin:0 3px; border-width:0 2px;}
.xg3 {margin:0 2px;}
.xg4 {height:2px; margin:0 1px;}

.xgcontent {display:block; background:#efefef; border:0 solid #efefef; border-width:0 1px;color: #111;}
.xgcontent a:link, .xgcontent a:visited {line-height:1.5em; padding: 2px; color:#000080; text-decoration: none; font-weight: bold;}
.xgcontent a:hover {color: #ad0303;}


/* Tables.
*******************************************************************************/

thead th, tfoot th, tfoot td {
 border-right: 1px solid #fff;
 padding-left: 5px;
 font-variant: small-caps;
 color: #fff;
 background: #c00000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
}

tfoot th, tfoot td {
 border-top: #00A854;
}

.odd {
 background: #f1f0f6;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
}

.even {
 background: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 font-weight: normal;
}