/* intranet.css */

/*
These style are GLOBALs
-------- -------- -------- -------- -------- -------- -------- -------- 
SET HERE are the body styles,
styles for "cannedHam", the default container DIV,
as well as browser reset or undo default styles
*/



/* undo the browser defaults */
* {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	background: transparent;
	}

body {
	background: #f7f4ec url('/images/cannedHam.gif') repeat-y center top;
	font: normal 62.5% Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	}
	
#cannedHam {
	width: 700px;
	background: #fff;
	margin: 0 auto;
		}



/*
Hello, and Welcome to the Styles for the page
-------- -------- -------- -------- -------- -------- -------- -------- 
SET HERE are the styles for all IDs (minus the container 
DIV which is found in the globals above);
Styles are broken out by IDs which, more than less, match page markup.
*/



/*
Thing that are on top
-------- -------- -------- -------- -------- -------- -------- -------- 
*/

#top {
	background: #fff url('/images/top.jpg') no-repeat right 100px;
	}


/* VIMAGES LOGO + Home Page (default) LINK */
#logo {
	position: absolute;
	top: 0px;
	height: 69px;
	width: 450px;
	margin-left: 195px;
	padding: 25px 0 0 20px;
	}


/* SUPER AWSOME MAIN NAVIGATION TABs */
#mainNav {
	float: left;
	background: #fff url('/images/fadeLeft.jpg') repeat-y right top;
	margin-left: 10px;
	width: 175px;
	overflow: hidden;
	border-right: 1px solid #eee;
	padding: 10px 0 15px 0;
	}
#mainNav li {
	font-size: 18px;
	line-height: 24px;
	font-variant: small-caps;
	}
#mainNav a {
	background: #99cc33 url('/images/tabs.gif') no-repeat -10px center;
	margin: 1px 0;
	padding: 0 150px 2px 10px;
	color: #fff;
	}
#mainNav a:hover {background: #7fa92a url('/images/tabs.gif') no-repeat -10px center;}
/* PAGE (section) IDENTIFICATION */
body#download #mainNav .tabDownload a {background: #0088ca url('/images/tabs.gif') no-repeat -10px center;}
body#features #mainNav .tabFeatures a {background: #0088ca url('images/tabs.gif') no-repeat -10px center;}
body#demo #mainNav .tabDemo a {background: #0088ca url('/images/tabs.gif') no-repeat -10px center;}
body#docs #mainNav .tabDocs a {background: #0088ca url('/images/tabs.gif') no-repeat -10px center;}

#mainNav a:active {
	background: #0088ca url('/images/tabs.gif') no-repeat -10px center;
	border: 0;
	}

#headline {
	clear: both;
	width: 100%;
	background: #fff url('/images/fadeDownShort.gif') repeat-x left bottom;
	padding-bottom: 25px;
	color: #fff;
	}
#headline p {
	background: #960;
	padding: 10px 20px;
	font-size: 2em;
	font-weight: lighter;
	text-align: justify;
	}
#headline .leader {color: #7fa92a;}











/*
The soft, supple middle, mmmmmm
-------- -------- -------- -------- -------- -------- -------- -------- 
*/
#middle {padding-left: 3em;}
#middle table {
	margin: 1em 3em;
	border-bottom: 1px solid #eee;
	width: 90%;
	}
#middle th {
	padding: .5em .25em .75em .5em;
	font-size: 1.2em;
	text-align: left;
	color: #333;
	}
#middle td {
	padding: .75em .5em;
	font-size: 1.1em;
	text-align: left;
	}

#middle .vimagesInfo {padding: 0 0 2em 0;}
#middle .vimagesInfo h2 {
	font-size: 3.5em;
	font-weight: lighter;
	padding: 1em 0 0 0;
	}

#middle .vimagesInfo h2 {
	color: #960;
	margin-bottom: 0.7em;
	}

