/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Your images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
html  { margin: 0; padding: 0; width: 900px }
body        { color: #666666; font-size: 11px; font-family: arial; line-height: 1.3em; background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: inherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit topinherit top; visibility: visible; margin: 0; padding: 0; width: 500px; height: auto; float: left }
p { 
	margin-top: 0; 
	text-align: left;
	}
h3       { color: #e2017b; font: bold 11px/1.3em arial; text-align: left; letter-spacing: 0; margin-bottom: 0 }
h2     { color: #000000; font: normal 11px/1.3em arial; text-align: left; letter-spacing: 0; margin-bottom: 0 }
a:link     { color: #999; font-size: 11px; font-family: arial; font-weight: bold; line-height: 0.9em; text-decoration: none }
a:visited   { color: #999; font-weight: bold; text-decoration: none }
a:hover, a:active { 
	text-decoration: none; 
	color: #000000;
	}
acronym {
	border-bottom: none;
	}

a.active:link    { color: #000000; font-size: 11px; font-family: arial; font-weight: bold; line-height: 0.9em; text-decoration: none }
a.active:visited  { color: #000000; font-weight: bold; text-decoration: none }
a.active:hover, a:active { 
	text-decoration: none; 
	color: #000000;
	}
	
a.normal:link    { color: #999; font-size: 11px; font-weight: normal; line-height: 0.9em; text-decoration: none }
a.normal:visited  { color: #999; font-weight: normal; text-decoration: none }
a.normal:hover, a:active  { color: #000000; text-decoration: none }

a.footer:link      { color: #808080; font-size: 10px; font-family: arial; font-weight: normal; text-decoration: none }
a.footer:visited  { color: #999; font-weight: normal; text-decoration: none }
a.footer:hover, a:active  { color: #000000; text-decoration: none }

/* specific divs */
#container_main      { background-color: white; background-position: left top; margin: 0; padding: 0 0 0 0; float: none }
#container_left       { background: white url(img/ciin_logo.jpg) no-repeat fixed left top; position: fixed; width: 300px; height: 100%; float: left; clear: none }
#container_right      { background-color: white; background-image: none; background-attachment: fixed; background-position: left top; margin: 0; padding: 0; position: absolute; left: 350px; width: 500px; height: 100%; float: left }
#header           { background-color: white; background-image: url(img/ciim_header.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; position: inherit; top: 0; left: 0; width: 235px; height: 32px; float: left }
#header_e             { background-color: white; background-image: url(img/ciim_header_e.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; position: inherit; top: 0; left: 0; width: 306px; height: 33px; float: left }
#line_top          { background-color: white; background-image: url(img/pixel.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; position: absolute; top: 35px; width: 600px; height: 1px; float: right }
#background          { background-color: white; background-image: url(img/background.jpg); background-repeat: repeat; background-position: left top; margin-right: 0; margin-left: 0; padding: 0; position: absolute; top: -200px; left: 600px; width: 1000px; height: 2500px; float: left }
#navi               { line-height: 1.4em; background-color: white; background-image: none; background-position: left top; margin: 0; padding: 0; position: fixed; top: 210px; left: 170px; float: left }
#line_middle         { background-color: white; background-image: url(img/pixel.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; position: absolute; top: 21px; width: 600px; height: 1px; float: right }
#container_text      { background-color: white; background-image: none; background-position: left top; margin: 0; padding: 0; position: absolute; top: 55px; width: 550px; height: 400px; float: right }
#text_l              { color: #555; font-size: 11px; font-family: arial; line-height: 1.5em; background-color: transparent; background-image: none; background-position: left top; margin: 0; padding: 0; position: absolute; top: 185px; left: 0; width: 450px; height: 400px; float: left }
#text_r        { color: #555; font-size: 1em; font-family: arial; line-height: 1.4em; background-color: white; background-image: none; background-position: left top; margin: 0; padding: 0; position: absolute; left: 310px; width: 300px; height: 400px; float: right }
#footer          { color: #555; font-size: 0.9em; font-family: arial; font-variant: normal; line-height: 12px; background-color: white; background-image: none; background-repeat: repeat-x; background-position: left bottom; text-align: inherit; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0 0 80px; position: inherit; width: 550px; height: 30px; float: left; vertical-align: text-bottom }
#line_bottom           { background-color: transparent; background-image: url(img/pixel.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; padding-right: 0; padding-bottom: 80px; padding-left: 0; position: inherit; width: 600px; height: 1px; float: left; border-bottom: medium none white }
#text_footer            { color: #444; font-size: 0.9em; font-family: arial; background-color: transparent; background-position: left bottom; margin: 82px 0 0; padding: 0; position: inherit; width: 550px; height: 15px; float: left }
.subnavi  { color: #999; font-size: 1.05em; font-family: arial; font-style: normal; line-height: 0.8em }