* { margin: 0; padding: 0; }

body {
background-color: #039CD6;
font-size: 62.5%; 
font-family: Arial, Helvetica, sans-serif; 
font-style: normal;
}

a:link {font-weight: normal; text-decoration: none; color: #0099FF;} 
a:active {font-weight: normal; text-decoration: none; color: #0099FF;} 
a:visited {font-weight: normal; text-decoration: none; color: #0099FF;} 
a:hover {font-weight: normal; text-decoration: underline; color: #0099FF;}

.stileleft {
font-size: 12px; 
text-align:left; 
font-family: Arial, Helvetica, sans-serif; 
color:#002147;
}
/* layout tags start here */


#content {
background-color: #FFF;
width:900px;
margin:20px auto 0px auto;
min-height: 550px;
background-image:  url(media/obd-background2.gif);
background-repeat: repeat-y;
}

#sidebar {
background: url(media/plasma_ball_side.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar2 {
background: url(media/side1.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar3 {
background: url(media/side2.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar4 {
background: url(media/side3.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar5 {
background: url(media/side4.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar6 {
background: url(media/side5.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar7 {
background: url(media/sidetest.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar9 {
background: url(media/sidecontact.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar10 {
background: url(media/sidehistory.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#sidebar11 {
background: url(media/sidedev.jpg) no-repeat right 135px;
min-height: 550px;
width: 900px;
}

#banner {
background-color: #FFF;
padding: 24px 24px 12px 24px;
border-bottom: 2px solid #002147;
border-top: 10px solid #0099FF;
}

#newsbanner {
background-color: #002147;
padding: 9px 0px 0px 24px;
border-bottom: 2px solid #002147;
border-top: 2px solid #002147;
color: white;
}


#logo {
text-align: right;
margin: 0px 0px 12px 0px;
}


#column1{
background-color: #002147;
width: 139px;
padding: 24px 12px 0px 24px;
float:left;
}

#column2{
width: 500px;
padding: 24px 24px 24px 24px;
float: left;
}

#column3{
width: 151px;
padding: 24px 12px 0px 12px;
margin: 0px 0px 0px 0px;
float: right;
}

#clear {
clear:both
}




#footer {
width: 900px;
margin: 0px auto;
clear: both;
font-size: 1.0em;
line-height: 1.5em;
color: #fff;
padding: 6px 0px 15px 0px;
text-align: right;
}

#footer a:link {font-weight: normal; text-decoration: none; color: #CCC;} 
#footer a:active {font-weight: normal; text-decoration: none; color: #CCC;} 
#footer a:visited {font-weight: normal; text-decoration: none; color: #CCC;} 
#footer a:hover {font-weight: normal; text-decoration: underline; color: #FFF;}




/* newsnav list */

#newsnav {
width: 750px;
margin:0 0 0 0px;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
line-height: 1.3em;
}

#newsnav a:link,
#newsnav a:active,
#newsnav a:visited 
{font-weight: normal; text-decoration: none; color: #ffffff;} 
#newsnav a:hover 
{font-weight: normal; text-decoration: none; color: #ffffff;}



#newsnav ul
{
list-style: none;
}

#newsnav li {
list-style-type: none;
padding: 0 10px 0 0px;
margin: 0 10px 0 0px;
border-right: 0px solid #0099FF;
display: -moz-inline-box;
display:inline-block;
float:left;
text-align:center;
color: #0099FF;
}

#newsnav li#right {
padding: 0 10px 0 0px;
border-left: 0px;
border-right: 0px;
}

/* end of newsnav list */





/* topnav list */

#topnav {
width: 750px;
margin:0 0 0 0px;
padding: 0px 0px 0px 0px;
font-size: 1.1em;
line-height: 1em;
text-transform:uppercase;
color: #FFFFFF;
}

#topnav a:link,
#topnav a:active,
#topnav a:visited 
{font-weight: normal; text-decoration: none; color: #0099FF;} 
#topnav a:hover 
{font-weight: normal; text-decoration: none; color: #002147;}



#topnav ul
{
list-style: none;
}

#topnav li {
list-style-type: none;
padding: 0 10px 0 0px;
margin: 0 10px 0 0px;
display: -moz-inline-box;
display:inline-block;
border-right: 1px solid #0099FF;
float:left;
text-align:center;
}

#topnav li#right {
padding: 0 10px 0 0px;
border-left: 0px;
border-right: 0px;
}

/* end of topnav list */



/* sidenav */

#sidenav {
font-size: 1.15em;
line-height: 1.2em;
color: #999;
}

/* sidenav list starts here */


#sidenav ul
{
list-style: none;
padding: 0;
margin: 0px 0px 14px 0px;
}

#sidenav li
{
margin: 2px 0px;
padding: 3px 0px;
}

#sidenav li a
{
font-weight: normal;
color: #FFF;
text-decoration: none;
}

#sidenav li a:hover
{
font-weight: normal;
color: #0099FF;
text-decoration: none;
}

#sidenav ul li a#active
{
color: #FFF;
font-weight: bold;
text-decoration: none;
margin: 0px;
}

#sidenav ul li a:hover#active
{
color: #0099FF;
font-weight: bold;
text-decoration: none;
margin: 0px;
}


#sidenav ul ul 
{
margin:0 0 0 10px;
}

#sidenav ul ul li a:hover
{
color: #0099FF;
text-decoration: none;
}


#sidenav ul ul li a#active
{
color: #FFF;
font-weight: bold;
text-decoration: none;
}

#sidenav ul ul li a:hover#active
{
color: #0099FF;
font-weight: bold;
text-decoration: none;
}

/* sidenav list ends here */


#sidenav p {
margin: 0px 0px 6px 0px;
padding-left: 3px;
}
#sidenav p a:link {font-weight: normal;} 
#sidenav p a:active {font-weight: normal;} 
#sidenav p a:visited {font-weight: normal;} 
#sidenav p a:hover {font-weight: normal;}



#sidenav h2 {
font-size: 1em;
line-height: 1.3em;
font-weight: normal;
text-transform:uppercase;
color: #FFF;
margin: 0px 0px 0px 0px;
}

#sidenav h2 a:link {font-weight: normal; color: #FFF; text-decoration: none;} 
#sidenav h2 a:active {font-weight: normal; color: #FFF; text-decoration: none;} 
#sidenav h2 a:visited {font-weight: normal; color: #FFF; text-decoration: none;} 
#sidenav h2 a:hover {font-weight: normal; color: #0099FF; text-decoration: none;}

/* sidenav elements end here */


/* textbox */

#textbox1 {
font-size: 1.15em;
line-height: 1.75em;
color: #666666;
text-align:justify;
}

#textbox1 h1 {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #002147;
margin: 0px 0px 13px 0px;
}

#textbox1 h2 {
font-size: 1.1em;
line-height: 1.3em;
font-weight: normal;
color: #002147;
margin: 20px 0px 10px 0px;
}

#textbox1 h2 a:link {font-weight: normal; color: #002147; text-decoration: none;} 
#textbox1 h2 a:active {font-weight: normal; color: #002147; text-decoration: none;} 
#textbox1 h2 a:visited {font-weight: normal; color: #002147; text-decoration: none;} 
#textbox1 h2 a:hover {font-weight: normal; color: #002147; text-decoration: underline;}


#textbox1 p {
margin: 0px 0px 10px 0px;
}

#textbox1 ul {
margin: 0px 0px 6px 0.5em;
padding: 0px 0px 0px 0em;
list-style:none
}


#textbox1 li {
margin: 0px 0px 1px 0px;
padding: 0px 0px 0px 1em;
background-image: url(media/bullet.gif);
background-repeat: no-repeat;
background-position: 0 0.6em;
list-style-image:none
}

