body {
margin: 0px auto; padding: 0;
background: url("Images/bg.jpg") #1C82CA top center no-repeat;
font: normal 100% Arial, Helvetica, sans-serif;
min-width:722px;
}

html { margin:0; padding:0;} 

#container {
margin: 0 auto; padding: 0;
width: 722px; 
background-color: #1C82CA; color: #fff;
}

.formBorder {
border: 1px solid #62a9db;
font: normal 100% Verdana, Arial, sans-serif;
padding: 2px;
}

/**************************************************************************************************
Header Styles
**************************************************************************************************/
#header {
margin: 0 auto; padding: 0;
width: 720px; height: 173px;
color: #fff;
background: url("Images/bannerMiddle.png") #88C1F0 no-repeat center;
border-left: 1px solid #134e7a;
border-right: 1px solid #134e7a;
outline: none;
}

#headerTop {
margin: 0; padding: 0;
width: 722px; height: 31px;
background: url("Images/bannerTop.jpg") #7cb7e1 no-repeat center;
}

#language {color: #fff; font-size: 0.7em; float: right;}
#language a {color: #fff; text-decoration: none; font-weight: bold;}
#language a:hover{color: #daebfa; text-decoration: none; font-weight: bold;}

/**************************************************************************************************
Menu Styles
**************************************************************************************************/
#menu {
width: 712px; margin: 0px; height:46px; padding-left: 8px; margin-left: 1px;
background: url(Images/menuBgBar.png) repeat-x bottom;
}

#menuBg {
background: url(Images/menuTop.jpg) no-repeat top;
width: 722px; height: 46px;
padding: 0px;
}

#menu em { display: none; }
#menu ul { width: 100%; float: left; padding: 0; margin: 0; list-style-type: none; }
#menu li { float: left; padding: 0; margin-top: 0; display: inline; font-size: 0.7em; }
#menu li a { display: block; height: 56px; text-decoration: none; padding: 12px 0 0 0; color:#1c82ca; text-align: center; outline: none;}
#menu li a.home { background: url(Images/menuBg.png) no-repeat left top; width: 52px; height: 34px;}
#menu li a.homeActive { background: url(Images/menuBg.png) no-repeat left bottom; width: 52px; height: 34px; color: #fff;}
#menu li a.Link2 { background: url(Images/menuBg120.png) no-repeat left top; width: 120px; height: 34px; }
#menu li a.contact { background: url(Images/menuBg60.png) no-repeat left top; width: 60px; height: 34px;}
#menu li a.contactActive { background: url(Images/menuBg60.png) no-repeat left bottom; width: 60px; height: 34px; color: #fff;}
#menu li a.framework { background: url(Images/menuBg80.png) no-repeat left top; width: 80px; height: 34px; }
#menu li a.frameworkActive { background: url(Images/menuBg80.png) no-repeat left bottom; width: 80px; height: 34px; color: #fff; }
#menu li a.technology { background: url(Images/menuBg100.png) no-repeat left top; width: 100px; height: 34px; }
#menu li a.technologyActive { background: url(Images/menuBg100.png) no-repeat left bottom; width: 100px; height: 34px; color: #fff;}

#menu li a:hover { background-position: left bottom; height: 34px; color: #fff; }

a { outline: none; }

/**************************************************************************************************
Content & Text block Styles
**************************************************************************************************/
#content {
margin:  0 auto; padding: 0;
width: 720px; 
font-size: 0.75em; color: #62a9db; 
background: url("Images/bannerBottom.jpg") #fff no-repeat center top; 
border-left: 1px solid #134e7a;
border-right: 1px solid #134e7a;
float: left;
}

.textBlock {
width: 450px;
margin: 0 auto;
text-align: justify;
color: #62a9db;
margin: 0 0 35px 20px;
}

.textBlockWide {
width: 680px;
margin: 0 auto;
text-align: justify;
color: #62a9db;
margin: 0 0 35px 20px;
}

.surroundingTextDiv {
width: 450px;
background: Transparent repeat-y center top;
float: left;
padding: 35px 0 20px 0;
}

