/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#eef7fa;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

blockquote {
   background: url(images/blockquote.gif) no-repeat;
   font-family: Arial, Helvetica, sans-serif;
   color: #888;
}

blockquote.left {width: 200px; margin-left:15px; font-size: 2.2em; line-height:1em; text-align: left; border: none !important; padding-left: 43px !important; float:left;}
blockquote.right {width: 200px; margin-left:15px; font-size: 2.2em; line-height:1em; text-align: left; border: none !important; padding-left: 43px !important; float:right;}
blockquote.wide {width: 450px; margin-left:15px; font-size: 2.2em; line-height:1em; text-align: left; border: none !important; padding-left: 43px !important;}

#post-it {
background-image:url(images/jvs/post-it.gif);
background-position:center top;
background-repeat:no-repeat;
float:left;
height:274px; 
position:relative;
left:0px;
top:90px;
margin-left:-200px;
width:290px;
z-index:2;
}

#shadow {
-moz-box-shadow: 10px 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 10px 5px #888;
box-shadow: 10px 10px 10px 5px #888;
}


#links ul {
        list-style-type: none;
        width: 400px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

ul { list-style:none;}

.left { float:left; margin:0 10px 0 0;}
.right {float:right; margin:0 0 0 10px;}

.textjustify {text-align:justify;}
.textcenter {text-align:center;}
.textleft {text-align:left;}
.clear  { clear:both;}
.blockpadding {padding:0 45px 0 45px}
.strong {font-weight:bold;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#636363;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#39afd8;}
a:hover{text-decoration:none;}
/* strong {color:#151515;} */
cite {font-style:normal;}

p {	font-size:14px;
	line-height: 1.4em;
	margin-left: 5px;
  }

p.black {font-size:16px;
line-height: 1.4em;
color:#000000;
margin-left: 5px;
	}

.blackfont {
color:#000000;
	}	
	
.font16 {font-size:16px;}	
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}

.line12 {line-height:1.2em;}
.line13 {line-height:1.3em;}
.line14 {line-height:1.4em;}
.line15 {line-height:1.5em;}
.line16 {line-height:1.6em;}

.ls1 {letter-spacing:-.05em}


p.large {padding-left:5px;
font-size:14px;
line-height: 1.4em;
margin-left: 5px;
text-align:justify;}

p.huge  {
	font: bold 18px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	letter-spacing: -.07em;
	margin-left: 5px;
		}

p.largebrown {padding-left:5px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #660000;
line-height: 1.4em;
margin-left: 5px;}

p.hugebrown {
font: normal 18px Arial, Helvetica, sans-serif;
color: #660000;
line-height: 1.4em;
letter-spacing: -.05em;}

p.largered {font: bold 14px Arial, Helvetica, sans-serif;
color: #FF0000;
line-height: 1.4em;
margin-left: 5px;
text-align:justify;}


p.highlight {
font: bold 16px Arial, Helvetica, sans-serif;
color: #FF0000;
padding: 4px 2px 4px 2px;
background-color:#FFFF66;
line-height: 1.2em;
text-align:left;}


p.quote {padding-left:5px;
font: italic 16px "Times New Roman", Times, serif;
line-height: 1.4em;
text-align:justify;}

p.form {padding-right:5px;
font-size:16px;
color:#000000;
text-align:right;}

p.formsmall {padding-right:5px;
font-size:11px;
color:#000000;
text-align:right;}

p.required {padding-right:5px;
font:normal 14px Arial, Helvetica, sans-serif;
color:#FF3399;
text-align:justify;}

p.red {
font:normal 14px Arial, Helvetica, sans-serif;
color:#FF0033;
text-align:justify;}


