.search { display: block; background:url(images/search.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:13px; float:left;   } 
.psearch {display: block;  margin-bottom: 10px;  background:url(images/prop.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:20px; float:left; margin-left:25px;  } 
.why { display: block; margin-bottom: 10px; background:url(images/why.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:25px; float:left;  } 
.host { display: block; margin-bottom: 10px; background:url(images/host.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:25px; float:left;   } 
.design { display: block; margin-bottom: 10px; background:url(images/design.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:25px; float:left;   } 
.demo { display: block; margin-bottom: 10px; background:url(images/demo.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:25px; float:left;   } 
.unleash { display: block; margin-bottom: 10px; background:url(images/unlock.gif) no-repeat left; border: solid 1px #dfdfdf; color:white; font-size: 11px; text-transform: uppercase; width: 140px; text-indent:25px; float:left;   } 
#outer { margin:25px; }

#headtext { padding-top: 94px; text-align:right; }
#headtext div.module { height: 35px; line-height:35px; padding-right: 5px; color:white; font-family:Arial, Helvetica, sans-serif; font-size:18px; letter-spacing:-1px; color:white; font-weight:bold; }
#mheader1 { background:url(images/header1.jpg) no-repeat; height: 129px; }
#mheader3, #mheader4 { background:url(images/header3.jpg) no-repeat; height: 129px; }
#mheader5 { background:url(images/header5.jpg) no-repeat; height: 129px; }
#mheader6 { background:url(images/header6.jpg) no-repeat; height: 129px; }
#mheader8, #mheader7 { background:url(images/header7.jpg) no-repeat; height: 129px; }
#mheader16, #mheader9 { background:url(images/header9.jpg) no-repeat; height: 129px; }
#mheader10, #mheader24 { background:url(images/header9.jpg) no-repeat; height: 129px; }
#mheader19 { background:url(images/header19.jpg) no-repeat; height: 129px; }
#mheader28, #mheader14, #mheader11, #mheader20, #mheader12 { background:url(images/header20.jpg) no-repeat; height: 129px; }
#mheader21 { background:url(images/header21.jpg) no-repeat; height: 129px; }
#mheader22 { background:url(images/header22.jpg) no-repeat; height: 129px; }
#mheader23 { background:url(images/header23.jpg) no-repeat; height: 129px; }
#mheader18 { background:url(images/header18.jpg) no-repeat; height: 129px; }
/* CSS Document */


.clr {
	clear: both;
}




ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}



table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/
.back_button  a:link  { color:white; text-decoration:none;  }
.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
   color: #fff;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #000;
  width: auto;
  background: url(images/button.gif) repeat-x;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
  margin-bottom: 10px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
padding-bottom: 10px;
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

LABEL { text-align:left; }
td {
	text-align: left;
	font-size: 11px;
}


#page { background:url(images/bg.jpg) repeat-x top; text-align: center;}
#container { width: 779px; text-align: left; }
#header { height:119px; background:url(images/slogan.gif) no-repeat right; }
#menu { height: 40px; }
#path { height:31px; }
#pathway { float:left; width: 80%; font-size: 10px; padding-top: 0px; }
a.pathway:link,a.pathway:visited { font-size:10px; font-weight: normal; line-height: 31px; color:black; font-weight:normal; text-decoration:none;  }
#flags { float:right; width: 20%; text-align:right; }
#leftcol { float:left; width: 190px; }
#maincol { margin-left: 190px; }
#outcontent{ background:url(images/bodybg.gif) repeat-y left; }
#outcontent-noleft { background:white;  }
#bot { background:url(images/bot.jpg) no-repeat; height:37px; line-height: 37px; color:white; font-size:10px; text-align:center; }
#bot table td { text-align:center; line-height: 37px; font-size: 10px; color:white;}
#bot a { color:white; font-size:10px; text-transform:lowercase; font-weight:normal; padding: 01px 0px; text-decoration:none; }
#foot { text-align:center; line-height:24px; color:#454646; font-size:10px; }

#bbody { padding:20px; width: auto!important; width: 100%; }
#leftcol div.module h3 { background:#e67a06; color:white; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; line-height:  27px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; line-height:100%; }
#leftcol div.module { padding-left: 0px; padding-right: 0px; background: #f9902a; color: white; margin-bottom: 5px; }
#leftcol div.module table td { padding:0px 10px; }
#leftcol .button { border: 0px; color:#e67a06; background:white; }
#leftcol a { color:white; display: block; padding: 5px 0px; text-decoration:none; }
#leftcol a:hover { color:#ebebeb; }
#leftcol div.moduledark h3 {  background:#000; color:white; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:500; line-height:  27px;  padding-left: 10px; padding-bottom: 5px; padding-top: 5px;  line-height:100%;}
#leftcol div.moduledark { padding-left: 0px; padding-right: 0px; background: #454545; color: white; margin-bottom: 5px; }
#leftcol div.moduledark IMG {margin-left: 10px;  }
#leftcol div.moduledark table td { padding:0px 10px; }
a.readon { float:right;  background: url(images/button.gif) repeat-x; color: white; font-size:10px; text-decoration:none; padding: 0px 5px;}
a.readon:link, a.readon:visited { color:white; text-decoration:none; }
legend {
  padding: 0.2em 0.5em;
  border:1px solid #666;
  color:#fff;
  font-size:100%;
  text-align:right;
  background:#ed8719;
  }
  fieldset {
  padding: 1em;
 border:1px solid #666666;
 background:#f9f9f9;

  }
  label {
  float:left;
  width:45%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
#leftcol p { padding:0px 10px; }
#floatRight {
	float: right;
	margin-left: 5px;
}
H3, H1
{	font: bold 140% Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 1.1em;
	padding-bottom: 10px;
}

body {
	margin: 0px;
	height: 100%;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	line-height: 140%;
	font-size: 12px;
	color: #333333;
	background: #ffffff;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #ff8c00; text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #ff8c00;	text-decoration: none;
	font-weight: normal;
}
.why a:link, .unleash a:link, .demo a:link { font-weight:normal; }
table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #fff;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #000;
  width: auto;
  background: url(images/button.gif) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	margin-bottom: 2px;
}

.componentheading {
	height: 30px;
	background: url(images/oarrow.gif) no-repeat 0px 3px;
	padding-left: 15px;
	color: #ea7e0b;
	font-weight: 500;
	font-size: 18px;

}

.contentcolumn {
	padding-right: 5px;
}

H2, .contentheading {

	background: url(images/oarrow.gif) no-repeat 0px 8px;
	padding-left: 18px;
	color: #ea7e0b;
	font-weight: 500;
	line-height:110%;
	font-size: 22px;
	padding-bottom: 10px;
	margin:0;
	
	
}



.contentpagetitle {
	font-size: 18px;
	font-weight: 500;
	color: #cccccc;
	text-align:left;
}
a.contentpagetitle:link,a.contentpagetitle:visited { font-weight:500; text-decoration:none; }
table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	
}

a.mainlevel:hover {
	
}

a.mainlevel#active_menu {
	
}

a.mainlevel#active_menu:hover {
	
}

a.sublevel:link, a.sublevel:visited {
	
}

a.sublevel:hover {
	
}

a.sublevel#active_menu {
	
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 10px;
}