﻿html {
    overflow-y: scroll;
}

body {
    text-align: center;
    min-width: 800px;
    color: #777;
    font-size: 13px;
    font-family: Arial;
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 26px;
    margin: 17px 0;
}

h2 {
    color: #555;
    font-size: 20px;
    margin: 16px 0;
}

h3 {
    color: #666;
    font-size: 15px;
    margin: 15px 0;
}

h4 {
    color: #666;
    font-size: 13px;
    margin: 17px 0;
}

p {
    margin: 13px 0;
}

th {
    text-align: left;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/** --------------- Links --------------- **/

a:link, a:visited {
    color: #777;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.YellowLink, a.YellowLink:visited {
    color: #f58a10;
    text-decoration: none;
}

a.YellowLink:hover {
    text-decoration: underline;
}

#DesignedBy a {
    color: #000;
    text-decoration: underline;
}

#DesignedBy a:hover {
    text-decoration: none;
}

/** --------------- Text --------------- **/

.RequiredField {
    color: #ff0000;
}

/** --------------- Top Navigation --------------- **/

#Navigation {
	height: 28px;
    font-weight: bold;
    border: solid #ccc;
    border-width: 1px 0;
}

#Navigation li {
    float: left;
    height: 28px;
}

#Navigation a {
    float: left;
    height: 28px;
    line-height: 29px;
    display: block;
    text-decoration: none;
    color: #f58a10;
    font-size: 17px;
    cursor: pointer;
    padding: 0 25px;
    margin: 0 2px;
}

#Navigation a:hover {
    color: #fff;
    background-color: #f58a10;
}

#Navigation li.current {
	background-color: #f58a10;
}

#Navigation li.current a {
	color: #fff;
}

/** --------------- Layout --------------- **/

#Container {
    text-align: left;
    width: 780px;
    margin: 0 auto;
}

#Content {
    clear: both;
    text-align: justify;
}

/** --------------- Masterpage --------------- **/

#Header {
    height: 125px;
    padding-top: 5px;
}

#Logo {
    float: left;
    width: 235px;
    height: 120px;
    background: url(../../Images/Logo.gif) no-repeat;
}

#Slogan {
    float: right;
    font: bold 19px Arial;
    padding-top: 82px;
    margin: 0;
}

#Footer {
    clear: both;
    height: 2px;
    color: #f58a10;
    border: solid #ccc;
    border-width: 1px 0;
}

#DesignedBy {
    color: #444;
    font-size: 12px;
    padding: 10px;
}

/** --------------- Homepage --------------- **/ 

#HomeLeft, #HomeLeftCticc {
    float: left;
    width: 360px;
    padding-bottom: 15px;
}

#HomeLeft p {
    line-height: 23px;
}

#HomeLeftCticc p {
    line-height: 25px;
}

#HomeRight {
    float: right;
    width: 330px;
    padding-top: 63px;
}

/** --------------- About Us --------------- **/

#AboutLeft {
    float: left;
    width: 375px;
    padding-bottom: 15px;
}

#AboutRight {
    float: right;
    width: 330px;
    padding-top: 63px;
}

/** --------------- Contact Us --------------- **/

#ContactLeft {
    float: left;
    width: 165px;
    padding-bottom: 15px;
}

#ContactRight {
    float: right;
    width: 580px;
    padding-top: 62px;
}

#ContactForm {
    float: left;
    width: 205px;
    background: #ddd;
    padding: 0 0 10px 20px;
    border: solid 1px #aaa;
}

#ContactForm p {
    width: 185px;
}

.EmailButton {
    cursor: pointer;
    width: 70px;
    height: 28px;
    color: #fff;
    background: #f58a10;
    font-size: 15px;
}

#ContactForm div {
    color: #555;
    padding-bottom: 10px;
}

#Map {
    float: right;
}

/** --------------- Services --------------- **/

.Services {
    cursor: pointer;
    width: 70px;
    height: 50px;
    padding: 2px;
    border: solid 2px #fff;
}

.Services img {
    width: 70px;
    height: 50px;
}

#ServicesButtons th {
    width: 10px;
}

#One h2 {
    color: #cc0099;
}

#Two h2 {
    color: #6699cc;
}

#Three h2 {
    color: #99cc00;
}

#Four h2 {
    color: #eedd00;
}

#Five h2 {
    color: #cc0000;
}

#Six h2 {
    color: #9933ff;
}

#Seven h2 {
    color: #ff9900;
}

#Eight h2 {
    color: #000;
}

#Nine h2 {
    color: #cccc88;
}

.Service th {
    width: 50px;
}

.OpenService {
    width: 70px;
    height: 50px;
    padding: 2px;
    border: solid 2px #bbb;
}

/** --------------- 2010 --------------- **/

#FifaLeft {
    float: left;
    width: 280px;
}

#FifaLeft p {
    line-height: 17px;
}

#FifaRight {
    float: right;
    width: 460px;
    padding-top: 21px;
}

#FifaRight ul {
    padding-top: 2px;
}

#FifaRight li {
    float: left;
    cursor: pointer;
    width: 53px;
    height: 50px;
    border: solid 1px #aaa;
    margin: 1px;
}

#FifaRight li img {
    display: block;
    width: 53px;
    height: 50px;
}

#FifaRight div {
    text-align: right;
    font-size: 10px;
    padding-right: 5px;
}

#FifaRight li:hover {
    display: block;
    border: solid 1px #f58a10;
}

/** --------------- Other --------------- **/

.InputTextBox, .InputDropDown, .InputListBox {
	width: 180px;
	color: #333;
	font-family: Arial;
	font-size: 13px;
}

.ImageBorder {
    border: solid 1px #888;
}    
