/*
**  CRS4 ViC style sheet for CSS2-capable browsers.
**
*/

/* ----- General */

body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: White;
    color: Black;
    margin: 0;
    padding: 0;
/* These work in IE only, changes the look of the scrollbar + textareas
    scrollbar-base-color: #DEE7EC;
    scrollbar-highlight-color: #DEE7EC;
    scrollbar-track-color: #F7F9FA;
    scrollbar-darkshadow-color: #F7F9FA;
    scrollbar-3dlight-color: #8CACBB;
    scrollbar-shadow-color: #8CACBB;
    scrollbar-arrow-color: #436976;
*/
}

.ahem {
	display:	none;
}

/* ----- Menu tabs properties */

div.tabs {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background: transparent;
    border-collapse: collapse;
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0.5em 0em 0em 1em;
    white-space: nowrap;
    font-size: 80%;
}

div.tabs a {
    /* The normal, unselected tabs. They are all links */
    background: transparent;
    border-color: #8CACBB;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #436976;
    font-weight: normal;
    height: 1.2em;
    margin-right: 0.5em;
    padding: 0em 1em;
    text-transform: lowercase;
}

div.tabs a.selected {
    /* The selected tab. There's only one of this */
    background: #DEE7EC;
    border: 1px solid #8CACBB;
    border-bottom: #DEE7EC 1px solid;
    color: #436976;
    font-weight: normal;
}

div.tabs a:hover {
    background: #DEE7EC;
    border-color: #8CACBB;
    border-bottom-color: #DEE7EC;
    color: #436976;
}

/* ----- Widget properties */

input.standalone {
    background: #DEE7EC url(/vic/img/linkOpaque.gif) 9px 1px no-repeat;
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.context {
    background: White url(/vic/img/linkTransparent.gif) 9px 1px no-repeat;
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.destructive {
    background: #FFCE7B url(/vic/img/linkTransparent.gif) 9px 1px no-repeat;
    border: 1px solid #FFA500;  
    color: Black;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

input.noborder {
    border: none;
    margin: 0;
    background-color: transparent;
}

input.sitesearch {
    border: 1px solid #8CACBB;
    margin: 1em;
    cursor: pointer;
    font-size: 80%;
    font-weight: normal;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}


/* ----- Box properties */

div.searchbar {
    /* Bar with search menu */
    background: #DEE7EC;
    border-bottom-color: #8CACBB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: Black;
    text-align: right;
    text-transform: lowercase;
    margin: 0em 0em 0em 0em;
    padding: 0em 0.2em 0em 0em;
    font-size: 80%;
}

div.searchbar a {
    background-color: transparent;
    color: #436976;
    font-weight: normal;
    margin-left: 0em;
}

div.searchbar img {
    vertical-align: top;
}

div.searchBox {
    /*searchbox style and positioning */
    background-color: transparent;
    color: Black;
    float: right;
    margin: 3em 0em 0em 0em;
    padding: 0em 2em 0em 0em;
    text-align: right;
    text-transform: lowercase;
    width: 30%;
}

input.searchButton {
    font-size: 100% ! important;
    margin-bottom: 1px ! important;
}


/* ----- Box properties */

div.example {
	margin: .25em 0;
	padding: 10px;
}


div.galleryLeft {
    width: 460px;
    margin-right: 10px;
    margin-top: 5px;
    float : left;
}

div.galleryRight {
    width: 460px;
    margin-left: 10px;
    margin-top: 5px;
    float : right;
}

div.galleryAbs {
    width: 460px;
    margin: 0px auto;
    margin-top: 5px;
}

img.imgRight {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}

img.imgLeft {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

#Header {
	margin: 0 0px;
	height: 90px;
}

#headerText {
	position: absolute;
	top: 0px;
	left: 30%;
	width: 67%; 
}

#headerLogo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px; 
	color: #8CACBB;
    	clear: left;
    	text-align: left;
    	font: 30px Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em
}

#intro {
	margin-bottom: 5px;
}

#quote {
	padding-top: 5px;
	margin-bottom: 10px;
}

#MainText {
	/*position: absolute;*/
	left: 0px;
	/*top: 120px;*/
	line-height: 1.5;
        width: 70%;
	z-index: 0;
}


