/*Compass Design layout.css CSS file*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	background-image: url(../images/background_tile.png);
	background-repeat:repeat-x;
}
#wrap {
position: relative;  /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 815px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        padding: 0;
margin-top: -12px;
}

#header {
        position: relative; 
z-index: 10;
	width: 100%; 
	height:285px;
	background-image:url(../images/header.png);
        background-repeat: no-repeat;
	} 
	
#header table {
z-index: 10;
        position:relative;
	top: 225px;
	width:485px;
	height:50px;
	left: 162px;
	} 

#header a {
      padding: 10px;
      color: #fff;
}

#header a:visited{
color: #fff;
}

#contact {
	margin-top: 20%;
	float: right;
	padding-left: 28px;
	font-size:12px;
	}
	
#sidebar {
        position: absolute;
        top: 350px;
        left: 0;
        width: 133px;
	padding: 50px;
 } 

#content60 {float:left;width:60%;overflow:hidden;}
#content80 {
position: relative;
z-index: 0;
        background-image:url(../images/main_content.png);
	background-repeat: repeat-y;
	width: 480px;
	/* top: 285px; */
	margin-left: 133px;
	padding:35px 55px 0 35px;
}
#content100 {float:left;width:100%;overflow:hidden;}

#sidebar-2 {
        top: 350px;
        position: absolute;
	left: 610px;
        padding-left: 50px;
        width: 233px;
} 

#footer {
position: relative; 
	padding: 0; 
        margin: 0;
width: 503px; 
        background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	margin-left: 153px;
border: 0px;
}

#footer table {
        margin-top: 22px;
        border: 0px solid #999;
	} 

.inside {padding:10px; position: relative; z-index: 10; }

/* flash portfolio */
.movie {
	width: 100%;
	height: 100%;
	}
div.movie {
	width: 400px;
	height: 300px;
	text-align: center;
	border: 1px solid #333333;
	margin: 50px auto;
	}

/*Compass Design typography CSS*/

* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}

li,dd { 
margin-left:1em;
}

fieldset { 
padding:.5em; 
}

body {
font-size:76%; 
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
margin:1em 0;
}

#wrap{
border:0px solid #999;
}

#header{
border-bottom: 0px solid #999;
}

#footer{
border: 0px solid #999;
}


a{
text-decoration:none;
color: #996666;
}
a:hover{
text-decoration:underline;
}



h1,.componentheading{
font-size:1.7em;
}
h2,.contentheading{
font-size:1.5em;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.moduletable{
z-index: 10; position: relative; 
margin-bottom:1em;
padding:0 5px; /*padding for inside text border:1px #CCC solid;*/
}
.moduletable h3{
/* background:#666;
color:#fff; */
color: #996666;
padding:0.25em 0;
text-align:left;
font-size:1.1em;
margin:0 -20px 0.5em -10px;
/*negative padding to pull h3 back out from .moduletable padding*/ }

/*Compass Design typography CSS*/
.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff; 
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
/* border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0; 
background-color: #2586d7; */
border: 0;
background-color: #fff;
/* color: #fff; */
color: #996666
}

/****************** Dropdown Menu styling starts here **************/
.menusan
{
 /* use these params to positions your menu */
 position: relative;
top: 225px;
width:485px;
height:65px;
left: 162px;
z-index: 10;

}

.menusan ul li {
 background:none;
}
 
.menusan, .menusan li, .menusan li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menusan li a {
 display: block;
 width: 7em;
 /*color:#FFFFFF;
  border:2px solid #BC031F; */
 text-decoration:none;
}
 
.menusan li { /* all list items */
 float: left;
 width: 7em; /* width needed or else Opera goes nuts */
 /* border-bottom:1px solid #ccc; */
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 width: 9.5em;
 background-color: #996666;
 padding:3px 0 0 5px;
 top: 35px;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}
 
.menusan li a:hover {
 /* border:2px solid #8C7AD6; */ 
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 left: auto; /* change is to 10px, 20px, etc for indenting the sub menue */
}
/* **************** Dropdown Menu styling end here ***************/


/* default Joomla styles */
div.componentheading {}
div.contentpane {
      
}
div.contentdescription {}
td.sectiontablefooter {}
td.sectiontableheader {}
a.category {}
td.sectiontableentry1 {}
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane {}
td.contentheading {}
form#emailForm {}
input#contact_name {}
label#contact_emailmsg {}
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email {}
input.inputbox {}
input.required {}
input.validate-email {}
textarea.inputbox {}
textarea.required {}
button.button {}
button.validate {}
span.hasTip {}
hr#system-readmore {}
form#jForm {}
ul#archive-list {}
div#navigation {}
li.row {}
h4.title {}
h5.metadata {}
span.created-date {}
span.author {}
div.intro {}
div.contentpaneopen_edit {}
table.contentpaneopen {}
a.contentpagetitle {}
td.buttonheading {}
span.small {}
td.createdate {}
td.modifydate {}
a.readon {}
span.article_separator { border: 1px;}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img.calendar {}
input#alt {}
table.blog {}
td.article_column {}
div.blog_more {}
a.blogsection
td.contentdescription {}
span .article_separator {}
td.componentheading {}
form#poll {}
table.pollstableborder {}
th.sectiontableheader {}
td.smalldark {}
span.highlight {}
table.searchintro {}
input#search_searchword {}
/*input#area_{VALUE} {} /* Value is set programatically */
input.button {}
form#login {}
form#josForm {}
label#namemsg {}
input#name {}
label#usernamemsg {}
input#username {}
label#emailmsg {}
input#email {}
label#pwmsg {}
input#password {}
label#pw2msg {}
input#password2 {}
div.message {}
form.josForm {}
label.hasTip {}
input#password1 {}
input.validate-password {}
input#token {}
input#name {}
form#adminForm {}
input#jformtitle {}
input#jformurl {}
textarea#jformdescription {}
table#explain-sql {}
table.Table {}
td.TD {}
div#keepAliveLayer {}
/*input#cb{ROW_NUMBER} {} /* Value is set programatically */
dl.tabs {}
div.pane-sliders {}
div.panel {}
h3.jpane-toggler  {}
h3.title {}
div.jpane-slider  {}
div.content {

}
table.paramlist {}
table.admintable {}
td.paramlist_description {}
td.paramlist_key {}
td.paramlist_value {}
div.toolbar {}
#search {}
input.text_area {}
select.inputbox {}
span.breadcrumbs  {}
span.pathway {}
/*button#trigger_{ID} {} /* Value is set programatically */
div.expander {}
/*input#{NAME} {} /* Value is set programatically */
/*input#{VALUE} {} /* Value is set programatically */
div#overDiv {}
a.tooltip {}
/*form{FORMNAME} {} /* Value is set programatically */
link#luna-tab-style-sheet {}
/*div#{PANEID} {} /* Value is set programatically */
div.tab-page {}
h2.tab {}
div.bannergroup {}
div.bannerheader {}
div.banneritem {}
div.clr {}
div.bannerfooter {}
a.pathway {}
table.moduletable {}
ul.newsfeed {}
ul.latestnews {}
li.latestnews {}
a.latestnews {}
input#mod_login_username {}
input#mod_login_password {}
input#mod_login_remember {}
/*li#{ITEM ID} {} /* Value is set programatically */
span.separator {}
ul#mainlevel {}
ul#sublevel {}
ul.mostread {}
li.mostread {}
a.mostread {}
/*input#voteid{VOTE ID NUMBER} {} /* Value is set programatically */
table.poll {}
ul.relateditems {}
input#mod_search_searchword {}
div.search {}
ul.sections {}