body { color: #000066; 
background: #666666; 
}

#main_content
{
  border: #ff0000 solid 0px;
  width: 800px;
  margin: auto;
  background: transparent url(../images/ectbackground.jpg) repeat-y;
}
/* main heading pane at the top of the page */
#header 
{
background: transparent url(../images/ectheader.jpg) no-repeat;
border: #0f0 solid 0px;
padding-left: 210px;
}

/* content pane in the center of the page */
#body {
background-color: transparent;
border: #00f solid 0px;
padding-left: 5px;
margin-left: 210px;
}
	


p {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
}

hr {
  background       : #999999;
  height           : 1px;
  width            : 100%;
}


#searchbox {
  margin-right:5px;
}

/* navigation menu */
#mainlevel-nav {
	margin: 10px; 
	padding: 0px;
	height: 1em;
	width: 100%;
}

#mainlevel-nav li {
	background: transparent;
	padding-left: 0px;
	list-style:none; float: left; 
	margin: 0px; width: 100px; 
	font-size: 10px;
	line-height: 15px;
	white-space: nowrap;
	text-indent: 15px;
}

#mainlevel-nav a { 
	display: block; 
	float: left; 
	text-decoration: none; 
	border-color: #fff #858585 #858585 #fff; 
	background: transparent no-repeat 2px 50%; 
	color: #663300; 
	border-style: solid; border-width: 1px; }

#mainlevel-nav a {
	float: none;
}

#mainlevel-nav a:hover { 
	color: black; 
	background: #fff no-repeat 2px 50%; 
}

/*different setting for newsflash*/
.newsflash td {
	color: white;
	text-align: left;
	vertical-align: middle;
	background: #663300;
}

/*setting for the greetings*/
.mainpage {
	text-align: left;
	color: #663300;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	padding:5px;
	width:552px;
	float: left;
}


/* doesnt work with firefox
.mainpage div{
overflow:auto;
}
*/
.greybg {
  background: black;
}

.title {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	color : #000066;
	margin-left:5px;
}
/*for title or site name*/
.title2 {
	font-family: sans-serif;
   	font-size: 30px;
   	font-weight: bold;
   	text-indent:5px;
   	margin-top:0px;
   	line-height:normal;
   	visibility: hidden;
}

.subtitle {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
	color : #666666;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-left: 20px;
}
/*for the tag-line*/
.subtitle2 {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	color : #FFFF00;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-indent: 60px;
	margin-top:0px;
	line-height:0px;
}

#active_menu {
  background-image: url(http://localhost/joomla/images/M_images/arrow.png);
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 10px;
}



.pollstableborder {
border: 1px solid;
padding: 1px;
}


.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : white;
  line-height      : 14px;
}

table.pollstableborder {
	border: 1px solid #cccccc;
}

.sectiontableheader {
  background-color : black;
  color            : white;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #cccc99;
  color: black;
}
.sectiontableentry2 {
  background-color : #dddddd;
  color: black;
}
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  text-decoration  : none;
  font-weight      : bold;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {
  background       : transparent;
  margin-left	   : 5px;
}

.contentpaneopen {
  border : ridge 0 #000;
  width: 100%;
  padding: 1px;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  text-align       : left;
  margin	   : 0px;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  text-align       : left;
}


.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : black;
  color            : white;
  border           : solid 1px #cccccc;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  background-color : #ffffcc;
  border           : solid 1px #cccccc;
}

.mainpage a:link, a:visited {
	color: #663300;
	text-decoration: none;
}

.mainpage a:hover {
	color: #663300;
	background-color: #fff;
	text-decoration: none;
        border-top: black solid 1px;
        border-bottom: black solid 1px;
}

/*for side by side items */
.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;
}


/* Styles for dhtml tabbed-pages */
.ontab { background-color: white; text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: bold; color: black; border-color: #000 #808080 #d5d5d5 #000; border-style: outset outset solid; border-width: 2px 2px 1px; }
.offtab { background-color : #858585; text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: normal; border-color: #e0e0e0 #e0e0e0 #d5d5d5; border-style: outset outset solid; border-width: 2px 2px 1px; }
.tabpadding {
}

.tabheading {
	background-color: #000;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.code {
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}

/* Javascript Back button */
.back_button {
	text-align: center;
	margin-top: 40px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.contenttoc {
	color: white;
	background-color: black;
	border: solid 1px #333;
}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  background-position: 0px 3px;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	background-color: white;
	color: black;
	font-weight: bold;
}

/* blog */
.blog_more {
	margin-left:5px;
}
.blog_section {
	margin-left:5px;
}
.blog {
	margin-left:5px;
}

.bottommenu {
        margin-left: 220px;
	height:25px;
}

.footer {
	height:50px;
        padding-left: 200px;
        background: transparent url(../images/ectfooter.jpg) no-repeat bottom;
    
}


/* breadcrumb setting*/
.pathway {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #663300;
	height:25px;
        border: #ff0000 solid 0px;
        background-color: transparent;
}

a.pathway:link, a.pathway:visited {
font-weight: normal;
margin-left:5px;
color: #663300;
}

a.pathway:hover {
	color: #f3f3f3;
	font-weight      : normal;
	margin-left:5px;
	text-decoration   : none;
}


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

.headerimage {
	ackground-image:  url(../images/ectheader.jpg);
	ackground-repeat: no-repeat;
	ackground-position: 607px 15px;
	idth:100%;
        eight: 170px;
}

/* top menu location */
.topimage {
 	width: 100%;
	height:25px;
	border: #f00 solid 0px;
}

.sidebarmenu {
	width:190px;
        height: 100%;
	background: transparent;
	float: left;
	padding-top: 5px;
        padding-left: 5px;
	border: #00f dotted 0px;
}

.sidebarmenu a:link, a:visited {
  color: #663300;
  text-decoration: none;
}

.sidebarmenu a:hover {
  color: #663300;
  text-decoration: none;
  border-top: black solid 0px;
  border-bottom: black solid 1px;
  background-color: #ffffcc;
}

.customsidebarcontent {
  margin-top: 25px;
}


#bottom {
width: 100%;
}