.surroundingTextDivTitle {
width: 700px;
background: Transparent repeat-y center top;
padding: 35px 0 0 0;
}

.surroundingTextDivWide {
width: 680px;
background: Transparent repeat-y center top;
padding: 35px 0 20px 0;
}

.surroundingTextDivWide table { margin-left: 20px; }

.floatRight {
float: right;
clear: right;
margin: 0 0 0 20px;
}

.floatRightPageUp {
float: right;
margin: 20px 20px 20px 20px;
clear: right;
}

.floatLeft {
float: left;
margin: 0 30px 0 10px;
}

.tableCases {margin-left: 20px; margin-top:5px; width:700px;}

/**************************************************************************************************
Title Styles
**************************************************************************************************/
.textTitle {
width: 450px; height: 35px;
padding: 0;
margin: 0 0 10px 0;
color: #62a9db; 
}

.textTitleSmall {
width: 162px; height: 32px;
padding: 0;
margin-bottom: 5px;
}

.textTitle h3 { margin: 0px; padding: 0px; }

h3.swap { height:35px; background-repeat:no-repeat; }
h3.swap span { display:none; visibility: hidden; } 

.textTitleSmall h4 { margin: 0px; padding: 0px; }
h4.swap { height:32px; background-repeat:no-repeat; }
h4.swap span { display:none; visibility: hidden; } 
h4 { font-size: 1.2em;}

.textMargin {margin-bottom: 45px; min-height: 120px;}

td.cases {padding-bottom: 25px; text-align: justify;}
td.cases p {padding-right: 20px;}
table h4{ margin-top: 0px;}
.contact {float: left;}

/**************************************************************************************************
Title Images
**************************************************************************************************/
h3#t-index { background-image:url(Images/t-index.gif); }
h3#t-TDoA { background-image:url(Images/t-TDoA.gif); }
h3#t-RSSI { background-image:url(Images/t-RSSI.gif); }
h3#t-AccessPoint { background-image:url(Images/t-AccessPoint.gif); }
h3#t-Framework1 { background-image:url(Images/t-Framework1.gif); }
h3#t-Framework2 { background-image:url(Images/t-Framework2.gif); }
h3#t-contact { background-image:url(Images/t-Contact.gif); }
h3#t-FrameworkConcept { background-image:url(Images/t-FrameworkConcept.gif); }
h3#t-Cases { background-image:url(Images/t-Cases.gif); }
h3#t-Mission { background-image:url(Images/t-Mission.gif); }
h3#t-OtherTechnologies { background-image:url(Images/t-OtherTechnologies.gif); }
h4#t-News { background-image:url(Images/newsIcon.gif); }
h4#t-AboutperLocus{ background-image:url(Images/aboutIcon.gif); }

/**************************************************************************************************
Sidebar Styles
**************************************************************************************************/
#sidebar {
float: right;
width: 200px;
color: #1c82ca;
padding: 0;
margin-top: 35px;
}

#sidebar a {color: #1c82ca; font-weight:bold; font-size: 0.85em;}
#sidebar a:hover {color: #134e7a; font-size: 0.85em;}
#sidebar p {font-size: 0.80em;}

.sidebarTop {width: 200px; height: 15px; background: url("Images/sidebarCorners.gif") no-repeat top center}
.sidebarContent { width: 180px; background-color: #daebfa; padding: 0px 10px 0px 10px;}
.sidebarBottom { width: 200px; height: 17px; background: url("Images/sidebarCorners.gif") no-repeat bottom center}

/**************************************************************************************************
Footer Styles
**************************************************************************************************/
#footer {
margin: 0 0 25px 0; padding: 0;
width: 722px; height: 50px; 
font-size: 0.6em; color: #134e7a;
background: url("Images/footerBg.gif") #fff no-repeat bottom center;
clear: both;
}

#footerText { margin: 0 10px 0 0; padding: 10px 0 0 0; text-align: right; }
#footerText a { color: #62a9db; text-decoration: none; }
#footerText a:hover { color: #134e7a; text-decoration: none; }

/**************************************************************************************************
Links
**************************************************************************************************/
p a {color: #62a9db; font-weight:bold;}
p a:hover {color: #134e7a;}