/* 

  Style Sheet for Kuan Software Web Site
  Copyright © Kuan Software
  // font-family: 'NeuropolMedium', 'Neuropol';
  
*/

/* 
Specificity hierarchy
1. Inline style
2. IDs - use id=" " to access the #element
3. Classes - use class=" " to access the .element
4. Elements and pseudo-elements
*/

/* This will center-align the div element
   margin: auto */
div {
  	width: 720px;
  	margin: auto;
}


/* Home Page */
.header {
	/* The div height */
	width: 720px;
    height: 120px;
    font-size: 10px;
    text-align: center;
    /* rounded the edges */
    border-radius: 8px;
    /* for browser that do not support gradients */
	background-color: #6E808A;
	/* otherwise use linear gradient from bottom to top */
	background-image: linear-gradient(to bottom, #333D41, #91A2AA);
	/* align center */
	margin: auto;
}

/* Secondary Page */
.header2 {
    height: 34px;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    border-radius: 8px;
	background-color: #6E808A; 
	background-image: linear-gradient(to bottom, #333D41, #91A2AA);
	margin: auto;
}

/* Menu Page */
.leftcolumn {
	float: left;
	width: 25%;
}

/* Content Page */
.rightcolumn {
	float: left;
	width: 75%;
}

/* Clear the floats after the columns */
.row::after {
	content: "";
	display: table;
	clear: both;
}


/*
Responsive layout - makes the columns stack on top of 
each other instead of next to each other */
/*
@media screen and (max=width: 600px) {
	.column.left, .column.right {
	width: 100%; 
	}	
}
*/

/* 
Column Heading Text 
use class=" " to access the .element
*/
.p1 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    color: #74909D;
}

footer {
	text-align: center;
	font-size: 10px;
	padding: 10px;
	/* 700 is slightly shorter than the top 720 */
	width: 700px;
	/* a rounded corner */
	border-radius: 8px;
	/* for browser that do not support gradients */
	background-color: #6E808A; 
	/* otherwise use linear gradient from bottom to top */
	background-image: linear-gradient(to top, #333D41, #91A2AA);
	margin: auto;
}

p, a, td, dd {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-decoration: none;
}

img {
	vertical-align: middle;
	border-radius: 8px;
}

table {
	width: 100%;
}

a:link {
	color: grey;
}

a:visited {
	color: grey;
}

a:hover {
	color: white;
	font-size: 16px;
}

a:active {
	color: white;
}



body {
 	font-family: Verdana, sans-serif;
  	color: #fff;
  	background: #151515 url(./body-bg.gif) repeat-x;
}