body {
	color:#333;
	margin:0px;
	padding:0px;
	text-align:center;
	background: #919AA0 url(../images/gradient.jpg) top left repeat-x;
	font: normal 100%/120% "MS Arial Unicode",Arial, Helvetica, sans-serif;
	font-family: "MS Arial Unicode", Arial, Helvetica, sans-serif;
}
a#skip {
	position: absolute;
	top:-100px;
}
/*
a.button:link, a.button:hover,a.button:visited, p.border a.button:link, p.border a.button:hover,p.border a.button:visited, a.experience:link, a.experience:hover, a.experience:visited {
	display: block;
	width: 60px;
	height: auto;
	text-decoration: none;
	border: 1px solid #690;
	color: #690;
	font-size:  75%;
	padding: 2px 7px 2px 7px;
	margin: 8px 0 0 0;
}

p a.button:link, p a.button:hover,p a.button:visited {
	font-size:  90%;
}
a.experience:link, a.experience:hover, a.experience:visited {
	font-size:  95%;
	width: 150px;
}*/
a:link, a:hover, a:visited  {
	color: #003366;
	text-decoration: underline;
}
img {
	border: 0px solid #333;
}
#container {
	width:95%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color: transparent; 
	text-align: center;
	color:#333;
	
}

#container_full {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color: transparent; 
	text-align: center;
	color:#333;
	
}

/*  top navigation    */	
div#topnav	{
	height: 78px; 
	width: 765px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/line.gif) top left no-repeat;
}

div#topnav ul#menu	{
height: 78px; 
	width: 765px;
	margin: 0;
	padding: 0;
	position: relative;
}

div#topnav ul#menu li {
	margin: 0;
	display: block;
	font-size: 80%;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
ul#menu a {
	font-size: 90%;
}
div#topnav ul#menu li a {
	text-decoration: none;
}
#logo { 
	background: transparent url(../images/wdl_logo.gif) no-repeat;
	left:0;
	height: 78px;
	width: 193px;
}
ul#menu li#logo a {
	display: block;
	width: 193px;
	height: 78px;
	text-decoration: none;
}
ul#menu li#logo a:visited {
	text-decoration: none;
}
div#topnav ul#menu li#nav {
	left: 210px; 
	width:500px;
	height: 58px;
	padding-top:20px;
	text-align: left;
}
div#topnav ul#menu li#nav span {
	color: #9c0;
	font: normal 95%/100% Verdana, Helvetica, sans-serif;
}
div#topnav ul#menu li#nav a {
	color: #fff;
}
/* bread crumb  navigation  */
#crumb_nav {
	clear: both;
	height: auto;
	padding: 0px 0px 10px 15px;
	color: #fff;
}
#crumb_nav #crumb {
	color: #ccc;
	text-align: left;
	padding: 10px 0px 0px 0px;
	font: 70% Verdana, Helvetica, sans-serif;
}
#crumb_nav #crumb a {
	color: #999;
	font-size: 95%;
	font-weight: 100;
}
#crumb_nav #crumb span {
	color: #999;
	font: 80% Verdana, Helvetica, sans-serif;
	font-weight:700;
}
/* crumb nav ends*/
/*content formatting begins*/
#content {
	margin: 0px 15px 0px 12px;
	font:95% verdana, helvetica, sans-serif;
	background-color:transparent;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
