@charset "UTF-8";
/* CSS Document */

/*Miscellaneous*/

html, body {
height: 100%;
}

body {
margin: 0;
padding: 0;
background:url(../images/bodybg.jpg) center top repeat-x #e4f9e0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

#container {
width: 888px;
margin: 0 auto;
}

a, img, a img {
border: none;
}

a {
color: #134c18;
text-decoration:underline;
}

a:hover {
color: #23732c;
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, img, a, div, span, ul, li, ol, hr {
outline: none;
}

.hidden {
display: none;
}

/*Header*/

#header {
float: left;
width: 888px;
height: 156px;
background:url(../images/headerbg.jpg) center bottom no-repeat;
position: relative;
}

h1#logo {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}

h1#logo a {
display: block;
background:url(../images/logo.jpg);
font-size: 0;
text-indent: -9000px;
overflow: hidden;
border: none;
width: 309px;
height: 116px;
}

ul#nav {
width: 870px;
position: absolute;
bottom: 0;
left: 9px;
}

ul#nav, ul#nav li {
float: left;
bottom: 0;
margin: 0;
padding: 0;
list-style:none;
}


ul#nav li a {
display: block;
font-size: 18px;
text-align: center;
color: #fff;
text-decoration:none;
line-height: 40px;
background-position: center top;
background-repeat: no-repeat;
}

ul#nav li a:hover {
background-position: center bottom;
}

#nav-1 {
background:url(../images/nav-1.jpg);
width: 94px;
}

#nav-2 {
background:url(../images/nav-2.jpg);
width: 179px;
}

#nav-3 {
background:url(../images/nav-3.jpg);
width: 160px;
}

#nav-4 {
background:url(../images/nav-4.jpg);
width: 140px;
}

#nav-5 {
background:url(../images/nav-5.jpg);
width: 146px;
}

#nav-6 {
background:url(../images/nav-6.jpg);
width: 151px;
}

#topright {
position: absolute;
text-align: center;
font-style:italic;
color: #124817;
font-size: 18px;
top: 16px;
right: 40px;
}

#comparison {
line-height: 38px;
position: absolute;
background:url(../images/newbutton.jpg) center left no-repeat;
display: block;
padding-left: 46px;
font-size: 14px;
font-style:italic;
color: #124817;
text-decoration:underline;
top: 57px;
right: 15px;
}

#comparison:hover {
color: #23732c;
}

/*Content - General*/

#content-outer {
float: left;
padding: 0 9px;
width: 870px;
background:url(../images/contentbg.jpg) center top repeat-y;
}

#content-inner {
float: left;
width: 840px;
padding: 15px;
background:url(../images/topfade.jpg) center top no-repeat;
}

.threecol-main {
margin: 40px 0;
background:url(../images/threecolborders.gif) center top repeat-y;
padding: 4px 15px 8px;
float: left;
}

.three-single {
float: left;
width: 248px;
}

.three-mid {
padding: 0 33px;
}

/*Home Page*/

.xavierhome {
background: url(../images/xulogo.gif) no-repeat;
background-position: 120px 5px;
}

.uchome {

}

h3.logoside {
width:  100px;
text-align: right;
}

.threecol-home h4 {
margin: 18px 0 0;
}

.threecol-home ul {
margin:0;
padding: 0 0 0 24px;
}

.threecol-home li {
margin: 0;
padding: 0;
line-height: 1.4;
}

.threecol-home li a {
color: #333333;
text-decoration: underline;
}

.threecol-home li a:hover {
text-decoration: none;
}

.threecol-home h4 a:hover {
text-decoration: none;
}

/*Two Column*/

#twocol {
width: 840px;
float: left;
background:url(../images/twocol-divider.gif);
}

#left-main {
float: left;
width: 260px;
padding: 0 20px 0 0;
}

#left-main h3 {
margin: 8px 0 16px;
}

#left-main h4 {
margin: 18px 0 0;
}

#left-main ul {
margin:0;
padding: 0  0 0 12px;
}

#left-main li {
margin: 0;
padding: 0;
line-height: 1.4;
}

#left-main li a {
color: #333333;
text-decoration: underline;
}

#left-main li a:hover {
text-decoration: none;
}

#left-main h4 a:hover {
text-decoration: none;
}

#right-main {
float: left;
width: 560px; 
}

.right-padding {
width: 540px;
padding: 0 0 0 20px;
float: left;
}

.right-padding h2 {
}

.right-full {
width: 560px;
padding: 10px 0 15px;
float: left;
}

.desc-left, .desc-right {
float: left;
}

.desc-left {
width: 278px;
padding-right:20px;
}

.desc-right {
width: 242px;
text-align: center;
}

.desc-right a img {
border: 1px solid #b7b7b7;
display: block;
}

.right-padding ul {
margin: 0;
padding: 0;
list-style: disc;
}

.right-padding li {
margin: 0 0 8px 12px;
padding: 0;
}

div.contact-page {
	padding-left: 50px;
}

div.maint-form {
padding-left: 50px;
}

div.maint-form label, div.maint-form input, div.maint-form textarea {
display: block;
}

div.maint-form label {
font-size: 14px;
}

p.submitted-form {
color: #134c18;
font-weight:bold;
}

input.inptext, div.maint-form textarea {
width: 220px;
height: 16px;
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin: 5px 0 18px;
border: 1px solid #cccccc;
background: #ffffff;
}

div.maint-form textarea {
width: 220px;
height: 140px;
font-size: 12px;
}


/*Fonts - General*/

h2 {
font-family:"Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
margin: 8px 0 16px;
color: #134c18;
}

h3 {
font-size: 18px;
font-weight: normal;
margin: 4px 0 16px;
}

h4 {
font-size: 14px;
font-weight: bold;
}

p {
line-height: 1.3;
margin: 16px 0;
}

/*Comparison Table*/

table#comp-table {
width: 840px;
border-collapse:collapse;
font-size: 11px;
}

#comp-table strong {
font-size: 12px;
}

#comp-table tr.align-left td {
text-align: left;
}

#comp-table td {
text-align:center;
vertical-align:top;
padding: 3px;
border: 1px solid #cccccc;
}


/*Footer*/

#footer {
float: left;
width: 838px;
background:url(../images/footerbg.jpg) center top no-repeat;
padding: 25px;
}

p.footerlinks {
margin: 18px 0 40px 95px;
}

p.footerlinks a {
color: #444444;
margin: 0 10px 0 0;
}

p.copyright {
margin: 0 0 0 95px;
}

p.footerlinks a:hover {
text-decoration: none; 
}