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

	Title: Website
	Author: XHTMLized
	Date: October 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Secondary content
			3.5 Sidebar
			3.6 Footer
		
	4. LAYOUT ELEMENTS

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


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: left;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {
	/* text-transform: uppercase; */
	font-size: 14px;
	color: #fff;
}
	h2 strong {
		font-weight: 400;
		font-size: 26px;
	}

h3 {}

h4 {}

p  {
	padding-bottom: 10px;
	line-height: 21px;
	font-size: 14px;
	color: #ebeef3;
}

	p.green-big {
		line-height: 22px;
		font-size: 16px;
		font-weight: normal;
		color: #CAFF2A;
	}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
	
}

a:visited {}

a:hover {
	
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */

#container {
	margin: 0 auto;
	width: 1024px;
	background: #00206d url(../images/bg_big_image.jpg) no-repeat center top;
}

	#wrapper {
		width: 100%;
		/* background: url(../images/patern_cross_small.png) repeat left top; */
	}

	#header {
		position: relative;
		height: 112px;
	}
		
		#header #header-flash {
			margin-left: -5px;
			width: 800px;
			height: 112px;
		}
		
			#flash h1 a {
				position: relative;
				overflow: hidden;
				display: block;
				padding: 24px 0 0 5px;
				width: 315px;
				height: 88px;
				text-decoration: none;
			}
			
				#flash h1 strong {
					display: block;
					padding: 27px 0 0 125px;
					width: 190px;
					height: 48px;
					letter-spacing: .001em;
					font-style: italic !important;
					font-weight: 700 !important;
					font: 18px/18px Verdana, Arial, Helvetica, sans-serif;
					color: #009d62;
					background: #fff;
				}
				
					#flash h1 strong em {
						color: #a6a8ab;
					}
			
				#flash h1 a span {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url(../images/logo.png) no-repeat left top;
				}
				
			#flash ul {
				margin-top: 24px;
				padding-left: 10px;
				width: 470px !important;
			}
				
				#flash ul li {
					font-style: italic !important;
					font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
				}
				
					#flash ul li a {
						text-decoration: none;
						color: #fff;
					}
					
						#flash ul li a:hover {
							color: #2d4784;
						}	
	
		p#right-header {
			position: absolute;
			right: 0;
			top: 0;
			width: 70px;
			height: 545px;
			text-align: left;
			text-indent: -9999px;
			background: url(../images/side_bar_text.png) no-repeat right top;
		}
		
		#header h1 {
			float: left;
			width: 320px;
			height: 112px;
		}
		
		#header ul {
			float: left;
			width: 200px;
		}

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

	#content {
		position: relative;
		padding: 300px 0 20px 0;
		width: 910px;
	}
	
		#top-content {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 10;
			width: 915px;
			height: 285px;
			/* background: url(../images/banner_big_image.jpg) no-repeat left top; */
		}
		
			#top-content ul li {
				float: left;
				padding: 15px 50px 0 50px;
				width: 194px;
				height: 40px;
				text-transform: uppercase;
				line-height: 20px;
				letter-spacing: .01em;
				font-weight: 700 !important;
				font-size: 14px;
				color: #fff;
				border-right: 2px dotted #a8c4ec;
			}

			#top-content ul li a { color: #fff; text-decoration: none; }
			#top-content ul li a:hover { color: #fff; text-decoration: underline; }
			
			#top-content ul li.wide {
				padding-right: 40px;
				width: 282px;
			}
			
			#top-content ul li.last {
				padding-right: 0;
				width: 187px;
				border-right: none;
			}
	
		#content h2 {
			font-size: 27px;
			position: absolute;
			left: 0;
			top: 250px;
			z-index: 20;
			margin-bottom: 17px;
			padding-left: 19px;
			width: 353px;
			height: 33px;
			line-height: 33px;
			text-align: left;
			color: #A5D726;
			/* background: #5ac333 url(../images/bg_header_content.gif) no-repeat left top; */
		}
	
		#main-content {
			padding-bottom: 20px;
			width: 910px;
			background: url(../images/bg_overlay.png) repeat left top;
		}
		
			#left-content {
				float: left;
				padding: 10px 20px;
				width: 415px;
			}
			
				#left-content ul, #right-content ul {
					margin: 0px 10px;
				}
				
					#left-content ul li, #right-content ul li {
						line-height: 17px;
						font-size: 12px;
						color: #a3d923;
						margin-bottom: 12px;
					}
			
			#right-content {
				float: right;
				padding: 10px 5px 10px 20px;
				width: 430px;
			}

/* 3.4	Secondary content
-----------------------------------------------------------------------------------------------*/	


/* 3.5	Sidebar
-----------------------------------------------------------------------------------------------*/	


/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/	












/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* MISC STYLES -------------- */

#main-content h3 { color: #fff; font-size: 22px; margin: 10px 0 10px 0; font-weight: bold; }
#main-content h4 { color: #fff; font-size: 19px; margin: 15px 0 0 0 }
#main-content a, #credit a { color: #CAFF2A }
#main-content a:hover, #credit a:hover { color: #fff }

p.tech-head { margin: 10px 0 -10px 51px; padding: 0; }
p.tech-head span { background-color: #eee; color: #007146; font-size: 10px; margin: 0; padding: 0 6px; }

table#chart { collapse-borders: true; margin-bottom: 10px; }
table#chart td { color: #fff; padding: 6px 3px; border-bottom: 1px solid #888; border-left: 1px dotted #888; }
table#chart td.col-1 { font-weight: bold; font-size: 11px; }
table#chart tr.top { background-color: #fff }
table#chart tr.top td { color: #000; text-align: center; vertical-align: middle; }

#credit { float: right; padding: 10px; }