.formbg {padding:12px; background-color:#FFFFCC; border:solid; border-color:#FF9900; border-width:thin;}
.formbgblue {padding:12px; background-color:#e0f9ff; border:solid; border-color:#39AFD8; border-width:thin;}


.contactform {padding:20px; border:#FF9900 solid 1px; background-color:#FFFFCC;}



/* ============================= main layout ====================== */

.link { background:url(images/bullets/link_bg.gif) top right no-repeat; color:#535353; padding-right:18px; text-transform:uppercase; float:right; font-size:0.917em; margin-top:7px;}
.rss { background:url(images/rss_bg.gif) top right no-repeat; color:#535353; padding-right:22px; float:right; text-decoration:none; font-size:1.083em; font-family:arial;}
.rss:hover {text-decoration:underline;}
.more {margin-top:10px; float:right;}
.box .more {float:none;}

/* li a {color:#8a8a8a; text-decoration:none; font-weight:bold; line-height:1.833em; background:url(images/bullets/list_bg.gif) no-repeat 0 0; padding-left:22px;}
li a:hover {text-decoration:underline; color:#ca5979;} */

li.bluearrow {text-decoration:none; font-size:14px; font-weight:bold; line-height:1.4em; background:url(images/bullets/list_bg.gif) no-repeat 0 0; padding-left: 22px; margin:15px 20px 0 20px;}

li.bluearrowbig {text-decoration:none; font-size:18px; font-weight:bold; line-height:1.4em; background:url(images/bullets/list_bg.gif) no-repeat 0 0; padding-left: 22px; margin:15px 20px 0 20px;}

li.redbullet {text-decoration:none; font-size:14px; font-weight:bold; line-height:1.4em; background:url(images/bullets/red_bullet.gif) no-repeat 0 0; padding-left: 22px; margin:15px 10px 0 20px;}

li.boxbullet {text-decoration:none; font-size:14px; font-weight:normal; color:#000000; line-height:1.2em; background:url(images/bullets/red_bullet.gif) no-repeat 0 0; padding-left: 22px; margin:5px 20px 0 20px;}

li.orangebullet {text-decoration:none; font-size:20px; font-weight:bold; line-height:1.2em; background:url(images/bullets/orange_bullet.gif) no-repeat 0 0; padding-left: 35px; margin:25px 20px 0 20px;}

li.orangebulletsm {text-decoration:none; font-size:14px; font-weight:bold; line-height:1.4em; background:url(images/bullets/orange-bullet-sm.gif) no-repeat 0 0; padding-left: 22px; margin:15px 10px 0 20px;}

li.turqbullet1 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet1.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet2 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet2.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet3 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet3.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet4 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet4.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet5 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet5.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet6 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet6.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet7 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet7.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}

li.turqbullet8 {text-decoration:none; font-size:15px; font-weight:bold; line-height:1.4em; background:url(images/bullets/turqbullet8.jpg) no-repeat 0 0; padding-left: 60px; margin:25px 20px 0 20px;}


li.redbullet a {color:#660000; text-decoration:none; font-weight:bold;}
li.redbullet a:hover {text-decoration:underline; color:#ca5979;}

.imgindent {margin:0 20px 0 0; float:left;}
.date {margin:0 5px 0 0; float:left;}
.title {padding-top:10px;}

.top_tile {background:#fff url(images/header_tile.gif) top repeat-x;}
.bottom_tile {background:url(images/footer_tile.gif) bottom repeat-x;}

/* ============================= header ====================== */

.menu {padding:28px 0 4px 0;}
.submenu {padding:6px 6px 0;}
.menu img {margin-right:3px;}
#r6 {margin:0;}

.header_block_nozone {background:url(images/header_bgnozone_dna.jpg) top left no-repeat; padding:25px 0 7px 37px;}
.header_block_home {background:url(images/header_bg_dna_home.jpg) top left no-repeat; padding:0 0 74px 37px;}
.header_block_activities {background:url(images/header_bg_dna_activities.jpg) top left no-repeat; padding:0 0 74px 37px;}

.header_static {background:url(images/header_bg.jpg) top left no-repeat; position:relative; width:882px; height:325px;}
.slogan {margin:45px 0 0 75px;}

.logo_nozone {margin:-80px 0 0 580px;}
.logo_midzone {margin:-100px 0 0 580px;}
.logo_home {margin:-60px 0 0 580px;}
.logo_flash {margin:-60px 0 0 580px;}

h1.brown { 
         font: bold 2.2em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #660000;
         letter-spacing: -.1em;
		
   }

h1.gray { 
         font: bold 2.2em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #999999;
         letter-spacing: -.1em;
	
   }

h1 { 
         font: bold 2.2em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #39AFD8;
         letter-spacing: -.1em;

   }
   
h1.white { 
         font: bold 2.3em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #FFFFFF;
         letter-spacing: -.08em;
   }
   
h2 { 
         font: bold 1.9em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #996666;
         letter-spacing: -.1em;
	
   }
   
h2.black { 
         font: bold 1.7em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #000000;
         letter-spacing: -.1em;

   } 
   
   
h3 { 
         font: bold 1.7em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #009999;
         letter-spacing: -.1em;

   }
   
h3.black { 
         font: bold 1.7em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #000000;
         letter-spacing: -.1em;

   } 
  

  
h4 { 
         font: bold 1.4em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #39AFD8;
         letter-spacing: -.1em;	
		
   }  
   
  
h4.burg { 
         font: bold 1.7em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #CC0033;
         letter-spacing: -.1em;
		 
   }  

h4.black { 
         font: bold 1.7em 'Lucida Grande', Arial, Helvetica, sans-serif;
         color: #000000;
         letter-spacing: -.1em;
		 
   } 
   
   
/* ============================= middle ====================== */

.main_indent_midzone {margin:0 0 0 0; background:url(images/middle_tile.gif) top repeat-x; padding:35px 11px 41px 11px;}
.main_indent_nozone {margin:0 0 0 0; background:url(images/middle_tile.gif) top repeat-x; padding:35px 11px 41px 11px;}

#index .main_indent_midzone {background:none;}
#activities .main_indent_midzone {background:none;}
#activitydetail .main_indent_midzone {background:none;}
#landingsubnav .main_indent_midzone {background:none;}
#pageoptions .main_indent_midzone {background:none;}


.column_padding {padding-right:66px;}
.column_padding2 {margin-left:20px;}


.row1 {line-height:1.4em; color:#660000; font-weight:bold; position:relative; margin:-47px 1px 0 1px; background:url(images/row1_tile.gif) 0 47px repeat-x;}


.row1 .title {padding-top:6px;}
.row1 .activity {padding:6px 6px 0;}

/* .row1 .img {margin-left:3px;} */
.box {background:url(images/box_tile_bg.gif) left repeat-y;}
.box .right_bg {background:url(images/box_tile_bg.gif) right repeat-y;}
.box .bottom_bg {background:url(images/box_bottom_bg.jpg) bottom left no-repeat; text-align:center;}
.box .full_bottom_bg {background:url(images/box_full_bottom_bg.jpg) bottom left no-repeat; text-align:center;}
.box .one_bottom_bg {background:url(images/box_one_bottom_bg.jpg) bottom left no-repeat; text-align:center;}



.box1 .top_bg {background:url(images/box2_top_bg.jpg) top left no-repeat; width:100%;}
.box1 .full_top_bg {background:url(images/box_full_top_bg.jpg) top left no-repeat; width:100%;}
.box1 .one_top_bg {background:url(images/box_one_top_bg.jpg) top left no-repeat; width:100%;}

.box2 .top_bg {background:url(images/box2_top_bg.jpg) top left no-repeat; width:100%;}
.box3 .top_bg {background:url(images/box2_top_bg.jpg) top left no-repeat; width:100%;}
.box4 .top_bg {background:url(images/box4_top_bg.jpg) top left no-repeat; width:100%;}

.box .indent {padding:0 3px 16px 3px;}
.box_indent {padding-right:4px;}

.line_hor {background:url(images/line_hor.gif) bottom left repeat-x; margin-bottom:10px; padding-bottom:5px;}

.margintiny {margin-top:5px;}
.marginsmall {margin-top:10px;}
.margin {margin-top:20px;}
.margin30 {margin-top:30px;}
.margin40 {margin-top:40px;}
.margin50 {margin-top:50px;}
.margin70 {margin-top:70px;}
.margin100 {margin-top:100px;}
.margin120 {margin-top:120px;}
.padding1 {padding-right:10px;}
.no_margin {margin:0;}
.img_block {margin-top:15px;}
.img_block2 {margin-top:18px;}
.ul {margin-top:15px;
font-size:14px;}
.grey {color:#8a8a8a;}
.red {color:#c64d6f;}
.mail {margin-top:26px;}


/* ============================= footer ====================== */

#footer {color:#1a7c9d; font-weight:bold;}
#footer a {color:#1a7c9d; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {padding:12px 0 0 27px;}

/* ============================= forms ============================= */


form .rowi {height:42px;}
form .more {margin-left:20px;}

.input {width:232px; height:19px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:500px; height:145px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/* ============================= index-5 =========================== */

.popup {background:#fff;

		width:550px;
		padding: 20px;

}

/* Posin css for top menu ( 23 Dec 2008) */

#header_tabmenu{
	/* display:inline-block; */
	/* padding:24px 0 4px 0; */
	margin:0 0 0 0;
	padding:2.2em 0 5.5em 0;
	}
	#header_tabmenu ul{
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		z-index:10;
	}
	#header_tabmenu ul li{
		margin:0;
		padding:.52em 0 0 0;
		list-style-type:none;
		display:inline;
		position:relative;
		left:.18em;
		}
	#header_tabmenu ul li a{
		text-decoration:none;
		}
	#header_tabmenu ul li ul li{
		display:block;
		height:24px;
		}
	#header_tabmenu ul li a:hover ul li a {
		display:block;
		position:absolute; 
		color:#000; 
		width:115px; 
		float:left;
		}
	 #header_tabmenu ul li a:hover{
		position:relative;
		top:0;
		left:0;
		} 
	#header_tabmenu ul li a:hover ul{
		display:block; 
		position:absolute; 
		top:0; 
		left:0; 
		width:115px;
		}
	#header_tabmenu ul li a:hover ul li{
			float:left;
			display:block; 
			position:absolute; 
			top:0; 
			left:0; 
			width:115px; 
			}
	#header_tabmenu ul li ul{
 		visibility:hidden; 
		}
	#header_tabmenu ul li:hover ul li a{
			visibility:visible;
			width:115px;
			top:0px;

			}
			
.tabmenusub{
	position:absolute; 
 	left:0; 
 	top:4.96em;
	}
	
.menu table {
	border-collapse:collapse; 
	border:0; 
	margin:0; 
	padding:0;
	}
	

.abouttab{
	float:left;
 
	height:60px;
	width:123px;
	}
	.abouttab a{
	float:left;
	background:url(images/button1.jpg) no-repeat left top;
	height:60px;
	width:123px;
	}
	.abouttab a:hover{
	float:left;
	background:url(images/button1_active.jpg) no-repeat left top;
	height:60px;
	width:123px;
	}	


/* Form Validation CSS formatting */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
    
.LV_invalid {
    color:#CC0000;
}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
select.LV_valid_field:hover, 
select.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
select.LV_invalid_field:hover, 
select.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}