/* Copyright Anny */

/* * {margin:0; padding:0; border:0; color:#000} */
html, body {height:100%}
body {background-color:#fff; min-width:760px}

html, body, td {font:small Verdana, Geneva, "DejaVu Sans", sans-serif; color:#000; margin:0; padding:0; border-width:0}
p {margin:1ex 0; line-height:1.3}
a {text-decoration:underline}
a:link {color:#000}
a:visited {color:#666}
a:hover, a:active {color:#1142a6}	

hr {clear:both; height:0; width:100%; border-width:0; border-top:1px solid #ccc; margin:10px 0; padding:0}
h1 {font-size:large; font-weight:bold; margin:2ex 0}
h2 {font-size:medium; font-weight:bold; margin:2ex 0 1.5ex}
h3 {font-size:small; font-weight:bold; margin:2ex 0 1ex}
ul, ol {list-style-position:outside; margin:1ex 0 1ex 2em;}
li {margin:0.3ex 0}

img {border-width:0}
img.left {float:left; padding:0.3ex 10px 10px 0}
img.flag {margin-bottom:3px}

.i {font-style:italic}
.bld {font-weight:bold}
.clrbth {clear:both}
.yellowbox {margin:2ex 0; padding:10px; background-color:#FFFCED; border:1px solid #E5DEBA}
.bluebox {margin:2ex 0; padding:10px; background-color:#EDF3FF; border:1px solid #BAC8E5}
.smalltext {font-size:x-small}
.greytext, .greytext a:link, .greytext a:visited {color:#888}
	.greytext a:hover, .greytext a:active {color:#1142a6}
.colourtext {color:#a00} /* dark red */
.righttext {text-align:right}
.articledate {clear:both; font-style:italic; color:#888; padding:2ex 0} 

/* software */
.quicklinks {padding: 0.5ex 0 1ex; font-style:italic}
.topaligncolumns {margin:0; padding:0; width:100%; border-width:0; border-spacing:0; width:100%}
.topaligncolumns td {vertical-align:top; border-width:0; border-spacing:0; padding:0; background-color:#fff}

.form {margin:10px 0; padding:0}
.textbox {font:small Verdana, Geneva, "DejaVu Sans", sans-serif; color:#000; border:1px solid #666; background:#fff}
.btn {font:small Verdana, Geneva, "DejaVu Sans", sans-serif;}

.figure {margin:5ex 0; padding:0; text-align:center}
.figure .picture {margin:4ex 0; padding:0}
.figure img.border {border:1px solid #ccc}
.figure .ttitle {font-style:italic; margin:5ex 10ex -3ex; padding:0}
.figure .btitle {font-style:italic; margin:-3ex 10ex 5ex; padding:0}

.texttable {margin:4ex 0; padding:0; width:100%; border-spacing:2px}
.texttable th {background-color:#aaa; font-weight:bold; text-align:center; color:#fff; padding:5px; border-width:0}
.texttable td {background-color:#eee; color:#000; padding:5px; border-width:0}

.previewset {margin:2ex 0 0}
.previewset a.preview {display:block; float:left; width:148px; height:148px; padding:0; margin:0 30px 30px 0}
.previewset a.preview:link {border:1px solid #ccc}
.previewset a.preview:visited {border:1px solid #ccc; background: url(/img/tick.gif) no-repeat right bottom}
.previewset a.preview:hover, a.preview:active { background-color:#f3f3f3; border:1px solid #aaa}	/* border:1px solid #000 */
.previewset .preview img {padding:0; margin:10px}

.topage {clear:both; text-align:center} /* ; padding-top:20px */
.topage .pagelink {padding:4px 8px; margin:5px;}
.topage .currentpage {background-color:#4C618B; text-decoration:none; color:#fff;}
.topage a.arrow:link, .topage a.arrow:visited {color:#000;}
.topage a.arrow:hover, .topage a.arrow:active {color:#1142a6;}	


.desktopset {margin:2ex 0 0}
.desktoppic {float:left; width:202px; padding:0; margin:0 50px 20px 0}
.desktoppic .image {height:152px}
.desktoppic .image img {border:1px solid #000}
.desktoppic .text {height:10em; margin:0; padding:0; overflow:visible}
.desktoppic .text .name {margin:5px 0 0; padding:0; font-weight:bold}
.desktoppic .text .links {margin:5px 0 0; padding:0}
.desktoppic .text .links a {white-space:nowrap}

.show {clear:both; padding:20px 0 0}
.show .picture {float:left; margin:0 20px 10px 0}
.show .picture img.border {border:1px solid #ccc}
.show .title {margin:10px 0}

#container {position:relative; height:auto; min-height:100%}

#top1, #top2 {width:100%; min-width:760px; padding:0 0 10px}
#top1 .menu, #top2 .menu, #main, #bottom .content {width:76%; min-width:740px; margin:0 auto}
#top1 .menulinks, #top2 .menulinks {float:right; font-weight:bold}
#top1 a, #top2 a {display:block; float:left; padding:4px 7px; text-decoration:underline}
#top1 a:hover, #top2 a:hover {text-decoration:underline; color:#000}

#top1 {border-bottom:1px solid #ccc; background-color:#f9f9f9}
#top1 .logo {float:left; width:127px; height:75px; margin:15px 5px 0 0}
#top1 .logo a {padding:0; margin:0}
#top1 a {color:#555; margin:20px 0 0 10px}
#top1 .tbl {margin:0; padding:0; width:100%; border-width:0; border-spacing:0; width:100%}
#top1 .tbl td {background-color:#f9f9f9; padding:0; border-width:0; border-spacing:0; vertical-align:middle}

#top2, #main {clear:both}
#top2 a {color:#555; margin:20px 0 0 10px}

#main .content {padding:20px 0 130px}

#bottom {width:100%; position:absolute; left:0; bottom:0; border-top:1px solid #ccc; background-color:#f9f9f9}
#bottom .content {text-align:center; padding:6px 0; font-size:x-small}

#mainpagepictures {width:100%; padding-bottom:15px}
#mainpagepictures .picture {width:30%; min-width:30%}
#mainpagepictures .title {padding:6px 0; text-align:center; font-size:x-small}
#mainpagepictures .image {height:200px; border:1px solid #999; background:#f9f9f9; overflow:hidden}
#mainpagepictures .shown {margin-left:50%;}
#mainpagepictures .shown img {margin-left:-300px;}
#mainpagepictures .left {float:left}
#mainpagepictures .centre {float:left; position:relative; left:5%; margin-left:-2px}
#mainpagepictures .right {float:right}

#news {width:35%; min-width:35%; float:right;}
#news .content {padding:10px 0}
#news .backcolour {padding:10px 5px 10px 10px; background-color:#FFFCED}
#news h1 {font-size:small; font-weight:bold; color:#000; margin-top:0}
#news .date {font-size:x-small; color:#999; padding:2ex 0 0} 

#posters {width:110px; min-width:110px; float:left}
#posters .content {padding:15px 0 10px}
#posters .poster {width:100px}
#posters .image {margin:0 auto}
#posters .image img.border {border:1px solid #ccc}
#posters .title {padding:4px 0 15px; text-align:center; font-size:x-small; color:#666}

#central .content {padding:10px 32% 0 150px}


/* * {	border: 1px solid red !important;}  */