@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-align:center;
	background-color: #101111;
	padding:0;
	margin:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:85%;
}

a {color:#0099cc; text-decoration:none}
a:hover {text-decoration:underline;}

#container {
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
	text-align:left;
}

#header {height: 175px; width:1000px}

#column_1 {
	width:196px;
	margin-top: 46px;
	float:left;
	height:365px
}

.footer {padding:98px 25px 0 0; text-align:right; font-size:9px; color:#999999}

.footer a {color:#999999; text-decoration:none;}

#column_2 {
	padding: 0px;
	margin-top: 60px;
	margin-right: 473px;
	margin-bottom: 0px;
	margin-left: 200px;
	height:365px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7c7f80;
}

#column_2 p {
	font-size: 85%;
	line-height: 1.2em;
	font-weight: lighter;
	color:#CCCCCC;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#column_2 ul{font-size: 85%; line-height: 1.2em; font-weight: lighter; color:#CCCCCC; list-style-type:square;}

#column_2 h1 {padding-left: 20px; font-size:140%; color:#0099cc; font-weight:normal;}

#column_3 {
	width:468px;
	margin-top: 60px;
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7c7f80;
}

.bigimage {border: 5px solid #009fc5; margin-left:25px;}

.float_header {float:right; margin: 99px 0 0 0}

.clearfloat {clear:both}


/*vertical menu only under here...*/

#verticalmenu {position:relative; width:168px; height:228px; background:transparent url(../images/cis_menu.png); overflow:hidden; margin:0;}
#verticalmenu ul {margin:0; padding:0;}
#verticalmenu li {list-style-type:none; width:168px; height:38px; display:inline;}
#verticalmenu a {display:block; width:170px; height:38px; overflow:hidden; color:#000; text-decoration:none; padding-top:0px; background:transparent  url(../images/cis_menu.png) no-repeat 500px 500px; color:#FFFFFF; text-indent:-900%; } <!--background is positioned @500px to push is out of the way. Text indent shoves the menu item out of the way, but lets it degrade nicely. -->
* html #verticalmenu a  {height:38px; he\ight:0;}
#verticalmenu a#item1:hover {background-position: -168px 0px;	z-index:50;}
#verticalmenu a#item2:hover {background-position: -168px -38px;	z-index:50;}
#verticalmenu a#item3:hover {background-position:  -168px -76px; z-index:50;}
#verticalmenu a#item4:hover {background-position: -168px -114px; z-index:50;}
#verticalmenu a#item5:hover {background-position: -168px -152px; z-index:50;}
#verticalmenu a#item6:hover {background-position: -168px -190px; z-index:50;} 