/* left nav rules */
#content #left_nav {
	float: left;
	width: 175px;
	margin: 0;
	font:90% verdana, helvetica, sans-serif;
	background-color: transparent;
	text-align:left;
	padding: 0;
}
#content #left_nav_box {
	width: 156px;
	background-color: #d0dbe3;
	border: 5px solid #97abb7;
	padding: 0;
	margin: 0 0 15px 0;
	color: #899197;
}
#left_nav_box ul#nav_links {
	border-top: 0px dotted #ccc;
	padding: 5px 7px 5px 0px;
	margin: 0;
}
#left_nav_box ul#nav_links li {
	
	list-style-type: none;
	background: transparent;
	font:  bold 80%/130% verdana, helvetica, sans-serif;
	border-bottom: 1px solid #97abb7;
	display: block; 
	padding: 7px 3px 7px 0px;
	text-transform: uppercase;
	margin-left: 10px;
	margin-bottom: 0px;
}
#left_nav_box ul#nav_links li#last {
	border-bottom: 0;
}
#left_nav_box ul#nav_links li a:link, #left_nav_box ul#nav_links li a:hover,#left_nav_box ul#nav_links li a:visited {
	color: #333;
	text-decoration: none;
}
#left_nav_box ul#nav_links li span {
	font-size: 95%;
	color:#666;
}
/*  end left nav rules  */
/*  content rules */

#content_full {
	border: 5px solid #ccc;
	width: 95%;
	margin: 15px;
	font:normal 85%/115% verdana, helvetica, sans-serif;
	text-align:left;
	background-color: #fff;
}

#content #right {
	border: 5px solid #ccc;
	width: 70%;
	margin: 0px 0px 15px 180px;
	font:normal 85%/115% verdana, helvetica, sans-serif;
	text-align:left;
	padding: 5px 0px 10px 0px;
	background-color: #fff;
}

#right h1 {
	padding: 0 0 0 20px;
	margin: 10px 0 10px 10px;
	font: normal 150%/120% Georgia, "Times New Roman", Times, serif;
	color: #06c;
	background: transparent url(../images/blocks.gif) 0 5px no-repeat;
}

#right h1.arabic {
	margin: 10px 0px 10px 10px;
	font: normal 150%/120% Georgia, "Times New Roman", Times, serif;
	color: #06c;
	padding: 0 0 0 10px;
	background: transparent url(../images/blocks.gif) no-repeat; background-position:right; padding-top:20px; padding-right:20px;
	direction:rtl;
}