#textbox6 {
font-size: 1.15em;
width: 350px;
line-height: 1.75em;
color: #ffffff;
text-align:justify;
}

.colour {
color:#0099FF
}

/* rightcoltext */


#righttext {
font-size: 1.15em;
line-height: 1.75em;
color: #FFF;
}

#righttext h1 {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #FFF;
margin: 0px 0px 13px 0px;
}

#righttext h2 {
font-size: 1.1em;
line-height: 1.3em;
font-weight: normal;
color: #FFF;
margin: 20px 0px 10px 0px;
}



#righttext p {
margin: 0px 0px 10px 0px;
}





/* other elements */



.picwrapleft {
text-align: left;
margin: 5px 10px 10px 0px;
}

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

#textcolumn{
width: 230px;
margin: 0 20px 0px 0;
float: left;
text-align:justify;
}

/* home page styles */



#homepagecontent {
background-color: #000000;
width:900px;
margin:20px auto 0px auto;
padding: 0px 0px 20px 0px;
min-height: 530px;
background: #ffffff url(media/plasma_ball_front.jpg) no-repeat bottom;
}

#homepagetext{
font-size: 1.15em;
line-height: 1.75em;
color: #ffffff;
padding-left: 19px;
text-align:justify;
}

#hometext h1 {
float: left;
width: 250px;
margin: 0 0px 0px 0;
font-size: 1.15em;
line-height: 1.75em;
color: #ffffff;
text-align: left;
}

#hometext {
float: left;
width: 250px;
margin: 0 0px 0px 0;
font-size: 1.15em;
line-height: 1.75em;
color: #ffffff;
text-align: left;
}