#MainText div.padder {
	margin-left: 10px;
	margin-right: 10px;
}

#SiteNav {
	width: 100%;
	z-index: 1;
}

#SubNav {
	position: absolute;
	top:180px;
	/*right:20px;*/
	left: 72%;
	width:25%;
	padding:0px 0.5em;
	z-index: 2;
	font-size: 7pt;
}

#SubNav div.padder {
	margin-right: 25px;
}

#footer {
	margin: 60px 0px;
}

address, blockquote, dd, dir, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, li, menu, ol, p, pre, table, ul {
	margin: 0;
	padding: 0;
}

/* ---- Titles */

h1, h2, h3, h4, h5, h6 {
    color: Black;
    clear: both;
    text-align: left;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.0em;
    border-bottom: 1px solid #8CACBB;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: Black ! important; }


h1 {
    text-transform: uppercase;
    text-align: center;
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 100%;
}

h6 {
    font-size: 80%;
}

/* ---- Rest of style specs */

body {
	color:#333;
	background-color:white;
}

code {
	color: blue;
}

a, a:link {
	color: #09c;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #07a;
}

a:hover {
	text-decoration: underline;
}


#Header {
	border-style:solid;
	border-color:#8CACBB;
	border-width:0px 0px;
	background-color:#fff;
}

#headerText {
	text-align: right;
}

#MainText div.padder {
	text-align: justify;
}

#SiteNav {
}

#SubNav {
	border-style:solid;
	border-color:#8CACCB;
	color: #436976;
	border-width:1px 1px;
	background-color:#DEE7EC;
	z-index: 2;
}

#footer {
	text-align: center;
	border-style:solid;
	border-color:#8CACCB;
	color: #436976;
	border-width:1px 0px;
	background-color:#DEE7EC;
	z-index: 2;
}
#footer a {
	color: #436976;
	font-weight: normal;
}

div.example {
	border: 1px solid black;
}

img, a.imgLink {
	border: 0px solid white;
	color: white;
}

#intro, #quote {
	color: #333;
}

#quote {
	border-width: 1px 0 0 0;
	border-color: #8CACBB;
	border-style: solid;
}

img {
	border-width: 0;
}

.strike {
	text-decoration: line-through;
}

.newslog { 	
	margin: 2em 0em;
	margin-left: 0em;
	margin-right: 0em;
	text-align: justify;
	text-indent: 0em;
	color: #333; 
	font-style: normal; 
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular,sans-serif; 
}

.newsfeed { 	
	margin: 0.0em 0em;
	text-align: left;
        padding: 0px;
	text-indent: 0em;
	line-height: 1.0em; 
	/*color: #333;*/ 
	font-style: normal; 
	font-size: 0.9em;
}

.newsfeedmoretocome { 	
	margin: 0.0em 0em;
	text-align: right;
        padding: 0px;
	text-indent: 0em;
	line-height: 1.0em; 
	/*color: #333;*/ 
	font-style: normal; 
	font-size: 0.9em;
}

.authors  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0em 0em;
	margin-left: 0em;
	margin-right: 0em;
	text-indent: 0em;
	text-align: right;
	padding: 0px 0px 10px 0px;
	background-image: url(/vic/img/buzz_separator.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.caption { 	
	margin: 2em 0em;
	margin-left: 1.8em;
	margin-right: 1.8em;
	text-align: justify;
	text-indent: 0em;
	color: #036; 
	font-style: italic; 
	font-size: 1.0em; 
	line-height: 1.5em; 
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular,sans-serif 
}

body, code, pre {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: small;
}

address {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size: xx-small;
}

code, pre {
 	font-family: 'Andale Mono', Courier, monospace;
}

#SubNav p {
	line-height: normal;
}

p+p {
	text-indent: 1.8em;
	margin-top: -.667em;
}

dir, dl, fieldset, menu, ol, p, pre, ul {
	margin: .67em 0;
}

ul {
	list-style-type: disc;
}

ol, ul {
	margin: .33em 0;
}


h2, h3, h4, h5, h6 {
	margin: 1.667em 0 0 0;
	text-align: left;
}

dt, th {
	margin: 1.667em 0 0 0;
	text-align: left;
}


li {
	margin: 0 0 0 1.8em;
}