#right h2 {
	margin: 0 0 0 10px;
	padding: 10px 0px 5px 0px;
	color: #06C;
	font: bold 110%/110% Verdana, Arial, Helvetica, sans-serif;
}
#right h2 a {
	margin: 0 0 0 0;
	padding: 10px 0 5px 0;
	color: #06C;
	font: bold 110%/110% Verdana, Arial, Helvetica, sans-serif;
}
#right h2.border {
	margin: 10px 0 0 0;
	padding: 10px 0px 5px 10px;
	border-top: 1px solid #ccc;
}
#right h3 {
	padding: 10px 0px 0px 10px;
	margin: 0;
	color: #333;
	font: bold 95%/120% Georgia, "Times New Roman", Times, serif;
}
#right p {
	padding: 5px 15px 5px 10px;
	margin: 0;
	color: #333;
	font-size: 100%;
	line-height: normal;
}
#right ul {
	border-top: 0px dotted #ccc;
	padding: 0px 7px 5px 0px;
	margin: 0 0 0 15px;
}
#right ul li {
	list-style-type: circle;
	background: transparent;
	font: normal 90%/130% verdana, helvetica, sans-serif;
	padding: 3px 3px 3px 0px; 
	margin-left: 10px;
	margin-bottom: 0;
}
#right ul.character-bullet li {
	list-style-type: none;
	margin-left: 0;
	font-weight: bold;
	color: #333;
	font-size: medium;
}
#right ul.character-bullet li a {
	color: #333;
	font-weight: bold;
}
#right ul.character-bullet li ul li a {
	color: #333;
	font-weight: bold;
}
#right ul.file-list li {
	list-style-type: none;
	margin-left: 0;
	font-weight: normal;
	color: #333;
	font-size: small;
		padding: 3px 3px 0px 0px; 
	margin-left: 10px;
	line-height: normal;
}
#right ul.file-list li a {
	color: #333;
	font-weight: normal;
}
#right ul.file-list li ul li a {
	color: #333;
	font-weight: normal;

}
#right ul li p {
	padding: 5px 3px 5px 0px; 
	font-size: 100%;
}
#right ul li ul {
	padding: 5px 7px 5px 0px;
	margin: 0 0 0 5px;
	font: normal 110%/130% verdana, helvetica, sans-serif;
}
#right ul li ul li {
	padding: 2px 3px 2px 0px; 
	font: normal 9\100%/100% verdana, helvetica, sans-serif;
}
#right ol {
	padding: 0px 10px 10px 5px;
	margin: 10px 0px 0px 10px;
}
#right ol li {
	font: normal 90%/130% verdana, helvetica, sans-serif;
	padding: 5px 5px 5px 0px; 
	margin: 0 0 0 20px;
}
#right ol.paper {
	padding: 0px 10px 10px 5px;
	margin: 10px 0px 0px 20px;
}
#right ol.paper li {
	list-style-type: upper-roman;
	font: bold 90%/130% verdana, helvetica, sans-serif;
	padding: 5px 5px 5px 0px; 
	margin: 0 0 0 20px;
}
#right ol.paper li p {
	font: normal 100%/130% verdana, helvetica, sans-serif;
	padding: 5px 5px 5px 0px; 
	margin: 0;
}
#right ol.paper ol {
	padding: 0px 10px 10px 5px;
	margin: 0px 0px 0px 0px;
}
#right ol.paper h3 {
	padding: 0;
	margin: 0;
	font: bold 110%/140% verdana, helvetica, sans-serif;
}
#right ol.paper li ol li {
	list-style:upper-alpha;
	font-size: 100%;
	padding: 5px 5px 5px 0px; 
	margin: 0;
}
#right ol.paper li ul {
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 0px 0px;
}
#right ol.paper li ul li {
	list-style-type: circle;
	font: normal 100% verdana, helvetica, sans-serif;
	background: #fff url(../images/gt.gif) 0px 10px no-repeat;
	padding: 5px 5px 5px 15px; 
	margin: 0px;
}
#right img.play {
	padding: 10px 0 10px 10px;
	margin: 0;
}
#right p.feature {
	display: block;
	height: 120px;
	padding: 15px 15px 15px 10px;
	
}
#right p.feature img {
	padding: 0;
	margin: 0 15px 0px 10px;
	float: right;
	border: 5px solid #ccc;
	
}
#right p.preview {
	display: block;
	height: 100px;
	width: 298px;
	padding: 30px 0 0 10px;
	margin: 0;
	
}
#right p.preview img {
	padding: 0px 0px 0px 10px;
	float: right;
	
}
#right table {
	padding: 0;
	margin: 10px;
	border: none;
}
#right table caption {
	margin: 0;
	text-align: left;
	font: bold 100%/100% Verdana, Arial, Helvetica, sans-serif;
}
#right table th {
	margin: 0;
	border: none;
}
#right table td {
	padding: 5px;
	margin: 0;
	vertical-align: top;
	border: 1px #ccc solid;
	text-align: center;
}

#right table.data {
	padding: 0;
	margin: 10px;
	border: none;
}
#right table.data caption {
	margin: 0;
	text-align: left;
	font: bold 100%/100% Verdana, Arial, Helvetica, sans-serif;
}
#right table.data th {
	margin: 0;
	border:  none;
}
#right table.data td {
	padding: 4px;
	margin: 0;
	vertical-align: top;
	border: 1px #ccc solid;
	text-align: left;
}

/** participants page **/
#names_left {
	float: left;
	width: 50%;
}
#names_right {
	margin: 0 0 0 50%;
	width: 48%;
}

/*css rules for contact form****/

