@import "reset.css";


/* Generic elements */

body {
 padding: 7px 0;
 background: url(images/bg.gif);
 color: Black;
 font: .76em/1.3em Verdana, Helvetica, sans-serif;
 text-align: center;
}

a,:link,:visited { 
 color: #efa337;
 text-decoration: underline;
} 
a:hover,a.on { 
 color: Black;
 text-decoration: underline !important;
}

p { 
 padding-bottom: 12px; text-align:justify;
}

img.fltr {
 float: right;
 margin: 0 0 10px 10px;
}
img.fltl {
 float: left;
 margin: 0 10px 10px 0;
}

ul.classic {
 list-style: disc;
 padding: .5em 0 .5em 20px; text-align:justify;
}
ul.classic ul {
 list-style: circle;
 padding: .5em 0 .5em 20px; 
}

ul.classic li {
line-height: 140%;margin-bottom:10px
}


ol.classic {
 list-style: decimal;
 padding: .5em 0 .5em 20px;
}


.imgsright {width:200px; float:right;}


.portallogo {float:left;border:0px solid #000}
.portallogo a {color:#ccc;text-decoration:none}

/* Custom paragraphs, links, images */

.highlight {
 color: #fff;
 font-family: Arial, sans-serif;
 font-size: 1.2em;
 font-weight: bold;
 line-height: 150%;text-align:left;
}

div.highlight {
 padding: 0 20px;height:320px;
 background-color: #494a4d;text-align:left;
}

.pageimage {
 float: right;
 margin-bottom: 15px;
 border:1px solid #ccc;
}


.copyprob{color:#FB0808}

/* Headings */

h1,h2,h3,h4,h5,h6 {
 padding-bottom: 10px;
 color: #efa337;
 font-family: arial, sans-serif;
 line-height: normal;
}

h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.4em; font-weight: normal; color:#005baa}
h3 { font-size: 1.2em; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#padder h1 {margin-bottom:10px;}
#padderiwr h1 {margin-bottom:10px;}

#logo {
 padding: 26px 0 15px 43px;
}
#logo img { display: block; }

#logoiwr {
 padding: 15px 0 2px 43px;
}
#logoiwr img { display: block; }




#phone {
 padding: 23px 36px 0 0;
 float: right;font:normal normal 15px arial, sans-serif;
}





/* Main layers */

#container {
 width: 755px;
 margin: 0 auto;
 text-align: left;
 background: url(images/page-shadow.gif) repeat-y;
}

#container .before {
 padding: 0 5px;
 background: url(images/page-shadow.gif) no-repeat;
}

#header {
 border-top: solid 1px #bfbfbf;
 background-color: #f4f4f1;
}

#content {
 padding: 32px 25px 0;
}

.center{text-align:center;margin-top:10px;}

#sidebar { float: left; width: 160px; }
#mainbar { float: left; width: 510px; margin-bottom: 15px; }

#sidebar .wrap {
 padding-left: 8px; 
}


#padder { 
 float:left;
 margin-left: 8px;
 margin-bottom: 32px;
 width: 450px;
}
#padderiwr { 
 float:left;
 margin-left: 8px;
 margin-bottom: 32px;
 width: 670px;
}

.testimonials {text-align:left; font-size: 11px; color: #485d8f;}


/* Welcome box */

#welcome {
 min-height: 227px;
 width: 185px;
}

#welcome p {
 padding-top: .8em;text-align:left;
}

* html #welcome {
 height: 227px;
}



/* Navigation */

#nav {
 float: left;
 width: 715px;
 padding-left: 30px;
 border-top: solid 5px White;
 background: #efa337 url(images/nav-shadow.gif) bottom left no-repeat;
 color: White;
}

#nav li {
 float: left;
 margin-right: 2px;
 padding-bottom: 7px;
}

#nav li a {
 float: left;
 display: block;
 padding: .85em .5em;
 color: White;
 text-decoration: none;
 font-size: 1.1em;
}

#nav li.on {
 background: url(images/nav-shadow-on.gif) bottom left repeat-x;
}

#nav li.on a {
 background-color: #f58b56;
 color: White;
}



/* News */

#news {
 width: 130px;
 line-height: 1.5em;
}
#news li {
 padding-bottom: 25px;
}


/* Footer */

#footer {
 clear: both;
 padding: .7em 6px;
 border-bottom: solid 1px #ccc;
 background-color: #c5c5c5;
 color: #000;
 font-size: .9em;
}

#footer p {
 padding: 0;
}

#tld {
 width: 700px;
 margin: 5px auto 0;
 font-size: .9em;
 text-align: right;
}









/* Form */
form ul {list-style-type:none; width:285px;color:#000; font: 1.0em Verdana, Helvetica, sans-serif; padding: 10px 0 0 0}
form ul li label{overflow: hidden; float:left; position: relative;vertical-align: top;width: 110px;}
input.formbutton{ font: normal normal 12px verdana,sans-serif; color:#000; border: 1px solid #efa337;width:60px;margin-left:0;} 
li.buttons {margin-left:110px;}
input { color:#000; border: 1px solid #efa337;width:170px; font:1.0em Verdana, Helvetica, sans-serif;margin-bottom:15px }
textarea{ width:170px; border: 1px solid #efa337; font: 1.0em Verdana, Helvetica, sans-serif;color:#000;margin-bottom:15px} 
select{ font:14px/normal  Verdana, Georgia, Helvetica;  color:#000; width:270px;margin: 10px 0 15px 0;}