@charset "utf-8";
/* CSS Document */
/* Author: InBusiness */
/* Layout-specific stylesheet 

Tips & Tricks:
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
- If you use margin inside a float remember to set it to display:inline; as IE will make ugly spaces unless, use padding if you can then you wont need the display:inline;.
- If you float content to the left, clear it by setting the wrapper div to overflow:hidden; remember to set the width of the div and clear anything under the floats that are within.
- Always define the body background, margin, and styles that you dont want affecting TinyMCE editor in master.css body {}
- The logo image has a transparent image to click on, set the wanted with of the logo img in master.css
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Body
---------------------------------------- */
body {
	margin:0;
	background:#FFF;
}
.uppercase
{
    text-transform: uppercase;
}
.lowercase
{
    text-transform: lowercase;
}
/* Container
---------------------------------------- */
#container {
	min-width: 1180px;
	margin:0 auto;
	overflow:hidden;
	background:#FFF;
	float: left;
}

/* Header
---------------------------------------- */
#header {
	height:auto;
	background:#FFF;
}
/* Header - Logo
---------------------------------------- */
#header .logo {
	height:84px;
	overflow:hidden;
	background:#FFF;
}
#header .logo img {
	width:auto;
	height: 60px;
	padding-left: 18px;
	border:none;
}
#topright {
    background: url("../gfx/earth_top.gif") no-repeat scroll right center transparent;
    height: 84px;
    width: 610px;
    z-index: 99;
}

/* Header - Slideshow
---------------------------------------- */
#header .slideShow {
	height:150px;
	overflow:hidden;
}
#header .slideShow img {
	height:150px;
}
/* Header - Top Menu (navigation.css for more)
---------------------------------------- */
#header .topMenu {
	height:30px;
	overflow:hidden;
	color: white;
	font-weight: bold;
	background:#2f4c8e;
	border-top: 2px solid #abc4ec;
	border-bottom: 2px solid #abc4ec;
}

/* Left
---------------------------------------- */
#left {
	width:200px;
	float:left;
	background: #CFC;
}
/* Left Menu (navigation.css for more)
---------------------------------------- */
#left .leftMenu {
	width:180px;
	padding:10px
}

/* Main Content
---------------------------------------- */
#mainContent {
	min-width:960px;
	padding:15px;
	float:left;
	min-height: 400px;
	background:#FFF;
}
#exportForm {
	width: auto;
	float: right;
	position: absolute;
	top: 200px;
	left: 615px;
	text-align: center;
}
/* Main Content
---------------------------------------- */
#article {
	max-width:910px;
	padding:15px;
	float:left;
	min-height: 400px;
	background:#FFF;
}
/* Right
---------------------------------------- */
#right {
	width:200px;
	height: auto;
	float:right;
	background: #EEEEEF;
	z-index: 99;
	border: 2px solid #D7D7D7;
}
/* Footer
---------------------------------------- */
#footer {
	height:30px;
	line-height:30px;
	margin:0 auto;
	clear:left;
	background:#9CF;
}

/* Credits
---------------------------------------- */
#credits {
	/*margin:0 auto;*/
	height:20px;
	min-width:1180px;
	text-align:right;
	padding:5px;
	background:#CCC;
	font-size:0.92em;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	float: left;
}
/* Classes
----------------------------------------- */
.loginTitle {
	position: relative;
	top: -10px;
	left: -10px;
	width:200px;
	height:30px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000;
	text-align: center;
	background:#9CF;
}
.loginForm {
	width: 200px;
	padding: 10px;
}