dd {
	margin: 0 0 .667em 1.8em;
}

blockquote {
	margin: .667em 0 .667em 1.8em;
}

h2.sub {
	margin-left: 0em;
	margin-top: 0px;
}

#SiteNav ul, #SiteNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#SiteNav ul ul {
	padding: 0;
	margin: 0px 0px 0px 10px;
}

#SiteNav a, #SiteNav li.active li a, #SiteNav li.active li.active li a, #SiteNav a:hover, #SiteNav li.active li a:hover, #SiteNav li.active li.active li a:hover, #SiteNav li.active a, #SiteNav li.active li.active a, #SiteNav li.active li.active li.active a {
	padding-left: .5em;
	padding-right: .5em;
}

#SubNav p {
	margin-top: 0.5em;
	margin-bottom: 0;
}

#SubNav ul, #Subnav li {
	margin: 0;
	padding: 0;
	text-align: left;
}


/* --- Tables */

#MainText td	{font:normal 1.0em verdana,Arial,Helvetica,Sans-serif; color:#333; background:#DEE7EC; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#MainText td.white	{color:#333; background:#fff; padding-bottom: 1em; border-right:0px; border-bottom:0px; }
#MainText td.gtd	{color:#333; background:#cdcdcd;}
#MainText th	{font:bold 1.0em verdana,Arial,Helvetica,Sans-serif; color:#fff; background:#99c; border-right:1px solid #669; border-bottom:1px solid #669;}

#MainText th.s1	{font:bold 1.0em verdana,Arial,Helvetica,Sans-serif; color:#960; background:#DEE7EC; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left;}
#MainText th.s2	{font:bold 1.0em verdana,Arial,Helvetica,Sans-serif; color:#333; background:#DEE7EC; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; width:135px;}
#MainText th.s3	{font:normal 1.0em verdana,Arial,Helvetica,Sans-serif; color:#333; background:#DEE7EC; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; width:90px;}
#MainText td.s	{font:normal 1.0em verdana,Arial,Helvetica,Sans-serif; color:#333; background:#fff; border-right:0; border-bottom:0; text-align:left;}

/* --- Images of various kinds */

.imgMovies {
	margin: 20px;
	padding: 0;
	text-align: center;
}
.thumb {
	padding: 0px;
        margin: 0px;
	width: 111px;
	height: 88px;
	background-image: url("/vic/img/thumbImg.png");
	/*border: 4px solid #FFF;*/
}

.thumbinline {
        display: inline;
	padding: 13px;
        margin: 0px;
	/* width: 111px; */
	/* height: 88px; */
	/*border: 4px solid #FFF;*/
}
.movie {
	padding: 0px;
        margin: 0px;
	width: 111px;
	height: 88px;
	background-image: url("/vic/img/thumbMovie.png");
}
.moviebig {
	padding: 0px;
        margin: 0px;
	width: 300px;
	height: 238px;
	background-image: url("/vic/img/thumbMovieBig.png");
}
.imgbig {
	padding: 0px;
        margin: 0px;
	width: 300px;
	height: 238px;
	background-image: url("/vic/img/thumbImgBig.png");
}
.thumb:hover {
	background-image: url("/vic/img/thumbImgHover.png");
}
.movie:hover {
	background-image: url("/vic/img/thumbMovieHover.png");
}
.thumb img {
	margin: auto;
	display: block;
}
.movie img {
	margin: auto;
	display: block;
}

div.endthumbs{
	clear: both;
}


#headerLogoNEW {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1600px;
	height: 80px;
	/*background-image: url("/vic/img/dot16x16.gif");*/
	background: White;
	color: #8CACBB;
    	clear: left;
    	text-align: left;
    	font: 30px Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.0em
}


/* Open-source Software */

#osw div {
	margin: 20px;
}

#osw ul {
 	list-style-type: none;
  	max-width: 900px;
}

#osw p {
	font-size: small;
	text-align: justify;
}

#osw p+p {
	text-indent: 0.0em;
	margin-top: 0.5em;
}

#osw li img {
  float: left;
  width: 256px;
  margin: 0 15px 0 0;
}

#osw li {
  padding: 10px;
  overflow: auto;
}
 
#osw li img {
  float: left;
  margin: 0 15px 0 0;
}