/*    Generated by http://www.cssportal.com    */

@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}

p {
    padding: 10px;
}

p.info {
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	line-height: 200%;
}

p.content {
	color: black;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
}

p.contentShoutOut {
	color: black;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
	margin: 10px 4px 3px 20px;
}

p.contentRed {
	color: red;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
}

p.contentBlue {
	color: blue;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
}

p.contentUL {
	color: black;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
	text-decoration: underline;
}

p.contentGainsboro  {
	color: black;
	font-weight: bold;
	font-size: 125%;
	line-height: 150%;
	background-color: Gainsboro ;
}
p.header {
	font-weight: bold;
	font-size: 200%;	
	text-align: center;
}

p.Header2Gainsboro  {
	font-weight: bold;
	font-size: 125%;
	background-color: Gainsboro ;	
}

p.Header2 {
	font-weight: bold;
	font-size: 125%;
	
}


p.footer {
	font-weight: bold;
	font-size: 200%;	
	text-align: center;
}

p.RightCol {
	font-weight: bold;
	font-size: 100%;	
	text-align: center;
}

table {
   vertical-align: top;
}

td.VertCenter {
   vertical-align: center;
}

td {
   vertical-align: top;
}

tr {
	border: 1px solid black;
}

tr.noborder {
	border: 0px solid black;
}
#wrapper {
    width: 100%;
    min-width: 500px;
    max-width: 1200px;
    margin: 0 auto;
}

#header {
    float: left;
    height: 100px;
	vertical-align: middle;
    width: 100%;
	/* IE10+ */ 
	background-image: -ms-linear-gradient(bottom right, #FFFBFA 0%, #FFC8C4 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom right, #FFFBFA 0%, #FFC8C4 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom right, #FFFBFA 0%, #FFC8C4 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFBFA), color-stop(100, #FFC8C4));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom right, #FFFBFA 0%, #FFC8C4 100%);

	/* W3C Markup */ 
	background-image: linear-gradient(to top left, #FFFBFA 0%, #FFC8C4 100%);

}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
#navigation {
    float: left;
    height: 40px;
    width: 100%;
    /*background: #FFCC33;*/
}

#contentliquid {
    float: left;
    width: 100%;
}

#content {
    background: #FFFFFF;
    margin-left: 150px;
    margin-right: 150px;
}

#leftcolumn {
    /*background: #33CCFF;*/
    width: 150px;
    float: left;
    margin-left:-100%;
}

#rightcolumn {
    /*background: #CC33FF;*/
    width: 150px;
    float: left;
    margin-left: -150px;
}

#footer {
    height: 40px;
    width: 100%;
    /*background: #33FF66;*/
    clear: both;
	text-align: center;
	
}

/*Menu on right hand side*/
#menu {
	width: 129px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 0px;
	margin: 10px;
	text-align: center;
	font-weight: bold;
}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
}	
	
#menu li a:link, #menu li a:visited {
	color: black;
	display: block;
	background: url(../images/buttHoverNo.jpg);
	padding: 8px 0 0 10px;
}
	
#menu li a:hover {
	color: red;
	background: url(../images/buttHover.jpg);
	padding: 8px 0 0 10px;
}
	
#menu li a:active {
	color: #26370A;
	background: url(images/menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/*End the menu on right hand side*/