/*Co-Design Tools for Living Labs CSS*/

html, body { margin: 0; padding: 0; background-color: #FFFFFF; color: #333333; font-family: verdana, arial, sans-serif;
font-size: 10px; background-image: url(../images/gradient.gif); background-repeat: repeat-x; }

#main { margin: 0 auto 0 auto; padding: 0; width: 720px;}

#header { margin: 0 0 9px 0; padding: 0; }
h1 { margin: 0 0 0 230px; padding: 0; background-image: url(../images/title.gif); background-repeat: no-repeat; 
display: block; width: 444px; height: 171px; }
h1 span { display: none; }
#header p { margin: 0; padding: 0; }
#header p span { display: none; }

#right { margin: 0; padding: 0; width: 160px; float: right;}

.navi { margin: 15px 0 0 0; padding: 15px 0 15px 0; border-top: 1px dashed #909090; border-bottom: 1px dashed #909090; }
.navi ul { margin: 0; padding: 0; list-style: none; }
.navi li { margin: 0; padding: 0 0 2px 0; }
.navi a:link, .navi a:visited { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #666; text-decoration: none; }
.navi a:hover, .navi a:active, .navi a.active { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #00b4e9; text-decoration: none;}

.block { margin: 0; padding: 15px 0 15px 0; border-bottom: 1px dashed #909090; font-size: 1em; }
.block p { margin: 0; padding: 0; text-transform: uppercase; } 
.block p.low { margin: 0; padding: 0; text-transform: none; } 
.block a:link, .block a:visited { margin: 0; padding: 0; text-transform: lowercase; color: #00b4e9; text-decoration: underline;}
.block a:hover, .block a:active { margin: 0; padding: 0; text-transform: lowercase; color: #00b4e9; text-decoration: underline;}

.block_pics { margin: 0; padding: 6px 0 6px 0; border-bottom: 1px dashed #909090; font-size: 1em; }
.block_pics ul { margin: 0; padding: 0; list-style: none; }
.block_pics li { margin: 0; padding: 9px 0 9px 0; }
.block_pics a:link, .block_pics a:visited { margin: 0; padding: 0; text-transform: lowercase; color: #00b4e9; text-decoration: none;}
.block.pics a:hover, .block_pics a:active { margin: 0; padding: 0; text-transform: lowercase; color: #00b4e9; text-decoration: none;}

h4 { margin: 0; padding: 0 0 3px 0; text-transform: uppercase; font-weight: normal; }
#right img { margin: 0; padding: 0; border: none;  }

#left { margin: 0; padding: 0; width: 560px; float: left; }
#content { margin: 0 65px 0 0; padding: 0; }
#content img  { margin: 0; padding: 0 0 18px 0; border: none;  }

#content ul { margin: 0; padding: 0 0 9px 0; list-style-type: disc; font-size: 1.1em; line-height: 1.5em;}
#content li { margin: 0 0 0 15px; padding: 0 0 9px 0;  }

h2 { margin: 0 0 16px 0; padding: 0; font-family: Arial, sans-serif; font-size: 1.3em; 
text-transform: uppercase; font-weight: bold; color: #666; }
h2 span.underline { margin: 0; padding: 0; border-bottom: 1px dashed #666;}
h3 { margin: 9px 0 16px 0; padding: 0 0 1px 0; font-family: Arial, sans-serif; font-size: 1.3em; 
text-transform: uppercase; font-weight: bold; color: #666; }
h3 span.underline { margin: 0; padding: 0; border-bottom: 1px dashed #666;}
h6 { margin: 0 0 9px 0; padding: 0; font-family: verdana, Arial, sans-serif; font-size: 1.1em; text-transform: none; font-weight: bold; color: #666; }

#left p { margin: 0; padding: 0 0 18px 0; line-height: 1.5em; font-size: 1.1em;}
#left a:link, #left a:visited { margin: 0; padding: 0; color: #00b4e9; text-decoration: underline;}
#left a:hover, #left a:active { margin: 0; padding: 0; color: #00b4e9; text-decoration: underline;}

.clear { margin: 0; padding: 0; clear: both;  }

#footer { margin: 27px 0 27px 0; padding: 0; border-top: 1px dashed #00b4e9;}
#footer p { margin: 0; padding: 3px  0 0 0; text-transform: uppercase; font-weight: normal; color: #00b4e9; font-size: 1em; }
#footer a:link, #footer a:visited { margin: 0; padding: 0; color: #00b4e9; text-decoration: none;}
#footer a:hover, #footer a:active { margin: 0; padding: 0; color: #00b4e9; text-decoration: underline;}