/* COLOURS
#00703c dark green - headings, borders 
#c4d6c0 mid green - background 
#dfe9dd light green - used on form */

/* ========== STRUCTURE ========== */

* {
border:0;
margin:0;
padding:0;}

body{
margin:0 auto;
width:100%;
color:#000;
background-color:#fff;
font-size:100.1%;
line-height:1.4em;
font-family:Arial, Helvetica, sans-serif;
text-align:center;}

#top-wrapper { 
background-color:#c4d6c0;
height:5em; 
width:100%;
border-bottom:10px solid #00703c;}

#inner-wrapper { 
width:964px; 
margin:0 auto; 
border:1px solid green;}

#main-content {
text-align:left;
font-size:0.9em;
margin:0 auto;
padding:0; 
background-color:#fff;}

/* ========== PAGE HEADER ========== */

#header {
width:100%; 
height:110px;
margin:0 auto;
text-align:left;
background:url(../images/banner.jpg) no-repeat; 
background-color:#fff;}

#header p { 
font-size:1.3em;
color:#00703c;
font-weight:700;
padding:2.5em 50% 0 0; 
margin-left:10px;}

/* ========== FRONT PAGE HEADER ========== */

#index #header {
width:100%;
margin:0 auto;
text-align:left;
height:190px;
background:url(../images/teksol-banner.jpg) no-repeat; 
background-color:#fff;}

#index #header h1 { 
font-size:1.3em;
color:#00703c;
font-weight:700;
padding:2.5em 50% 0 10px;}

#index #header p { 
font-size:1.2em;
color:#404040;
font-weight:700;
padding:4.5em 30% 0 0;}

#index h2 { 
font-size:1.3em;
font-weight:700; }

#index #top-wrapper { 
background-color:#c4d6c0;
height:10em; 
width:100%;
border-bottom:10px solid #00703c;}

/* ===== STANDARD NAVIGATION ===== */

#content a { 
color:#000;
background-color:inherit; 
text-decoration:none;
border-bottom:1px solid #c4d6c0; 
line-height:1.2em;} 

#content a:visited { 
color:#666; 
border-bottom:1px dotted #c4d6c0;
background-color:inherit;}

#content a:hover { 
color:#666;
border-bottom:1px dotted #c4d6c0; 
border-top:1px dotted #c4d6c0; 
background-color:inherit;}

#content a:active {
color:#000;
border-bottom:1px dotted #c4d6c0; 
border-top:1px dotted #c4d6c0; 
background-color:inherit;}

/* ========== MENU ========== */

#menu ul{
list-style-type:none;
padding:0;
margin:0; 
font-size:1em; 
line-height:0.8em;}

#menu li{
float:left;
position:relative;
z-index:100;}

#menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;}

.menu a, .menu :visited {
display:block;
font-size:0.8em;
width:12em;
padding:7px 0;
color:#fff; 
background-color:#00703c;
text-decoration:none; 
border-right:5px solid #fff; 
padding-left:4px;
font-family:verdana, sans-serif;
border-bottom:1px solid #fff;} 

.menu :hover{
color:#000;
background:#c4d6c0;} 

.menu ul ul {
visibility:hidden;
position:absolute;
width:12em;
height:0;}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;}

.menu-heading {
text-align:center; 
font-weight:700;}

.menu-left {
text-align:left;}

li.current-page, 
li.current-page:hover {
color:#00703c ; 
background-color:#dfe9dd ; 
display:block;
font-size:0.8em;
width:12em;
padding:7px 0;
text-decoration:none; 
padding-left:4px;
font-family:verdana, sans-serif;
border-right:5px solid #fff; 
border-bottom:1px solid #fff;}

/* ========== FOOTER ========== */

#footer { 
width:100%;
background-color:#c4d6c0;
border-top:10px solid #00703c; 
margin-top:1em;}

#footer p { 
text-align:center;
font-size:10px;
margin-bottom:0;}

