body {
	background:  url(../imgs/main-bg.gif) repeat-x;
	background-color:#FFFFFF;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}

html { min-height:100%; margin-bottom:1px; }

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 842px;
}
#contentcontainer {
	background-color: #FFFFFF;
	clear: both;
	background-image: url(../imgs/contentbg.gif);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DFE6C8;
	border-bottom-color: #DFE6C8;
	border-left-color: #DFE6C8;
}


img {
border: 0px;
}

p {	
padding-left: 10px;
}


a:link {
	background-color: inherit;
	color: #336699;
	text-decoration: underline;
}
	
a:visited {
	background-color: inherit;
	color: #993399;
	text-decoration: underline;
}
	
a:hover, a:active { 
background-color: inherit; 
color: #444444;
text-decoration: underline;
}

#strap {
	float: left;
	/*margin-left: 1px; */
	width: 840px;
	height: 193px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #91C8FF;
	border-bottom-color: #91C8FF;
	border-left-color: #91C8FF;
}
#side h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2462AA;
}



/* footer div styles */
#footer {
	font-size: 0.8em;
	border-top: 2px solid #B6B6B6;
	clear: both;
	padding-top: 5px;
	width: 840px;
	margin-top: 5px;
	background-color: #FFFFFF;
}

/* style the links in the footer */
#footer a:link {
	background-color: inherit;
	color: #444444;
	text-decoration: none;
}
	
#footer a:visited {
	background-color: inherit;
	color: #444444;
	text-decoration: none;
}
	
#footer a:hover, #footer a:active { 
background-color: inherit; 
color: #444444;
text-decoration: underline;
}

#guesswhat {
	float: left;
	width: 315px;
}

#guesswhat a {
	background-color: inherit;
	color: #647E9F;
	text-decoration: underline;
}
/* div holding the company logo */
#logo {
float: left;
height: 90px;
width: 900px;
}

#newsletter {
clear: both;
background-color: inherit; 
color: #FFFFFF;
font-size: 0.80em;
height: 35px;
padding-left: 15px;
padding-top: 5px;  
padding-bottom: 4px;
width: 760px;  /* 660px */
}

#current a:link, #current a:visited, #current a:active {
	color: #003399;
	text-decoration:none;
	background-color: inherit;
}
#current a:hover {
	color: white;
}

#content {
	float: right;
	width: 635px;
	background-color: inherit;
	padding-right: 5px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #42668A;
	letter-spacing: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	padding-top: 10px;
}
#content ul {
	font-size: 12px;
	list-style-type: disc;
	padding-right: 25px;
	padding-left: 25px;
}



#services {
	float: left;
	width: 315px;
	background-color: inherit;
}

#services ul {
	color: #647E9F;
	list-style-type: disc;
	padding-right: 25px;
	padding-left: 25px;
}

#services a {
	color: #647E9F;
}
#services a:hover {
	color: #666666;
}


/* class float to the right */
.flt-rgt { 
float: right;
margin-top: 5px;
} 

/* class to float right  */
.flt-rgt2 { 
float: right; 
margin-right: 10px; }

/* class to float left */
.flt-lft { 
float: left; 
margin-left: 10px; }

/* basic form style to remove default margins */
.form {	
/*border: 1px solid #000000;*/
margin: 0;
padding: 0;
 }

 /* basic heading styles */
h1 {
	background-color: inherit;
	letter-spacing: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
	padding-bottom: 2px;
}

h2 {
	border-bottom: 1px solid #949494;
	background-color: inherit;
	color: #647E9F;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 2px;
	padding-bottom: 2px;
}
h4 {
background-color: inherit; 
color: #428442;
font-size: 1.1em;
font-weight: bold;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 15px;
}

.name {
float: right;
font-weight: bold;
margin-top: 2px;
margin-right: 10px;
padding-bottom: 4px;
}




/* FORM STYLES */
form#contactform div {
 clear: both; 
 padding-top: 6px; 
 }
 
form#contactform {
font-size: 90%; 
color: #505050; 
margin: 20px 20px 30px 30px; 
padding: 5px; 
width: 80%;
background-color: #FEFEFE; 

}
#contactform fieldset { 
border: 1px solid black;
padding: 18px;
color: #428442;
}

#contactform legend {
 font-weight: bold; 
 font-size: 1.4em;
color: #FF9E0B;
 }

#contactform label {
 float: left; 
 width: 25%; 
 }
#contactform input,#contactform textarea { 
float: right; 
width: 70%; 
text-align: left;
border: 1px solid black; 
}

#contactform input {
border: 1px #000000 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
height: 20px;
}

#contactform textarea { 
height: 100px; 
}

#contactform #send { 
float: right; 
margin: 0; 
width:40%; 
text-align: center; 
background-color: #EFEFEF;
color: #666666; 
padding: 2px 2px;
}

#contactform textarea:focus, #contactform input:focus, #contactform select:focus {
	background-color: #E6E6E6;
	color: #464545;}



.templatespiel {
	background-color: #FCFCFC;
	border: 1px solid #E6E6E6;
	margin: 5px auto;
	width: 600px;
}
#sidetext {
	float: right;
	width: 199px;
	height: 173px;
	margin-bottom: 6px;
	overflow: auto;
	background-color: #D3E3F5;
}
#sidetext h1 {
	color: #2462AA;
	text-align: center;
	font-size: 18px;
}

#sidetext p {
	text-align: left;
	font-size: 12px;
}
#main {
	clear: both;
	width: 900px;
}
* html #main {
	margin-top: -4px;
}
#side {
	border-bottom: 2px solid #444444;
	color: #282828;
	float: left;
	font-size: 12px;
	padding-bottom: 8px;
	width: 196px;
}
#navbar {
	width: 900px;
	background-color: #FFFFFF;
}

#side p {
	line-height: normal;
}
#content li {
	margin-left: 5px;
	padding-left: 5px;
}
#content ol {
	font-size: 12px;
	padding-right: 25px;
	padding-left: 25px;
}
#guesswhat h3 {
	/*clear: both;   need to clear the div after the guesswhat div so that the heading positions correctly */
border-bottom: 1px solid #B6B6B6;
	background-color: inherit;
	color: #428442;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-bottom: 2px;
	padding-top: 0px;
}
#content h3 {
	background-color: inherit;
	color: #002346;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-bottom: 2px;
	padding-top: 0px;
}
#insidestrap {
	float: left;
	/*margin-left: 1px; */
	width: 699px;
	height: 175px;
	margin-bottom: 6px;
}
#announcment {
	background-color: #E8E8E8;
	padding: 10px;
	width: 600px;
	border: 2px solid #F8E9CD;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: both;
	font-weight: bold;
	color: #333333;
}
#side h2 {
	color: #42668A;
}
.fltrght {
	background-color: #F2F2F2;
	margin: 5px;
	float: right;
	border: 1px solid #E1E1E1;
	padding: 5px;
}
#sideannounce {
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	background-color: #004891;
	margin: 3px;
	width: 194px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sideannounce a {
	color: #FFFF00;
}
.fltleft {
	background-color: #F2F2F2;
	margin: 5px;
	float: left;
	border: 1px solid #E1E1E1;
	padding: 5px;
}
#header {
	height: 140px;
}

.contactno{
	float:right;
	margin:30px 0 0 0;
}
.clear:after {
	content: ".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
.imageframed {
	background-color: #F2F2F2;
	margin: 5px;
	border: 1px solid #E1E1E1;
	padding: 5px;
}