/* CSS Framework Import */
@import url("framework/core.css");
@import url("framework/plugins/helpers.css");

/*Site specific styles and structure begin here*/

body { 
	margin: 0; 
	background: #b9b9b9 url(../images/bodyBg.jpg) repeat-x; 
}

#wrapper { 
	background: #b9b9b9 url(../images/wrapperBackground.jpg) repeat-x; 
	margin-top: 40px; 
	padding: 14px; 
}

#mainArea { 
	background-color: #fff; 
	border: 1px solid #999; 
}

/* @group Header */
#header { 
	position: relative; 
	padding: 20px; 
}

#logo { 
	margin: 0 0 20px; 
}

#freeDownload { 
	position: absolute;
	top: 20px;
	right: 20px; 
}

/* @end */

/* @group Banner */
#banner .moduletable { 
	margin: 20px 30px; 
	color: #fff; 
	width: 400px; 
}

#banner .moduletable h2 { 
	color: #fff; 
	font-size: 2.2em; 
	line-height: 1em; 
}

#banner #bannerImage { 
	position: absolute; 
	top: -62px; 
	right: 0; 
}

/* @end */

/* @group Top Nav */
#nav { 
	margin-top: -30px;
} 

#nav .moduletable_menu  ul li { 
	 padding: 0;
	 margin: 0;
	 float: left;
}

#nav .moduletable_menu  ul li a { 
	display: block; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	padding: 16px 25px 19px 25px; 
	text-transform: uppercase; 
	font-weight: bold; 
}

/* @end */

#contentArea { 
	padding: 20px;
}

/* @group Sidebar */
#sidebar { 
	float: right;	 
	width: 225px;
}

#sidebar .moduletable_menu ul { 
	 margin: 0;
	 list-style: none;
	 text-align: right;
}

#sidebar .moduletable_menu ul li#current a {
	border: none;	
} 

#sidebar .moduletable_menu ul li a { 
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 1.5em;
	border: 1px #eee solid;
	margin: 1px 0 1px 12px;
	padding: 10px;
}

#sidebar .moduletable_menu ul li#current { 
	display: block; 
	background: url(../images/sidebarMenuOver.jpg) no-repeat; 
}

#sidebar .moduletable_menu ul li#current a { 
	 background-color: transparent;
	 color: #555;
}

#sidebar .moduletable_menu ul li#current a:hover { 
	background: transparent url(../images/sidebarMenuOver.jpg) -12px;
}

/* @end */

/* @group Secondary Layout */

#secondary #nav { 
	margin-top: -30px;
} 

#secondary #nav .moduletable_menu  ul li { 
	 padding: 0;
	 margin: 0;
	 float: left;
}

#secondary #nav .moduletable_menu  ul li a { 
	display: block; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	padding: 16px 25px 19px 25px; 
	text-transform: uppercase; 
	font-weight: bold; 
}

#secondary #content .contentheading, #secondary #content .componentheading, #secondary h2  { 
	 color: #000;
	 font-size: 2.5em;
	 margin: 0;
}

/* @end */

/* @group Checkboxes */
#content ul.blackcheck, #content ul.greencheck, #content ul.orangecheck { 
	list-style: none; 
}

#content ul.blackcheck li, #content ul.greencheck li, #content ul.orangecheck li { 
	 margin: 0 0 10px 0; 
	 padding: 5px 80px;
}

#content ul.blackcheck li { 
	background: url(../images/blackCheck.jpg) no-repeat; 
}

#content ul.greencheck li { 
	background: url(../images/greenCheck.jpg) no-repeat; 
}

#content ul.orangecheck li { 
	background: url(../images/orangeCheck.jpg) no-repeat; 
}

#content ul.blackcheck li span { 
	font-size: 1.5em;
	color: #000;
}

#content ul.greencheck li span { 
	font-size: 1.5em;
	color: #909d79;
}

#content ul.orangecheck li span { 
	font-size: 1.5em;
	color: #ba3f23;
}

/* @end */


/* @group Content / Joomla */

#content { 
	 color: #555;
}

#content.one-column { 
	 
}

#content.two-column { 
	 width: 560px;
}

#content img { 
	border: 5px solid #ccc; 
}

.small, .createdate, .modifydate, .createdby { 
	 font-size: 11px;
	 color: #999;
	 margin: 0;
}

p.articleinfo { 
	 margin: 0;
}

#content .buttonheading a img { 
	 border: none;
	 margin: 0;
	 padding: 5px;
}

#content .buttonheading { 
	float: right; 
}

#content td.buttonheading { 
	float: none;
}

td.article_column { 
	 padding: 20px;
}

#sidebar input#mod_login_username.inputbox, input#mod_login_password.inputbox { 
	 border: 1px solid #d2d9cc;
	 padding: 5px;
	 color: #777;
}

.form-login { 
	 margin: 0;
}

.form-login fieldset { 
	 padding: 0;
}

.sectiontableheader { 
	 background-color: #eee;
	 padding: 5px;
	 border-bottom: 5px solid #ccc;
}

table.contenttoc { 
	 float: right;
	 background-color: #eee;
	 border: 3px solid #ccc;
	 padding: 10px;
}

#content th { 
	border-bottom: 1px solid #ccc;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td { 
	 padding: 10px 5px;
}

tr.sectiontableentry2 { 
	background-color: #eee; 
}

#form-login ul li a { 
	 color: #767972;
}

.form-login p { 
	margin: 0; 
}

#content input { 
	border: #ccc solid 3px;
	padding: 5px;
	font-size: 14px;
	background-color: #eee;
}

#content ul { 
	 margin: 15px 25px;
}

/* @end */

/* @group Pill Box Popups */
.bubbleInfo {
    position: relative;
    width: 130px;
    float: left;
}

.popup {
    position: absolute;
    display: none;
	width: 110px;
	padding: 5px;
	text-align: center;
	line-height: 15px; 
	z-index: 1;
}

.popup p { 
	margin: 0; 
	font-size: 11px;	
}

.popup a { 
	font-style: italic;
}

/* @end */

/* @group Sidebar Modules */
#sidebar .moduletable { 
	padding: 15px;
	margin: 0 0 20px 0;	 
	border: 1px solid #ccc;
}

#sidebar .moduletable h3 { 
	font-weight: bold; 
	border-bottom: 1px solid #999;
	padding: 5px 0;
}

#sidebar .moduletable.green { 
	background-color: #ebf1e3; 
	border: 1px solid #c2cbb2; 
}

#sidebar .moduletable.green a { 
	color: #6f736c;
	text-decoration: none;
}

#sidebar .moduletable.orange { 
	background-color: #ddcec8; 
	border: 1px solid #a78a80; 
}

#sidebar .moduletable.blue { 
	background-color: #ccdfe7; 
	border: 1px solid #10303d; 
}

#sidebar .moduletable_menu { 
	 margin: 0 0 20px;
}

/* @end */

#footer p { 
	color: #555;
	margin: 0 30px 20px; 
	font-size: 11px;
}