﻿body   { 
                 background:url(images/headertop2.gif) 50% 0 repeat-x;
                 background-color: #26354a; 
                 margin: 0
	         padding: 0;
	         border: 0;
}


#container {
	margin: 0;
	padding: 0;
	border: 0;
}
#masthead {
	margin: 0;
	padding: 0;
	border: 0;
}
#navigation {
	margin: 0;
	padding: 0;
	border: 0;
}
#content {
	margin: 0;
	padding: 0;
	border: 0;
}
#footer {
	margin: 0;
	padding: 0;
	border: 0;
}
	H1  { color: #072849; font-size: 20pt; font-family: verdana }
	H2 { color: #65688b; font-size: 16pt; font-family: Arial }
	H3 { color: #26354a; font-size: 14pt; font-family: Arial }
	H4 { color: #26354a; font-size: 12pt; font-family: Arial }
    
	li { font-family: Arial; color: #000000; font-size : 10pt; }
	ul {list-style-type: disc; list-style-image: url();}

	a:link   { color: #9192A3 }
	a:visited   { color: #949ABD }
	a:hover  { color: #864100}
	a:active   { color: #00d }

.designlink {color: #EAEAEA; font-family: verdana, arial; font-size: 11px;}

.designlink a:link {color : #73C3FE; font-family: verdana, arial; font-size: 11px;}

.designlink a:visited {color : #73C3FE; font-family: verdana, arial; font-size: 11px;}

.designlink a:hover {color : #73C3FE; font-family: verdana, arial; font-size: 11px;}

.designlink a:active {color : #73C3FE; font-family: verdana, arial; font-size: 11px;}

	div.c1 {text-align: Center} 
      div.c1a {text-align: Right}
      div.c1b {text-align: Left}
      div.c1c {text-align: justify;
	font: 100% Arial, Helvetica, sans-serif;
	border: 0;
	padding: 5;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: inherit;
	padding-right: inherit;              
       }

	table  { color: #26354a; 
                 font-size: 10pt; 
                 font-family: Sans-Serif, Geneva, Arial, Helvetica 
       }

	    p    { color: #26354a; 
                   font-size: 10pt;
                   text-align: justify;
	           font: 100% Arial, Helvetica, sans-serif;
	           border: 0;
	           padding: 5;
	           padding-right: 5px;

 
       }

          p.date { color:#ffffff; 
          font-size:10pt; 
          font-family:Arial, Helvetica, sans-serif; 
          font-style:normal 
       }

         td.headleft { color: #26354a; 
                   font-size: 10pt;
                   text-align: normal;
                   font-weight: bold
	           font: 100% Arial, Helvetica, sans-serif;
	           border: 0;
	           padding: 5;
	           padding-left: 30px;
	           padding-right: 5px;
	           padding-top: 15px;
 
       }         
     
       td.headright { color: #26354a; 
                   font-size: 10pt;
                   text-align: normal;
                   font-weight: bold
	           font: 100% Arial, Helvetica, sans-serif;
	           border: 0;
	           padding: 5;
	           padding-left: 30px;
	           padding-right: 5px;
	           padding-bottom: 0px;	           
                   padding-top: 15px
 
       }

         td.contenthead { color: #ffffff; 
                   font-size: 10pt;
                   text-align: normal;
	           font: 100% Arial, Helvetica, sans-serif;
	           border: 0;
	           padding: 1;
	           padding-left: 15px;
	           padding-right: 5px;
	           padding-top: 5px;
 
       }

         td.contentbody { color: #26354a; 
                   font-size: 10pt;
                   text-align: justify;
	           font: 100% Arial, Helvetica, sans-serif;
	           border: 0;
	           padding: 1;
	           padding-left: 15px;
	           padding-right: 2px;
	           padding-top: 0px;
 
       }

}	
	img.c3 {
	border-style: none;
	background-repeat: no-repeat;
}
    td.c4 {background-color: #d5d5ed; margin: 0}
      td.c16  {text-align: Left}
 	td.c2   {background: url(images/index_1-4c.jpg) no-repeat}
 	td.c11  {background: url(images/index_11a.jpg) repeat}
 	td.c12  {background: url(images/index_12.jpg) repeat}
 	td.c13  {background: url(images/index_13.jpg) repeat}
 	td.c13a {background: url(images/index_13-600.jpg) repeat}
 	td.c14  {background: url(images/index_14.jpg) repeat}
 	td.c15  {background: url(images/index_15a.jpg) repeat}

td.c90tb   {background: url(images/index_10_2xcolumgrey.jpg) no-repeat} 
td.c90tf   {background: url(images/topbgfooter.jpg) no-repeat}
td.c90tfw   {background: url(images/topbgfooterwht.jpg) no-repeat}

/*colum left white background*/
 td.b1cmw {background: url(images/body1colmiddlewhite.jpg) repeat}
 td.b1chw {background: url(images/body1colheadwhite.jpg) no-repeat}
 td.b1cfw {background: url(images/body1colfootwhite.jpg) no-repeat}

/*colum left grey background*/
 td.b1cmg {background: url(images/body1colmiddlegrey.jpg) repeat}
 td.b1chg {background: url(images/body1colheadgrey.jpg) no-repeat}
 td.b1cfg {background: url(images/body1colfootgrey.jpg) no-repeat}

/*2colum left sidebar*/
 td.b2cm {background: url(images/body2colmiddle.jpg) repeat}
 td.b2ch {background: url(images/body2colhead.jpg) no-repeat}
 td.b2cf {background: url(images/body2colfoot.jpg) no-repeat}

/*3colum left and right sidebar*/
 td.b3cm {background: url(images/body3colmiddle.jpg) repeat}
 td.b3ch {background: url(images/body3colhead.jpg) no-repeat}
 td.b3cf {background: url(images/body3colfoot.jpg) no-repeat}


td.nav900 {
	font: 100% Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0 0px 0px 12px;
      background: url(images/button_01) repeat-x;
      text-align: Center;
}

 	td.d1   {
	font: 100% Arial, Helvetica, sans-serif;
	border: 0;
	padding: 5px 5px 5px 5px;
	background: url(images/table_01.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: inherit;
}
 	td.d2   {background: url(images/table_02.jpg) repeat
}
/* Nav starts here */
.pd_menu_01 {
    float:left; 
    padding:0 0px 0 0px; 
    margin:0 2px 5px 0;color: #26354A; 
    background: url(images/button01.gif)repeat-x; width:875px;
    border:solid 2px #ffffff;clear:both;
} /*Color navigation bar normal mode*/
 
.pd_menu_01 a:visited {
   font-family:Arial, Helvetica, sans-serif;
   font-style:normal;
   font-weight:bold;
   font-size:12px;
   color: #ffffff;
   background-color: #072844;
   text-decoration: none;
}
 
.pd_menu_01 a {
   font-family:Arial, Helvetica, sans-serif;
   font-style:normal;
   font-weight:bold;
   font-size:12px;
   color: #ffffff;
   background-color: #072844;
   text-decoration: none;
}
 
.pd_menu_01 ul {
            list-style-type:none;padding:0; margin:0;
}
 
.pd_menu_01 ul li {
    float:left; 
    position:relative; 
    z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; 
    border-right:solid 1px #004080; 
}
 
.pd_menu_01 ul li a {
   color: #ffffff;
   background: #26354A;
   float:none !important /*Non-IE6*/; float:left /*IE-6*/; 
   display:block; 
   height:30px; 
   line-height:30px; 
   padding:0 10px 0 10px; 
   text-decoration:none; 
}
 
.pd_menu_01 ul li ul {
   display:none; 
   border:none;
   color: #26354A;
   background: #FFBA00;
}
 
.pd_menu_01 ul li:hover a {
   background-color:#7F92A8; 
   text-decoration:none; 
   color:#201F57;
} /*Color main cells hovering mode*/
 
.pd_menu_01 ul li:hover ul {
   display:block;  
   position:absolute; 
   z-index:999; 
   top:29px; 
   margin-top:1px; 
   left:0;
}
 
.pd_menu_01 ul li:hover ul li a {
   display:block; 
   width:120px; 
   height:auto; 
   line-height:1.3em; 
   margin-left:-1px; 
   padding:5px 10px 5px 10px; 
   border-left:solid 1px #004080; 
   border-bottom: solid 1px #004080; 
   background-color:#D3DCE6;  
   color:#26354A;
} /*Color subcells normal mode*/
 
.pd_menu_01 ul li:hover ul li a:hover {
   background-color:#26354A; 
   text-decoration:none;
   color:#FFFFFF;
} /*Color subcells hovering mode*/
 
.pd_menu_01 table {
   position:absolute; 
   top:0; left:0; 
   border-collapse:collapse;color: #26354A;
   background: #FFBA00;
}
 
.pd_menu_01 ul li a:hover {
   background-color:#183C6F; 
   text-decoration:none;color:#FFFFff;
} /*Color main cells hovering mode*/
 
.pd_menu_01 ul li a:hover ul {
   display:block; 
   width:160px; 
   position:absolute; 
   z-index:999; 
   top:29px; 
   left:0; 
}
 
.pd_menu_01 ul li a:hover ul li a {
   display:block; 
   width:160px; 
   height:1px; 
   line-height:1.3em; 
   padding:4px 16px 4px 16px; 
   border-left:solid 1px #004080; 
   border-bottom: solid 1px #004080; 
   background-color:#D3DCE6;  
   color:#26354A;
} /*Color subcells normal mode*/
 
.pd_menu_01 ul li a:hover ul li a:hover {
   background-color:#FF8000; 
   text-decoration:none;color:#FFFFFF;
} /*Color subcells hovering mode*/

/*Nav Ends Here*/
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }
.rbroundbox1 { background: url(images/nt1.gif) repeat; }
.rbtop1 div { background: url(images/tl1.gif) no-repeat top left; }
.rbtop1 { background: url(images/tr1.gif) no-repeat top right; }
.rbbot1 div { background: url(images/bl1.gif) no-repeat bottom left; }
.rbbot1 { background: url(images/br1.gif) no-repeat bottom right; }
.rbroundbox2 { background: url(images/nt2.gif) repeat; }
.rbtop2 div { background: url(images/tl2.gif) no-repeat top left; }
.rbtop2 { background: url(images/tr2.gif) no-repeat top right; }
.rbbot2 div { background: url(images/bl2.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/br2.gif) no-repeat bottom right; }


/* height and width stuff, width not really nessisary. */
.rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbbot div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

.rbbot1 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbbot1 div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop1 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop1 div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent1 { margin: 0 7px; }
.rbroundbox1 { width: 50%; margin: 1em auto; }

.rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbbot2 div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbtop2 div {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 50%; margin: 1em auto; }



/*Thumbnail viewer start */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: silver;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
/*Thumbnail viewer end */

/*gajaxticker */
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#feed1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#feed2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#feed2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#feed3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#feed3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

 /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: silver;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: navy;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -120px; /*position where enlarged image should offset horizontally */
z-index: 50;
}	

/* cmotion slider css */

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}

/* end cmotion */