/* Start of CMSMS style sheet 'style' */
* { margin: 0; padding: 0; border: 0; }

body { background: #f5f5f5; font: 11pt Calibri, Arial, sans-serif; color: #333; min-width: 900px; }
a { text-decoration: none; cursor: pointer; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

li { list-style: none; }

.wrap { max-width: 1200px; padding: 0 2em; margin: 0 auto; position: relative; }
.clear { clear: both; }

#header { position: relative; z-index: 1; zoom: 1; }
	#logo { display: block; position: absolute; bottom: -4px; }
	#menu { float: right; padding: 1.5em 0; }
	#menu > div { float: left; margin-left: 0.5em; position: relative; }
	#menu > div > a { display: inline-block; border-radius: 8px 2px; }
	#menu .border { position: absolute; left: 0; top: 2em; width: 14em; padding: 1em 0; }
	#menu .submenu { display: none; padding: 0.5em 0; background: #0097E2 url('gfx/menu.png') repeat-x top; border-radius: 2px 8px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; }
	#menu .submenu   a { display: block; color: #cef; }
	#menu a { padding: 0.5em 1em; font-size: 1.05em; color: #666; text-transform: uppercase; }
	#menu a:hover { color: #fff; }

#banner { background: #0c0c0c url('gfx/banner.png') repeat-x center; border-top: 1px solid #fff; border-bottom: 1px solid white; }
	#banner .wrap { height: 320px; background: url('gfx/backMeters.png') no-repeat center;  }
	#motto { position: absolute; left: 2em; right: 2em; bottom: 2em; padding-left: 400px; color: #fff; text-align: justify; font-size: 1.2em; }
	#meters { display: block; position: absolute; bottom: 0; left: 6em; }
	#banner .header{ display: block; margin-bottom: 1em; max-width: 100%; }
	
#body { padding: 4em 0; }
	#column { position: absolute; top: 0; bottom: 0; width: 360px; background: orange; border-radius: 12px 4px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; color: #fff; }
	#column .header { margin-top: 2em; }
	#column .container { position: relative; height: 100%; overflow: hidden; }
	#column .content { position: absolute; top: 0; padding-top: 80px; padding-bottom: 1em; }
	#column .up, #column .down { position: absolute; left: 0; right: 0; z-index: 10; cursor: pointer; border-radius: 12px 4px; }
	#column .up { top: 0; height: 100px; line-height: 2.5em; background: url('gfx/orangeTop.png') repeat-x; padding: 0 24px; }
	#column .down { bottom: 0; height: 50px; background: url('gfx/orangeBottom.png') repeat-x; }
	#column p { padding: 8px 24px; }	
	#content { padding-left: 400px; min-height: 400px; }
	#content .header { margin: 1.5em 0 2em 0; }
	#content h1 { text-transform: uppercase; font-size: 2em; margin-bottom: 1em; color: #aaa; }
	#content h2 { text-transform: uppercase; font-size: 1.5em; margin-bottom: 1em; color: #666; }		
	#content h3 { text-transform: uppercase; font-size: 1em; margin-bottom: 1em; color: #aaa; }	
	#content p { text-align: justify; line-height: 1.5em; margin-bottom: 1.5em; clear: both}
	#content ul { padding: 1em 0; line-height: 1.5em;  margin-bottom: 1.5em; }
	#content li { padding-left: 68px; background: url(uploads/gfx/li.png) no-repeat 48px 8px; }


#footer { font: 0.9em/3em Calibri; }
	#copyrights { width: 30%; float: left; }
	#pmpmini { vertical-align: middle; margin-right: 0.5em;  }
	#sitemap { width: 52%; float: left; text-align: center; }
	#sitemap a { display: inline-block; padding: 0 0.5em; color: #333; }
	#creator { width: 16%; float: right; text-align: right; }
	#unicore { vertical-align: middle; margin-left: 0.5em; }

	
/* End of 'style' */