#currentReleaseTable .firstCell {width: 100px;}
#currentReleaseTable .lastCell {width: 90px;}

#templatesTable .firstCell {width: 200px;}
#templatesTable .midCell {width: 100px;}
#templatesTable .lastCell {width: 90px;}

#sourceTable .firstCell {width: 100px;}
#sourceTable .lastCell {width: 90px;}

#previousReleasesTable .firstCell {width: 100px;}
#previousReleasesTable .lastCell {width: 90px;}

#middle .vimagesInfo a {color: #000;}
#middle .vimagesInfo a:hover {text-decoration: underline;}

#middle #features p {
	font-size: 1.4em;
	line-height: 1.5em;
}

#middle #mainpagess {
	float: left;
}

#middle #mainpagess img {
	border: 1px solid #333;
}

#middle #downloadLeader a {
	display: block;
	text-align: center;
	border: 1px solid #DFC9A2;
	background-color: #EBDFC8;
	font-size: 1.3em;
	margin-left: 460px;
	margin-top: 20px;
	width: 180px;
	padding: 20px 0 20px 0;
	position: relative;
	top: 7px;
}

#middle #downloadLeader #versionnum {
	display: block;
	font-size: 0.8em;
	margin-top: 1em;
}

#features ul, #features ol {
	margin: 1em 0 1em 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

#features ul li {
	list-style: disc;
	margin: 0.3em 0 0.2em 1.3em;
}

#features ol li {
	list-style: lower-roman;
	margin: 0.3em 0 0.2em 0;
}


/*
Example Sites list
-------- -------- -------- -------- -------- -------- -------- --------
*/

ul#llleft {
	float: left;
	margin-left: 20px;
	width: 380px;
}

ul#llright {
	margin-left: 400px;
	width: 300px;
	margin-bottom: -30px;
}



/*
A genero-article...someplace to put the archive...
-------- -------- -------- -------- -------- -------- -------- --------
*/
.generoarticle h3 {
	margin: 0.2em 0 0.1em 0;
	font-size: 1.8em;
	font-color: #333;
	line-height: 1.5em;
	}

.generoarticle h3 a {
	color: #960;
	}

.generoarticle h3 a:hover {
	color: #00aaff;
	}

.generoarticle p {
	margin: 1.6em 0 1.6em 0;
	font-size: 1.4em;
	font-color: #333;
	line-height: 1.5em;
	}
	
	
	
	
	


/*
The nice bottom
-------- -------- -------- -------- -------- -------- -------- --------
*/

#lower {
	clear:both;
	background: #ccc url('/images/lower.jpg') no-repeat center bottom;
	margin-top: 50px;
	border-top: 1px solid #999;
	padding: 0 .5em 125px 0;
	text-align: right;
	}
#footer {padding: 1em 0 0 0;}
#lowerNav ul {
	float: right;
	padding: .25em 0;
	font-size: 1.75em;
	color: #fff;
	}
#lowerNav li {float: left;}
#lowerNav a{
	margin: 0 0 0 .25em;
	border: 1px solid #ccc;
	padding: 0 .25em .25em .25em;
	font-variant: small-caps;
	color: #fff;
	}
#lowerNav a:hover, #copyRight a:hover {
	background: #7fa92a;
	border-color: #fff;
	}
#lowerNav a:active, #copyRight a:active {
	background: #0088ca;
	border-color: #fff;
	}
#copyRight {
	clear: both;
	height: 1.5em;
	border-bottom: 1px solid #ccc;
	padding: .5em 0 1em 0;
	color: #fff;
	}
#copyRight ul {float: right;}
#copyRight li {float: left;}
#copyRight a {
	border: 1px solid #ccc;
	padding: .25em;
	color: #fff;
	}
#emailContact {
	font-weight: bold;
	font-size: 110%;
	letter-spacing: .1em;
	}
#emailContact a {color: #960;}
#emailContact a:hover, #emailContact a:active {color: #fff;}