#right form {
	margin: 0 0 10px 10px;
	padding: 0;
	height: auto;
	width:auto;
	font: normal 100% verdana, helvetica, sans-serif;
}
#right form input, #right form select {
	width: 400px;
	height: auto;
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	margin: 5px 0px 5px 0px;
	font: normal 100%/100% verdana, helvetica, sans-serif;
}
#right form span {
	font: bold 100% verdana, helvetica, sans-serif;
	color: #06C;
}
#right form p {
	font: normal 100% verdana, helvetica, sans-serif;
	padding: 5px 20px 10px 0px;
}
#right form textarea {
	width: 400px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 5px 0px 0px 0px;
	font: normal 100%/100% verdana, helvetica, sans-serif;
}
#right form input.radio, #right form input.check {
	width: auto;
	background-color: #fff;
	font-weight: normal;
	color:#333;
	border: 0;
	margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 100%;
}
#right form label {
	padding: 0;
	font: normal medium verdana, helvetica, sans-serif;
	margin: 0;
}
#right form label span {
	color: #000;
	font-size: 100%;
	font-weight: 100;
}

#right form input.submit {
	width: auto;
	background-color: #fff;
	font-weight: 06C;
	font: bold 100%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #f60;
	margin: 0;
	border: 1px solid #f60;
}

/*end css rules for contact form****/
/*content formatting ends*/
#footer {
	clear: left;
	width: 560px;
	margin: 0px 0px 15px 184px;
	font: normal 70%/120% verdana, helvetica, sans-serif;
	height: 30px;
	text-align: left;
	background: transparent;
	padding: 0;
	color:#333;
}
#footer span {
	color: #ccc;
}
#footer a {
	color:#333;
	font-size: 90%;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	text-decoration:underline;
}
#footer a:hover {
	color: #333;
	font-size: 90%;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}
#footer #align {
	position: relative;
	width: 140px;
	font-size: 90%;
	top: -13px;
	left: 410px;
	text-align: right;	
}
#footer #alignhome {
	position: relative;
	top: -13px;
	width: 200px;
	left: 360px;
	text-align: right;	
}

#twitter img {
    vertical-align: bottom;
    margin-right: .3em;
}

#content #qr {

	width: 90%;
	margin: 15px;
	font:normal 85%/115% verdana, helvetica, sans-serif;
	text-align:left;
	padding: 5px 0px 10px 0px;
	background-color: #fff;
}

#qr h1 {
	padding: 0 0 0 20px;
	margin: 10px 0 10px 10px;
	font: normal 170%/120% Georgia, "Times New Roman", Times, serif;
	color: #06c;
	background: transparent url(../images/blocks.gif) 0 5px no-repeat;
}

#qr p {
	padding: 5px 15px 5px 10px;
	margin: 0;
	color: #333;
	font-size: 100%;
	line-height: normal;
}
#qr ul {
	border-top: 0px dotted #ccc;
	padding: 0px 7px 5px 0px;
	margin: 0 0 0 15px;
}
#qr ul li {
	list-style-type: circle;
	background: transparent;
	font: 100%/130% verdana, helvetica, sans-serif;
	padding: 3px 3px 3px 0px; 
	margin-left: 10px;
	margin-bottom: 0;
}

#qr h2 {
	margin: 0 0 0 10px;
	padding: 10px 0px 5px 0px;
	color: #06C;
	font: bold 110%/110% Verdana, Arial, Helvetica, sans-serif;
}

#content form {
	margin: 10px;
	padding: 0;
	height: auto;
	width:auto;
	font: normal 100% verdana, helvetica, sans-serif;

}

#content form textarea {
	width: 450px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 5px 0px 0px 0px;
	font: normal 100%/100% verdana, helvetica, sans-serif;
}

#content form label {
	font: normal 100% verdana, helvetica, sans-serif;
	margin: 5px 0px 0px 0px;
	text-align: left;
}

#content form input {
	width: auto;
	background-color: #fff;
	font: normal 100%/100% Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 0px;
	border: 1px solid #ccc;
	text-align: left;
}

#content form input.submit {
	width: auto;
	background-color: #fff;
	font-weight: 06C;
	font: bold 100%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #f60;
	margin: 0;
	border: 1px solid #f60;
}

#content form fieldset {
border: 0;
}