/*======================================*
** ca-stylesheet.css
** ------------------------------------------------------------*
** Created: 10-05-06 (dd-mm-yy)
** Author: Kevin Barter @ Diagnostic Design
** Website: www.diagnosticdesign.co.uk

IF YOU WISH TO USE THIS TEMPLATE IS ONLY ASK THAT YOU LEAVE THE LINK TO DIAGNOSTICDESIGN AT THE BOTTOM

THANKS, HAPPY CODING
**======================================*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #666;
	}

a { text-decoration: none; color:#009999;  }
a:hover { color: #49515C; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
	margin: 0 auto;
	width: 1000px;
	background: #fff;	
	border: 1px solid #009999;
	padding: 0 0px;
	text-align: left;
	}
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/		
#header {
	background:#ffffff url(image-files/header.gif) no-repeat 100% 0;
	border-bottom: 0px solid #fff;
	border-top: 20px solid #009999;
	padding: 35px 50px;
	}	
#header h1 { 	
	margin: 0;
	color:#FFFFFF;
	text-indent: -5000px;
	font-size: 1.8em;
	font-weight: bold;
	cursor: default;
	}
	
	table.sample {
		border-width: 1px 1px 1px 1px;
		border-spacing: 0px;
		border-style: none none none none;
		border-color: white white white white;
		border-collapse: collapse;
		background-color: ;
	}
	table.sample th {
		border-width: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-style: none none none none;
		border-color: white white white white;
		background-color: ;
		-moz-border-radius: 12px 12px 12px 12px;
	}
	table.sample td {
		border-width: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-style: none none none none;
		border-color: white white white white;
		background-color: ;
		-moz-border-radius: 12px 12px 12px 12px;
}

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/

#nav {
	background: #009999; 
	border-bottom: 0px solid #fff;
	margin: 0; 
	padding: 0;
	height: 2.2em;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}		
#nav li a { 
	text-decoration: none; 
	color:#FFFFFF;
	background-color:#009999;
	border-right: 0px solid #fff; 
	border-bottom: 0;
	padding: 3px 8px;
	font-size: 1em;
	float: left;
	font-weight: bold;
	}
#nav li a:hover { background-color:#666666; }
#nav li a.on { background-color: : #858F9E; color:fff; }


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	float: left;
	position: relative;
	width: 700px;
	padding: 10px 0px;
	margin-left: 20px;
	line-height: 20px; 
	text-align: left; 
	word-spacing: 0px;	
	}
	
#content1 {
	float: right;
	position: relative;
	width: 700px;
	padding: 10px 0px;
	margin-left: 20px;
	line-height: 20px; 
	text-align: right; 
	word-spacing: 0px;	
	}	

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	
	background-color:#999999;  
	border-top: 10px solid #fff;
	text-align: center;	
	color:#333333;
	font-size: 0.8em;
	padding: 10px;
	line-height: 16px;
	clear: both;
	}
	
#disclaimer {
	
	
	border-top: 08px solid #fff;
	text-align: left;	
	color:rgb(204, 204, 204);
	font-size: 0.7em;
	padding: 10px;
	line-height: 08px;
	clear: both;
	}	
	
#footer a { text-decoration: none; color:#009999; border-bottom: 0px; }
#footer a:hover { border-bottom:0px ; color:#333333; }

.photos {
	margin-bottom: 15px;
}
.photos a {
	width: 106px;
	height: 148px;
	float: left;
	background: #C2D3EE;
	text-align: center;
	color: #A2A3A6;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	margin-right: 14px;
}
.photos>a {
	min-height: 148px;
	height: auto;
}
.photos a.last, .greybox-background .right a.last {
	margin-right: 0;
}
.photos a:hover {
	color: #729AD7;
}
.photos a span {
	display: block;
	padding-top: 2px;
}
.photos a>span {
	padding-top: 5px;
}

.cleaner {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	clear: both;
}

.topmenu {
	height: 27px;
	background: url("../images/topmenu.png") no-repeat left top;
	text-align: right;
	padding: 35px 27px 0 0;
}


   
      .black_overlay{
   
        display: none;
   
          position: absolute;
   
          top: 0%;
   
          left: 0%;
   
          width: 100%;
   
          height: 100%;
   
          background-color: black;
   
          z-index:1001;
  
          -moz-opacity: 0.8;
  
          opacity:.80;
  
          filter: alpha(opacity=80);
  
      }
  
       
  
      .white_content {
  
          display: none;
  
          position: absolute;
  
         top: 25%;
  
          left: 25%;
  
          width: 50%;
  
          height: 50%;
  
          padding: 16px;
  
          border: 16px solid orange;
  
          background-color: white;
  
          z-index:1002;
  
          overflow: auto;
  
      }

.imgFader{ position:relative; filter:alpha(opacity=0); -moz-opacity:0% }

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color: rgb(51, 204, 0);
color:#000000;
width:140px;
padding:2px;
text-align:left;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}





.markermenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 150px;
border: 2px solid #9A9A9A;
}

.markermenu li a{
background: white url(../image-files/arrow-list.gif) no-repeat 2px center;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
}

.markermenu li a:visited, .markermenu li a:active{
color: #00014e;
}

.markermenu li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(../image-files/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}



.anylinkcss{
position:absolute;
visibility: hidden;
border: 9px solid orange;
background-color: white;
width: 300px;
border-bottom-width: 1;
font:normal 10px Verdana;
line-height: 18px;
z-index: 100;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: blue;
color: white;
}
}


A.menulink {
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: 9px solid orange;
border: solid 1px #FFFFFF;
}

A.menulink:hover {
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

.seqslidestyle{
margin-right: 15px;
}


/*---Content slider --------*/

.contentslide{
border: 10px solid navy;
border-bottom-width: 6px;
padding: 8px;
width: 400px;
height: 150px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 0 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}


/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper{
width: 400px;
height: 100px;
border: 7px solid blue;
background-color: #FFFDD0;
padding: 5px;
}

.billcontent{
width: 100%;
display:block;
}


.menulines{
border:2.5px solid white;
}

.menulines a{
text-decoration:none;
color:black;
}




a.ovalbutton{
background: transparent url('../image-files/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../image-files/oval-orange-right2.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

</style>

<![endif]>




.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../image-files/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../image-files/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../image-files/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}




.indentmenu{
font: bold 11px Arial;
width: 500 px; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(../image-files/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(../image-files/indentbg2.gif) center center repeat-x;
}