@charset "UTF-8";
/* Khiram Prototype Works CSS */


/* CSS Reset by Eric Meyer */
 
/* Begin Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset CSS - Thanks Eric! */


/* group for clearing floats - Dan Cederholm */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.groupleft:after {
	content: ".";
	display: block;
	height: 0;
	clear:left;
	visibility: hidden;
}

.groupright:after {
	content: ".";
	display: block;
	height: 0;
	clear:right;
	visibility: hidden;
}

/* End group */


body {
	margin: 0 auto;
	text-align:center;
	background: #E8F3E3 url(../images/graphpapergreen.gif) top center repeat;
	font-size: .8em;
}


/*** Overall Page Styles ***/

strong {font-weight: bold;}
cite {font-size: .85em; font-weight: normal; font-style: italic;}
ul li {list-style-type: square; margin: 0 0 0 1.5em}
ol li {list-style: decimal;}
dt {font-weight: bold;}
dl {margin-top: .6em;}


#pagecontainer {
	width: 960px;
	border: 1px solid #555;
	margin: 10px auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .9em;
	background: #fff;
}

#header {	
	height:120px;
	text-align: left;
	border-bottom: 1px double #eee;
	margin: 0 2.5em 1em 2.5em;
}

h1 a {
    display: block;
    width: 405px;
    height: 120px;
    margin: 10px 0 0 0px;
    text-indent: -9999px;
    text-align: left;
    background: #fff url(../images/header2.gif) top left no-repeat;
}

h1.alternate a {
    background: #fff url(../images/header.gif) top left no-repeat;
}


h2 {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 1.55em; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
	font-weight: bold;
	background: url(../images/navshadow.png) top center no-repeat;
}

p {padding-bottom: 1.5em; line-height: 1.7em; font-size: 1.1em;}


#navigation {
	width: 16em;
	float: left;
	margin: 1em 0 1em 2.5em;
	text-align:left;
	padding: 0;
	background: #eee;
	vertical-align: middle;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	text-transform: uppercase;
}



#navigation ul {padding: .5em 0;}

#navigation ul li {
	font-size: 1em;
	list-style-type: none;
}

#navigation li a {
	display: block;  
	font-weight: bold; 
	letter-spacing: .1em; 
	line-height: 2em; 
	color: #333; 
	text-decoration: none; 
	padding: .4em 0 .4em .9em; 
	margin: .2em;
	width: 13.5em;
}


#navigation li a.selected {
	color: #666666; 
	color: #004422;
	background: #fff;
	text-decoration: none;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc #fff #ccc #ccc;
	border-style: solid;
	margin-right: -2px;
}


#navigation li a:hover {background: #DBEDD4; margin-right: 2px;}
#navigation li a:hover.selected {background: #fff;}

.pagecontent {
	padding: 0 ; 
	color: #333; 
	line-height: 1.6em;  
	padding: 1em 3.6% 0 20.5em; 
	text-align: left; 
	font-size: 1em; 
}


.pagecontent.home {padding-bottom: 7em;}
.pagecontent ul li {padding: .3em 0;}
.pagecontent ul li ul {padding: .3em .6em;}
.pagecontent h2 {padding: 0em 1.3em .5em 0;}
.pagecontent a {color: #626366;}
.pagecontent a:hover {color: green;}

.contentfooter {width: 960px; height: 7px; margin: 0 auto; background: url(../images/pagecontentfooter.png) bottom center no-repeat;}

#footer {
	clear: both;
	background: #004422 url(../images/footerk.gif) 99% 50% no-repeat;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .95em;
	padding: .5em .5em;
	text-align: left;
	margin-top: 1em;
	margin-left: -1px;
	margin-right: -1px	
}

#footer ul li {padding: .1em .6em .1em 1em; list-style-type: none;}
#footer ul li.copyright {font-weight: bold;}
#footer ul li.duc {color: #ccc;}
#footer ul {margin: 0 auto; list-style: none;}
#footer a {color: #fff; text-decoration:none;}
#footer a:hover {color: #DBEDD4;}