/* default properties */
body {font-family: Tahoma; font-size: 12px; line-height: 170%;}
a:link, a:visited {color: #006a89; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
img {border: 0;}
p {margin: 6px 0 6px 0;}
h2 {color: #006a89; font-size: 14px; font-weight: bold; margin: 5px 0 5px 0;}
h3 {color: #006a89; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; text-align: center;}
ul {margin: 0; padding: 5px;}
li {list-style-type: square; margin: 0 0 0 30px; padding: 0;}

/* basic layout */
div.cleaner {clear: both;}
div#wrapper {margin: 0 auto; width: 770px;}

/* header */
div#logo {float: left; height: 70px; margin-bottom: 10px; width: 410px;}
div#links {float: right; padding-top: 35px; text-align: right;}

/* menu */
div#sdev {float: left; margin-bottom: 20px; width: 250px;}
div#sdev a.image:link, div#sdev a.image:visited {background-image: url("./images/sdev.jpg"); display: block;
    height: 150px; width: 250px;}
div#sdev a.image:hover, div#sdev a.image:active {background-image: url("./images/sdev_hover.jpg");}
div#tsup {float: left; margin-bottom: 20px; margin: 0 10px 0 10px; width: 250px;}
div#tsup a.image:link, div#tsup a.image:visited {background-image: url("./images/tsup.jpg"); display: block;
    height: 150px; width: 250px;}
div#tsup a.image:hover, div#tsup a.image:active {background-image: url("./images/tsup_hover.jpg");}
div#multi {float: right; margin-bottom: 20px; width: 250px;}
div#multi a.image:link, div#multi a.image:visited {background-image: url("./images/multi.jpg"); display: block;
    height: 150px; width: 250px;}
div#multi a.image:hover, div#multi a.image:active {background-image: url("./images/multi_hover.jpg");}

/* selected items */
div#sdev a.sel_image:link, div#sdev a.sel_image:visited {background-image: url("./images/sdev_hover.jpg"); display: block;
    height: 150px; width: 250px;}
div#tsup a.sel_image:link, div#tsup a.sel_image:visited {background-image: url("./images/tsup_hover.jpg"); display: block;
    height: 150px; width: 250px;}
div#left {float: left; width: 550px;}
div#right {float: right; width: 200px;}
div#right div.box {background-color: #dadada; margin-bottom: 20px; padding: 5px 0 10px 0; width: 200px;}
div#right div.box h2 {text-align: center;}
div#right div.box a:link, div#right a:visited {color: #000000; text-decoration: none;}
div#right div.box a:hover, div#right a:active {text-decoration: underline;}

/* unselected items */
a.unselected:link, a.unselected:visited {color: #7fb4c4;}
a.unselected:hover, a.uncelected:active {color: #006a89; text-decoration: underline;}
p.unselected {color: #999999;}

/* footer */
div#footer-left {float: left; font-size: 10px; margin-top: 20px;}
div#footer-right {float: right; text-align: right; font-size: 10px; margin-top: 20px;}
div#footer {font-size: 10px; margin-top: 10px; text-align: center;}