#footer img{
padding: 3px 0 0 5px;
margin:0; }

/* ========== SHORT LEFT AND RIGHT COLUMNS ========== */

.side-bar-left { 
float:left; 
width:14em; 
border-right:1px dotted #ccc; 
margin-right:1em;}

.side-bar-right {
float:right; 
width:14em; 
border-left:1px dotted #ccc; 
margin-left:1em;}

.side-bar-right p,
.side-bar-left p{
padding-top:0;
margin-top:0;}

.side-bar-left.border, 
.side-bar-right.border { 
background-color:#c4d6c0; 
border-top:1px solid #00703c; 
border-right:2px groove #00703c;
border-bottom: 2px groove #00703c;
border-left:1px solid #00703c; 
margin-left:1em; 
padding-left:0; 
padding-top:0.5em; }

/* ========== STANDARD HEADINGS ========== */

h1, h2, h3, h4 {
text-align:left;
color:#00703c;}

h1 {
font-size:1.4em;
padding:1em 0 0.5em 20px;
font-weight:700;}

h2 {
font-size:1.15em;
padding:1em 0 0.5em 20px;
font-weight:600;}

h2.section {
font-size:1.15em;
background-color:#c4d6c0;
color:#00703c; 
width:944px;
padding:5px 0 5px 20px; 
margin-bottom:1em;
font-weight:600;}

h3 { 
font-size:1.0em; 
padding:0 0 0.1em 20px;
font-weight:600;
font-family:Arial,"Sans Serif";}

#faq h3 {
background-color:#c4d6c0;}

h4 { 
font-size:1em; 
padding:0 0 0.5em 20px;
font-weight:600;
font-family:Arial,"Sans Serif";}

/* ========== TEXT ========== */

p { 
padding:0 1em 1em 1em;
margin-left:1em;}

.caption { 
font-size:0.85em;
line-height:1em;
font-style:italic;
margin:0 auto;
font-weight:550;}

.help,
abbr { 
cursor:help;
border-bottom:1px dotted #00703c;}

/* alignments for text */
.align-left {
text-align:left;}

.align-center {
text-align:center;}

.align-right {
margin:0 10px 10px 0; 
text-align:right;}

.align-justify {
text-align:justify;}

.small {
font-size:.8em;}

.quote {
font-size:1.7em; }

.capitalize {
text-transform:capitalize;}

.blockquote {
margin-left:3em; 
width:80%;}

.follow {
color:#00703c;
font-family:"Courier New", Courier, monospace; 
font-size:140%; 
font-weight:700; 
line-height:100%;}

.dotted-line { 
border-top:2px dotted #c4d6c0;
padding:5px 0; 
clear:both;}

/* ===== STANDARD LISTS ===== */
 
ul, ol, dl {
list-style-position:outside; 
margin-left:2em;
padding-left:2em;
padding-bottom:1em;}

dt {
font-family:Arial,Helvetica,sans-serif;
color:#464646;
background-color:inherit;
font-weight:700;} 

dd {
padding-left:1em;
margin-left:1em;}

ul p, 
ol p, 
dl p {
margin-left:0;
padding-bottom:0;} 

.bullet-none { 
list-style-image:none; 
list-style:none; 
list-style-type:none;}

/* ========== CLEAR ========== */

.clear-both {
clear:both;
height:1px;
overflow:hidden;}

.clear-left { 
clear:left;
height:1px;
overflow:hidden;}

.clear-right { 
clear:right;
height:1px;
overflow:hidden;}

/* ========== IMAGES FLOAT ========== */

div.image {
text-align:center; }

.float-left { 
float:left;
margin:0;
padding:1em 2em 0.5em 0.5em;}

.float-right { 
float:right;
margin:1em 0.5em 2em 1em;
padding:0 0 1em 1em; }

.float-center { 
display: block;
margin: 1em auto 2em auto; }

/* ========== END ========== */