/********** basic layout information **********/

#csscontainer {
	/*width: 758px;*/
	/*width: 970px;*/
	width: 100%;
	/*margin: 10px auto;	/*	center the page */
	background-color: #FFF;
	color: #333;
	/*border: 1px solid gray;*/
	line-height: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
#cssheader {
	height: 100px;
	padding: 0;
	background-color: #FFF;
	background-image: url(/lib/images/banner.jpg);
	}
	
#csscolumn1 {
	}
	
#csscontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}
	
#csstab {
	background-color: #999966;
	border-top: 1px solid gray;
	width: 100%;
	}
	
#cssfooter {
	clear: both;
	margin: 0;
	padding: .5em;
	color: #CCCCCC;
	background-color: #FFF;
	font-size: xx-small;
	text-align: left;
	}
	
#csslogo {
	float: left;
	}
	
#cssbanner {
	float: right;
	}
	
#csscolumnseparator {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
	
/********** restyling of standard tags **********/

#cssheader h1 {
	padding: 0;
	margin: 0;
	}
	
#csscolumn1 p {
	}
	
#csscontent h1 {
	margin: 0 0 .25em 0;
	padding: 0 0 .25em 0;
	/*color: #008080;*/
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	/*font-variant: small-caps;*/
	letter-spacing: 5px;
	}

#csscontent h2, h3 {
	margin: .25em 0 .25em 0;
	padding: 0;
	/*color: #008080;*/
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	/*font-variant: small-caps;*/
	/*letter-spacing: 1px;*/
	letter-spacing: 3px;
	}
	
#csscontent p {
	padding: .1em 1em;
	}

/********** restyling of anchor tags **********/

#cssheader a:visited, #cssheader a:active, #cssheader a:link {
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-decoration: none;
	}
#cssheader a:hover {
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-decoration: underline;
	}

#cssfooter a:visited, #cssfooter a:active, #cssfooter a:link {
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-decoration: none;
	}
#cssfooter a:hover {
	color: #FF3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-decoration: underline;
	}

#csscontent a:visited, #csscontent a:active, #csscontent a:link {
	/*color: #FF3300;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	}
#csscontent a:hover {
	/*color: #FF3300;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
	}
	
/********** other styles **********/

.hide, #oldBrowserNotice, .ieSixCharDupBug {
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none;
}

/********** project specific tags **********/

#csslangbox {
	float: left;
	width: 15em;
	}
	
#cssthumbnail {
	float: left;
	text-align: center;
	width: 125px;
	padding: 2em;
	}
	
/********** tag modifications **********/

html {
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0;
	}
	
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
	
table td.label {
	text-align: right;
	vertical-align: top;
	width: 30%;
	}
	
table td.data {
	vertical-align: top;
	width: 70%;
	}
	
table th {
	background-color: #CCC;
	border-bottom: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	}
	
table.content {
/*	width: 950px;*/
	}
	
li {
	list-style-type: square;
	}
	
/********** print **********/

@media print {
	#csscontainer { width: 100%; }
	#csscontent { margin-left: 0; margin-right: 0; }
	#csscolumn1 { display: none; }
	#csscolumn2 { display: none; }
	#cssheader { display: none; }
	#cssfooter { display: none; }
	}