/* >>>>> Page Styles <<<<< */

html, body {margin: 0; padding: 0 }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000;
	background: #FFFFFF;
	background-image: url(Images/3Dcolorlogo.gif);
	background-repeat: no-repeat;
	background-position: left 120px;
	background-attachment: fixed;
	text-align: center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

p {margin: 0 0 0 0; padding: 8px 0px 0 0; }

/* *****>>>>> Demo Styles <<<<<***** */

/*** The #header div has a static position and a background image ***/

#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	background: #000066 url(Images/kismetbanner.jpg) no-repeat; /*** this is a shorthand 
								   property for the various 
								   background properties ***/
	height: 66px; clip:  rect(   )} /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 

/***#container {
	background: #FFFFFF url(Images/3Dcolorlogo.gif) no-repeat fixed left 120px; 
	position: absolute; text-align: left;
	width: 100%;
	clip:    rect(   )}  ***/

#navmenu {
	background-color: #000066;
	border: solid;
	border-width: 1px 0;
	padding: 3px 0;
	position: relative;
	border-color: #FFFFFF #000 #000;
	color: #CCCC66; 
	z-index: 100; /* Without this, IE put the flyouts UNDER other page elements */
	text-align: center} /*** IE6 needs 			this to display the div ***/  

/* Hide from IE5-Mac \*/
* html #navmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

#navmenu ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
	line-height: 1.2em; }

#navmenu ul li {
  	font-weight: normal;
  	display: block;
  	position: relative; /*** IE6 needs this to display the links ***/
	padding: 1px 0;
	margin: 3px 0;
	width: 9em;  
	border-right: 2px solid #000; color: #CCCC66; clip:   rect(   ); float: left}

#navmenu ul li.first {
	margin-left: 0; 
	list-style: none; }

#navmenu ul li.last {
	border-right: none; }

#navmenu a {
	padding: 3px 0;
	color: #CCCC99; } 

#navmenu a:hover {
 	color: #FFFFFF; background-color: #000066}
	
#navmenu ul li ul {
  position: absolute;
  left: -999em;
  background-color: #000066;
  line-height: 1.5em;
  border-width: 0;
  /*width: 140px;*/
}

#navmenu ul li:hover ul, #navmenu ul li ul:hover, #navmenu ul:hover li ul {
  left:auto;
}

#navclear {
  	display: block;
	clear: both; }

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 


/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

.left {
	float: left;
	margin-left: 0px;
	width: 35%;
	padding: 0 15px 5px 0; } /*** top right bottom left ***/

/***
html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/



.right {
	float: right;
	margin-right: 6px;
	width: 43%;
	padding: 5px 5px 5px 0;
	background: #c3c8c3; }

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.clear {
	clear: both;
	margin: 0;
	padding: 0; }

#contents {
	margin: 0px 100px 5px 220px;
	color: #000000;
	padding: 0px 0px 10px 3px;
	position: relative;  text-align: left; border-top-width: 2px} /*** IE6 needs this to display the div ***/

/*** #contents a:visited {
	color: #000; text-decoration: underline; background: #f4e6ef; padding-top: 0; }

#contents a:hover {color: #f9f; padding-top: 0; }

#contents strong {color:  #f9f; }

#contents pre.altcolor2 strong {color: #cde7a8; }

#contents a:link { 
	color: #000; text-decoration: underline; padding-top: 0;  }  ***/

#footer {
	position: relative;
	background: #f0f1f0 repeat-y;
	text-align: center; 
	font-size: 10px; 
	line-height: 18px; 
	text-decoration: none; margin-top: 100px;
	padding-top: 15px; width: 100%; padding-bottom: 15px}

#footer a:visited  { color: #660066;  } 

#footer a:link{color: #000000; }

#photofooter {
	position: relative;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	margin-top: 20px;
	padding-top: 15px;
	width: 100%;
	padding-bottom: 15px;
}

#photofooter a:visited  { color: #660066;  } 

#photofooter a:link{
	color: #000000;
	background-color: #FFFFFF;
}

#collage {
	background-color: #FFFFFF;
	margin: 1px 0px 5px 1px;
	color: #eef7e2;
	padding: 0px 0px 15px 0px;
	position: absolute;
	left: 0px;
	/*width: 655px;*/
	/*border-color: #FF3333 black black;*/
	text-align: left;
	border-width: 0 0 0 0;
}

a {  text-decoration: none}

h3 {  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-style: normal; 
	line-height: 20px;
	font-weight: bolder}
h2 {  font-size: 20px; font-style: italic; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #000066}

h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	line-height: 20px; 
	font-weight: bolder; color: #FF0000}

.imagebox {  margin-top: 2px;
	padding-right: 3px; 
	padding-left: 3px; 
	position: relative; clip:  rect(   ); 
	padding-top: 2px; 
	padding-bottom: 3px; 
	vertical-align: middle; 
	margin-bottom: 10px;
	float: left}
  
.imagebox p {
   	text-align: center;}

.imageboxclear {  clear: both}

.imageboxfloated { margin-top: 10px; 
	padding-right: 5px; padding-left: 5px; 
	position: relative; clip: rect( ); 
	padding-top: 5px; padding-bottom: 5px; 
	vertical-align: middle; margin-bottom: 10px; 
	text-align: justify ; 
	float: right}

.imagecontainer {background: #FFFFFF }

.imagespacer {clear: both }

#newsbox {
	position: relative;
	margin-left: 655px;
	padding-top: 5px; padding-left: 10px;
	padding-bottom: 25px;
	width: 309px;
	vertical-align: top;  text-align: center;
	z-index: 0; clip:  rect(   ) }
	
.collpics {
	padding:0 0 0 0;
	border: none;
	border-width: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	float: left;
}