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,
b, u, i, center,
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-size: 100%;vertical-align: baseline;	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/*=@MAYER GLOBAL RESET COMPLETE-----------------------------------------------------------------------------------*/

/* @TYPOGRAPHY ---------------------------------------------------------------------------- */
	body {font-family: Tahoma, Arial;font-size:76%;color:black; text-align:left}
	div {font-size:1em;}
	img {border:0;}
	
/* @LINKS -------------------------------------------------------------------------------- */
	a, a:link, a:active {text-decoration: none; color:white;}
	a:visited {	}
	a:hover {text-decoration: none;}

/* @HEADINGS--------------------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6 {font-weight: bold; margin:0 0 0.25em 0; padding: 0;}
	h1 {font-size: 1.5em; margin:0.5em 0 0.5em 0;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1em;}
	h6 {font-size: 0.8em;}

/* @TEXT ---------------------------------------------------------------------------------- */
	p {	font-size: 1em;	margin: 0 0 1.5em 0;padding:0;line-height:1.4em;}
	blockquote {border-left: 10px solid #ddd;margin-left: 10px;}
	pre {display:block;overflow:scroll;margin:0 16px 1.5em 16px;padding:2px;font-family:"Courier New", Courier, monospace;font-size: 1em;background-color:#eee;}
	strong, b {	font-weight: bold;}
	em, i {	font-style:italic;}
	code {display: block;font-family: "Courier New", Courier, monospace;font-size: 1em;background-color: #eee;}
    h2 code, p code {display: inline;}
        
 /* @TABLE -------------------------------------------------------------------------------- 
	table {margin:0;border-collapse: collapse;font-size: 1em;}
	table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 0.5em 0;text-align: left;}
	th {padding: 2px;font-weight: bold;text-align: right;text-transform: lowercase;}*/
	td {padding: 2px; font-size: 1em; text-align:left; vertical-align:top}
        
/*--------------------------*/
BODY { line-height: 1; background:#1a284b; color: #999;font-family:Tahoma;}

#wrapper {width:990px;}

#header {width:100%; position:relative}
#header .languages {position:absolute;top:99px;left:990px; }
#header .languages a {font-size:9px;text-decoration:none;color:#656e86;line-height:19px;width:25px;height:19px;display:block;background:#313e5d; text-align:center;margin-top:1px}
#header .languages a:hover {background:#fff;color:#1a284b;}

		
#content {width:100%; background:url(images/wrepper_bg.gif) repeat-y;}

.menu {	width:200px; float:left;}
.menu li { width:200px; border-bottom:1px solid #c7c9d0; background:url(images/nav-bg.gif) repeat-y;}
.menu li a{width:187px; color:#1d2d53;	font:normal 13px/30px "Trebuchet MS"; display:block; padding-left:7px; }
.menu li a:hover {text-decoration:none;	background:#e6e6e6;	}
.menu li a.active{text-decoration:none;	background:#e6e6e6;	}

#content .contentpane{width:475px; float:left;	padding-right:47px; padding-left:20px;}
#content .contentpane h1 {font:normal 18px/25px "Trebuchet MS";	color:#1d2d53;margin-bottom:25px;margin-top:30px;}
#content .contentpane p {font:normal 12px/18px Tahoma; font-family:Tahoma;color:#252525; line-height:18px; text-align:justify;}

#content .rightpane{width:180px; float:left; height:255px; padding:10px 10px 0 10px; background:#e6e6e6;}
#content .rightpane img {margin-bottom:10px;}
#content .rightpane h2.title{font-size:14px; font-weight:bold; margin:0; padding:0}

.redbox{ background:red; color:#fff; width:auto}
.greenbox{ background:green; color:#fff; width:auto}


#footer{width:100%;}
#footer .links{	width:auto; padding:0 0 0 15px; margin:0; display:block; height:20px; background:#fff; clear:both }
#footer .links img{ float:left; display:block; padding:0 12px}
#footer .links a{font-size:9px; color:#8e96a9; display:block; float:left; padding:6px 0 3px 0}
#footer .copyright {width:100%;	background:#1d2d53; clear:both	}
#footer .copyright .copypane {width:645px; float:left; margin:0; padding:0}
#footer .copyright .copypane p{color:#56627E; font-size:9px; line-height:9px;padding:19px 0 22px 22px}
#footer .copyright .proLogo{width:130px; float:right; padding:10px 20px 0 0}

#footerBanner{width:100%; position:relative;}
#footerBanner .bannerpane {width:100%; height:60px; line-height:60px; background:url(images/scrolling_bg_1.gif) repeat-x; }
#footerBanner .rssimg{position:absolute;left:990px;z-index:10; display:none}

/* =TOOLS -------------------------------------------------------------------------------------*/
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear { height:1%; }
/* End hide from IE-mac */
