body {
background-color:#ccc;
color:#666;
font-family:Verdana, sans-serif;
font-size:11px;
line-height:1.3;
background-attachment:fixed;
background-image:url(images/background.gif);
background-repeat:repeat-x;
background-position:center top;
margin-top:15px;
margin-bottom:15px;
padding:0;
}

img {
border:none;
}

h1 {
font-size:16px;
color:#930000;
margin:0;
padding:0;
}

h2 {
font-size:14px;
border-bottom:1px dotted #CCC;
margin:5px;
}

h3 {
font-family:"trebuchet ms";
font-size:1.6em;
font-style:italic;
}

h4 {
padding: 5px;
}

p {
padding:5px;
}

h5 {
font-size:16px;
color:#335C85;
margin:0;
padding:0;
}

h6 {
color:#930000;
font-size:14px;
border-bottom:1px dotted #CCC;
margin:5px;
}

h7 {
color:#335C85;
font-size:14px;
border-bottom:1px dotted #CCC;
margin:5px;
}

.blackhead {
color:#480000;
}

.redhead {
color:#930000;
}

.bluehead {
color:#335C85;
}

.contents {
margin-right:20px;
padding-right:10px;
}

.contents ul {
list-style-position:outside;
list-style-type:square;
border:1px solid #666;
margin:8px;
padding:8px;
}

.contents li {
margin:0 0 0 10px;
padding:0 0 0 2px;
}

#maincontainer {
clear:both;
width:740px;
background-color:#fff;
margin-left:auto;
margin-right:auto;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-right-color:#838587;
border-bottom-color:#838587;
border-left-color:#838587;
padding:10px;
}

#banner {
width:100%;
border-bottom:1px solid #fff;
margin:0;
padding:0;
}

#header {
width:760px;
background-color:#999;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-top-color:#FFF;
border-right-color:#fff;
border-left-color:#fff;
border-width:1px 1px 0;
margin:0 auto;
padding:0;
}

#banner_strip {
height:26px;
background-color:#335C85;
border-bottom:1px solid #fff;
}

#toolbar {
height:26px;
width:760px;
margin-left:auto;
margin-right:auto;
background-color:#335C85;
background-image:url(images/toolbar.gif);
background-repeat:repeat-y;
background-position:center top;
}

.strapline {
padding:5px 0 3px;
}

.important {
font-size:9px;
border-left:#284F75 3px solid;
margin:0 0 0 5px;
padding:1px 1px 1px 5px;
}

.contact_tools {
width:326px;
float:right;
color:#fff;
font-weight:700;
vertical-align:middle;
}

.contact_tools a:link {
color:#FFF;
text-decoration:none;
font-weight:700;
}

.contact_image {
padding:5px 5px 3px 10px;
}

#navcontainer ul {
list-style-type:none;
font-family:verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
border:none;
margin:0;
padding:0;
}

#navcontainer a {
display:block;
width:170px;
background-color:#838587;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
border:5px solid #D6D6D6;
margin-top:2px;
margin-bottom:3px;
padding:3px 0 3px 10px;
}

#navcontainer a:link,#navlist a:visited {
color:#eee;
text-decoration:none;
}

#navcontainer a:hover {
background-color:#369;
color:#fff;
background-image:url(images/bullet_over.gif);
background-repeat:no-repeat;
border:5px solid #E8E8E8;
}

.morelink {
text-align:right;
}

#welcome {
text-align:center;
}

#welcome2 {
background-image:url(../images/index_welcome_image2.jpg);
background-repeat:no-repeat;
}

#welcome3 {
background-image:url(../images/index_welcome_image3.jpg);
background-repeat:no-repeat;
}

#welcome_text {
width:300px;
margin:0 0 0 440px;
padding:10px;
}

#welcome_text p {
color:#000;
}

.feature {
width:155px;
border-left:1px solid #ccc;
float:left;
margin:5px;
padding:5px;
}

.project_browser {
clear:both;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:silver;
overflow:hidden;
margin:0 10px 10px;
padding:0 0 0 10px;
}

.project_browser h1 {
margin-bottom:10px;
margin-top:0;
margin-right:0;
padding:0 0 10px 10px;
}

#project_pictures {
width:160px;
float:left;
clear:left;
text-align:center;
margin-top:16px;
}

#project_pictures img {
border:5px solid #CCC;
margin-bottom:3px;
}

#project_pictures a {
font-size:9px;
}

#browser_text {
float:right;
clear:right;
width:330px;
margin:5px;
padding:5px;
}

.browser_image {
float:left;
border:5px solid #CCC;
}

#flash {
font-family:sans-serif;
font-size:12px;
color:#253165;
background:#fff;
text-align:center;
margin:0;
padding:0;
}

.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
color:#000;
}

#team {
margin:5px;
}

#team p {
color:#333;
border-bottom:1px dotted #CCC;
margin:2px;
padding:2px;
}

.jobposition {
float:right;
color:#000;
}

*,form {
margin:0;
padding:0;
}

a:link,a:visited {
text-decoration:none;
color:#900;
font-weight:700;
}

a:hover,a:active {
text-decoration:underline;
color:#F40006;
font-weight:700;
}

#middleleft,#navcontainer {
width:200px;
}

#glossary-table {
padding: 5px;
width: 540px;
}