* {
margin:0;
padding:0;
}
body { background-color: #fff; text-align:center; vertical-align: middle; /*center hack*/
}
#header{ background-image: url(../images/headbck.jpg); background-repeat: repeat-x; position: relative; width: 778px; height: 158px; margin: 0 auto; padding: 0; }
#header img.logo{width:171px; height:76px; position:absolute; top:33px; left:43px; border:0}

#topMenuPan{ background-color: #b1d6f1; width:778px; height:16px; position:relative; top: 0; left:0; margin: 0 auto; padding: 0; }
#topMenuLeftPan{ width:69px; height:16px; float:left; }
#topMenuMiddlePan{width:544px; height:16px; float:left;}
#topMenuRightPan{width:70px; height:16px; float:left;}

#sidebar { background-color: #fff; width: 20%; float:left; overflow:hidden; }
#wrap { background-color: #fff; background-image: url(../images/bckgrndwrap.jpg); background-repeat: no-repeat; text-align: left; width:778px; position:relative; margin:0 auto; padding-top: 0; }

#content60 { background-color: #fff; width:60%; overflow:hidden; float: left; }
#content80 { background-color: #efeaff; background-image: url(../images/bckgrndwrap.jpg); position: relative; top: 0; left: 0; width: 378px; height: 400px; overflow:hidden; float: left; max-height: 400px; margin-top: 0; padding-top: 0; }
#content100 { background-color: #b1d6f1; background-image: url(../images/bckgrndwrap.jpg); width: 778px; height: 400px; float: left; max-height: 400px; margin-top: 0; padding-top: 0; }
#sidebar-2 { background-color: #fff; position: relative; top: 0; left: 0; width: 400px; height: 400px; float:right; margin-top: 0; padding-top: 0; }
#footer { color:#a0a0a4; font-size: 0.8em; line-height: normal; clear:both; text-align:center; }
#footerPan{ width:778px; position:relative; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #b1d6f1; }
#inside2 { width: 760px; min-width: 760px; /*center hack*/
}
.inside { padding:0 0 5px; }


#divbody { background-image: url(../images/0.jpg); background-repeat: no-repeat; }
#gallery { background-image: url(../images/0.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 400px; height: 400px; float: left; }
#gallery ul { list-style:none; padding:0; margin:0; width:50px; float:left; }
#gallery ul li { display:inline; width:50px; height:50px; float:left; margin:0; }
#gallery a { display:block; width:50px; height:50px; text-decoration:none; z-index: 2; border:0; }
#gallery ul li a { display:block; width:50px; height:50px; text-decoration:none; position: relative; z-index: 2; border:0; }
#gallery a img { top: 0; left: 0; display:block; width:50px; height:50px; z-index: 2; border:0; }
#gallery ul li a img { position: relative; left: 0; display:block; width:50px; height:50px; z-index: 2; border:0; }
#gallery ul li a:hover { display:block; width:50px; height:50px; z-index: 2; border:0; }
#gallery ul li a:hover img { position: relative; top: 0; left: 0; z-index: -1; float: left; border:0; }
#gallery a:hover { position: absolute; top: 0; left: 0; display:block; width:50px; height:50px; float: left; border:0; }
#gallery a:hover img { position: absolute; top: 0; left: 0; width: 400px; height: 400px; z-index: -1; float: left; border:0; }

/*Compass Design typography CSS*/
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; }

a { color: #2c6ed5;
     font-family: Verdana, Sans-serif;
     line-height: 10pt;
     }
 
 a:link, a:visited, a:active { font-family: Verdana, Sans-serif; font-size: 8pt; font-weight: bold; font-style: normal; color: #2c6ed5; line-height: 11pt; text-decoration: none; }
 
   a:hover { font-size: 8pt; line-height: 11pt; font-family: Verdana, Sans-serif; font-weight: bold; color: #ccf; font-style: oblique; }

h1,.componentheading{ font-family: Verdana, Sans-serif;
     font-weight: bold;
     color: #2c6ed5;
     line-height: 11pt;
     font-size: 8pt;}

h2,.contentheading{ font-family: Verdana, Sans-serif;
     font-weight: bold;
     color: #2c6ed5;
     line-height: 11pt;
     font-size: 8pt;}
h3{ color: #a0a0a4; font-weight: bold; font-style: italic; }
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{ color: #a0a0a4; margin-bottom:1em; }
.moduletable h3{ color:#2c6ed5; padding:0.25em 0; font-size:1.1em; background-image: none;
/*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:#a73f15; color:#fff; padding:0.25em 0; 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 #a73f15;
margin: 0;
}
.moduletablemenu li a{ display: block; padding: 3px 5px 3px 0.5em; }
html>body .moduletablemenu li a { width: auto; border-style: none; border-width: 0; }
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited { color: #fff; } 


/* default Joomla styles */
ul { font-family: Verdana, Sans-serif;
     font-size: 8pt;
     font-weight: normal;
     font-style: normal;
     line-height: 10pt;
     text-decoration: none;
     margin-left: 33px;
     margin-top: 10px;
     }
div.componentheading {}
div.contentpane {  }
div.contentdescription {  }
td.sectiontablefooter {}
td.sectiontableheader {}
a.category { border-style: none; }
td.sectiontableentry1 {  }
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; height: 350px; float: left; max-height: 350px; margin-left: 5px; }
td.contentheading {}
.contentpane_contact { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; background-color: #fe5b5e; position: relative; float: left; clear: left; }
form#emailForm { height: 350px; float: left; max-height: 350px; }
input#contact_name {}
label#contact_emailmsg { color: #2c6ed5; }
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email, div.contact_email-contact { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; text-align: left; position: relative; top: 0; left: 0; float: left; }
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 { max-width: 700px; }
a.contentpagetitle {}
td.buttonheading { border-style: hidden; border-width: 0; outline-style: none; }
span.small {}
td.createdate {}
td.modifydate {}
a.readon {  }
span.article_separator {}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img { border-width: 0; }
img.calendar {}
input#alt {}
table.blog { width: 100%; }
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 a,a:hover,a#active_menu:link,a#active_menu:visited {  }
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 {}

em { font-family: Verdana, Sans-serif;
     font-size: 8pt;
     text-align: left;
     font-weight: bold;
     font-style: normal;
     color: #2c6ed5;
     line-height: 10pt;
     text-decoration: none;
     }

p { font-family: Verdana, Sans-serif;
     font-size: 8pt;
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     font-weight: normal;
     color: rgb(0,0,0);
     line-height: 10pt;
     text-decoration: none;
     }
.menutop { color: #fff; position: absolute; top: 114px; left: 300px; float: right; padding:10px; }
table.moduletable_white a {
color: #fff;
font-size: 8pt;
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     font-weight: normal;
}
table.moduletable_white a:hover { color: #fff; font-size: 8pt; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; font-weight: bold; font-style: italic; }
table.moduletable_white a#active_menu:link,a#active_menu:visited { color: #fff; font-size: 8pt; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; font-weight: bold; }
div.contentpane-contact, table.contentpane-contact { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; position: relative; top: 0; left: 0; float: left; margin-left: 5px; }
div.contentpane-contact2, table.contentpane-contact2 { font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3; background-color: #2c6ed5; position: relative; top: 0; left: 0; float: left; max-height: 350px; margin-left: 5px; }
