body{
margin: 0;
padding: 0;
background: #495e67;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}

/* Hides from IE5-mac \*/
html#wrap{height:1%;}
/* End hide from IE5-mac */

#wrap {
position: relative;
margin: 50px auto;
padding: 0;
font-size: 95%;
text-align: left;
width: 953px;
/*background: #fff;*/
}


/*-----------------------Layout elements-------------------*/


#template-top{
height:16px;
background: url(../images/template-top.jpg) no-repeat 0 0;
}

#header{
margin-top: -1px;
height:106px;
background: url(../images/header-repeat.jpg) repeat-y 0 0;
}

#header-image{
height:197px;
background: url(../images/header-image.jpg) no-repeat;
overflow:hidden;
}

#header-plain{
color:#000;
height:1%;
font-size: 1em;
background: url(../images/header-repeat.jpg) repeat-y 0 0;
}

#main-content{
background: url(../images/content-repeat.jpg) repeat-y 0 0;	
color:#fff;
font-size: 1em;
height:1%;
}

#left {
float:left;
width:154px;
margin:0; padding:0;
font-size:80%;
}
		
#right {
float:right;
width:210px;
margin:0; padding:0;
font-size:80%;
}
		
#middle {
margin:0 210px 0 154px;
font-size:80%;
}

#head-left {
float:left;
width:154px;
margin:0; padding:0;
font-size:80%;
}
		
#head-right {
float:right;
width:320px;
margin:0; padding:0;
font-size:80%;
}
		
#head-middle {
margin:0 320px 0 154px;
font-size:80%;
}

#middle-extend {
margin:0 15px 0 154px;
font-size:80%;
}	

#middle-extend-alt {
margin:0 15px 0 154px;
font-size:80%;
color:#19398A;
}			
		
.column-in {
margin:0; padding:29px 29px 29px 29px;
}

.column-in-right {
margin:0; padding:0 29px 0 29px;
}

.column-in-alt {
margin:0; padding:0 0 0 8px;
}

.column-in-centre {
margin:0; padding:0 29px 0 29px;
}

.header-in {
margin:0; padding:0 29px 0 44px;
}		
		
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}	

#template-bottom{
height:16px;
background: url(../images/template-bottom.jpg) no-repeat 0 0;
}

#footer{
font-size: 0.7em;
font-weight:bold;
color:#fff;
padding: 2px;
}



/*-------------------Styling / Positioning Elements--------*/

.header-logo img{
padding-top: 15px;
}

img.slogan {
position:absolute;
top: 73px;
right: 30px;
}

.apparatus{
float:left;
padding-right: 10px;
margin-top:3px;
display: block;
width: 23px;
height: 23px;
background: url(/images/apparatus.gif) no-repeat 0 0;
}

.apparatus:hover{background-position: 0 -23px;}
.apparatus span{display: none;}

#footer li{
float:left;
display:inline;
padding: 0 0 0 0;
line-height: 14px;
}

#footer li.push{
float:right;
}

#footer li a{
color:#fff;	
text-decoration:none;
padding: 0 5px 0 5px;
}

#middle h2{
font-size:2em;
margin-bottom:20px;
color:#19398A;
}

#middle p{
margin-bottom:10px;
color:#19398A;
}

#middle a{
color: #fff;
text-decoration:none;
}

#middle a:hover{
color: #fff;
border-bottom: 1px solid #fff;
}

#middle strong{
font-weight:bold;
}

#middle h3{
font-size: 1.2em;
margin-bottom: 10px;
font-weight:bold;
color:#19398A;
}

#middle ul{
margin:0 0 10px 14px;
list-style: circle;
color:#19398A;
}



#middle-extend h2{
font-size:2em;
margin-bottom:20px;
color:#19398A;
}

#middle-extend p{
margin-bottom:10px;
color:#19398A;
}

#middle-extend p a{
color: #fff;
text-decoration:none;
}

#middle-extend p a:hover{
color: #fff;
border-bottom: 1px solid #304699;
}

#middle-extend strong{
font-weight:bold;
}

#middle-extend h3{
font-size: 1.2em;
margin-bottom: 10px;
font-weight:bold;
color:#19398A;
}







#middle-extend-alt h2{
font-size:2em;
margin-bottom:20px;
color:#19398A;
}

#middle-extend-alt p{
margin-bottom:10px;
color:#19398A;
}

#middle-extend-alt p a{
color: #fff;
text-decoration:none;
}

#middle-extend-alt p a:hover{
color: #fff;
border-bottom: 1px solid #304699;
}

#middle-extend-alt strong{
font-weight:bold;
}

#middle-extend-alt h3{
font-size: 1.2em;
margin-bottom: 10px;
font-weight:bold;
color:#19398A;
}

ul.standard-list {
margin:0 0 10px 25px;
list-style: circle;
color:#19398A;
}

#middle ul.standard-list {
margin:0 0 10px 35px;
list-style: circle;
color:#19398A;
}




#head-middle p{
color:#6d7981;
margin-bottom:10px;
}

#head-middle strong{
font-weight:bold;
}

#head-middle ul{
color:#6d7981;
margin:0 0 10px 25px;
list-style: circle;
}
/*--------------------Individual Page Elements------------------*/

#news-div{
border: 1px solid #fff;
padding: 10px;
}

#news-div h3{
font-size: 1.5em;
color:#19398A;
margin-bottom: 10px;
}

#news-div p{
margin-bottom: 10px;
color:#19398A;
}


#news-div a{
color: #fff;	
text-decoration: none;
font-weight:bold;
}

#news-div a:hover{
color: #304699;	
text-decoration: none;
}


.news-play{
margin-left: 100px;
display: block;
width: 20px;
height: 19px;
background: url(/images/play.gif) no-repeat 0 0;
}

.news-play:hover{background-position: 0 -19px;}
.news-play span{display: none;}

ul.products-list{
padding-bottom:10px;
}

.products-list li{
display:inline;
}

a.first{
padding: 0 10px 0 0;
}

#pressrelease{
margin: 20px 0 20px 0;
}

#pressrelease p{
background: url(/images/pdf.gif) no-repeat 0 0;
padding: 4px 0 0 30px;
height: 24px;
}

.news-entry{
	margin:0 0 30px 0;
}


#breadcrumb{
	padding-top:13px;
	text-align:right;
	font-size:12px;
}

#breadcrumb a{
	color:#19398a;
	text-decoration:none;
}

#breadcrumb a:hover{
text-decoration:underline;
}
/*------------------------------ Main Navigation --------------------------------*/


#menu {
width: 8em;
margin-top:-10px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
/*height: 30px;*/
/*line-height: 30px;*/
text-align: left;
font-weight: bold;
border-top: 1px dashed #fff;
padding: 10px 0 10px 0;
/*background: #ccc;*/
}

#menu dt.first {
border:none;
}

#menu dd {
/*border: 1px solid gray;*/
}
#menu li {
text-align: left;
/*background: #fff;*/
}


#menu dt a {
color: #fff;	
text-decoration: none;
background: url(/images/nav-bullet.gif) no-repeat 0 3px;
padding: 0 0 0 15px;
}

#menu dt a:active {
color: #304699;	
text-decoration: none;
background: url(/images/nav-active-bullet.gif) no-repeat 0 3px;
}

#menu dt a:hover {
color: #304699;	
text-decoration: none;
background: url(/images/nav-active-bullet.gif) no-repeat 0 3px;
}

#menu li a{
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding: 5px 0 5px 15px;
}


#menu li a:active{
color: #304699;	
text-decoration: none;
}

#menu li a:hover{
color: #304699;	
text-decoration: none;
}




/*--------------------------------------Carousel Styles----------------------*/


.carousel-component { 
/*    padding:8px 16px 4px 16px;*/
    margin:0px;
}

.carousel-component .carousel-list li { 
    margin:4px;
    width:204px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
                   img.border-left (1) + img.border-right (1)*/
    height:114px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
    display:block;
    border:1px solid #e2edfa;
    outline:none;
}

.carousel-component .carousel-list li a:hover { 
    border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
    border:1px solid #999;
    display:block; 
}
                                
.carousel-component .carousel-prev { 
    position:absolute;
    top:65px;
    z-index:3;
    cursor:pointer; 
    left:5px; 
}

.carousel-component .carousel-next { 
    position:absolute;
    top:65px;
    z-index:3;
    cursor:pointer; 
    right:5px; 
}

/* Map Styles */

#map {

color: #000;

}

td.nobold label{
	font-weight:normal;
}
/*----------Demo Form--------------*/

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 135px; margin: 5px 0 5px 0; color:#19398A; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
input {width: 220px; margin: 5px 0 5px 0; padding: 3px; border: 1px solid #C5C5C6; background: #fff;}
	input.chk, input.radio {width: auto; border: none; vertical-align: middle;}
textarea {width: 280px; height: 100px; margin: 5px 0 5px 0; padding: 3px; border: 1px solid #C5C5C6; background: #fff;}
select {width: 180px; margin: 5px 0 5px 0; padding: 3px; border: 1px solid #C5C5C6; background: #fff;}
