html, body { 
	background: #fff; 
	background: url(../images/bg.jpg) repeat-y center;
	font-family:   Arial, Helvetica, Verdana,  sans-serif;
	font-size:13px;
	color:#333;
	line-height:200%;
	text-align: left;	
	margin: 0;
	height:100%;
}

 
/*
=============
LAYOUT STYLES
=============
*/
    
  
table.fullheight {
	height: 100%;
}

td {
	vertical-align: top;
}
td.topcell {
	background: url(../images/siteart_03.jpg) no-repeat bottom;
	width: 781px;
	height: 111px; 
}
td.contentcell {
	background: url(../images/siteart_05.jpg) no-repeat;
	width: 781px;   
 	height: 100%; 
}
td.rightcell {
	background: url(../images/siteart_04.jpg) repeat-x ;
 
}
td.leftcell {
	background: url(../images/siteart_02.png) no-repeat top right; ;
} 
 

div.menu {
	position: relative; 
	top: 87px;
	left: 60px;
	width: 730px;
	height:20px;
	color: #fff;  
} 
div.contentspacer {
 	width: 30px;
 	height: 100%;
	float:left; 
}
div.content {
 	width: 519px;
 	height: 400px;
	float:left;
}
div.contentpicspacer {
 	width: 36px;
 	height: 500px;
	float:left;
}
div.contentpiccollumn {
 	width: 190px; 
	float:left;
}

div.contentpic {
 	width: 190px;
 	height: 371px;
	float:left;
	overflow: hidden;
}

div.logos {
	width: 190px;
	height: 64px;
	float:left;
}

div.creativedata {
	width: 190px;
	height: 20px;
	text-align: right; 
	font-size: 9px;
}


a:link.creativedata, a:visited.creativedata { 
	font-size:10px;
	color:#ccc;
	text-decoration: none;
	border: 0px;
	font-size: 9px;
}

a:hover.creativedata {
	color:#f25822; 
	text-decoration: none;
	border: 0px;
	font-size: 9px;
} 
  
/*
==============
GENERAL STYLES
==============
*/
h1 {  
 	font-size:15px;  
	color:#f25822; 
	text-transform: uppercase;
	font-weight: bold;  
	margin-top: 25px; 
	border-bottom: 1px dashed #f25822;
}

h2 {  
 	font-size:10pt;  
	color:#b32c33;
}
  

img {
	border: 0px;
}

a:link, a:visited{ 
	color:#222;
	text-decoration: none; 
	border-bottom: 1px dashed #ccc;
}

a:hover { 
	color:#f25822;
	text-decoration: none;  
	border-bottom: 1px dashed #f25822;
} 

 
a:link.readmore, a:visited.readmore,a:hover.readmore {
	color: #FFC20E;
	text-decoration: none;
}
 

 
img.textwrap {
	margin-top: 5px;
 	margin-left: 15px;
 	margin-bottom: 5px;
}


/*
======================
MODULE SPECIFIC STYLES
======================
*/

  
/*
=====
LOGIN
=====
*/

div.login_outer {
	width: 190px;
 	height: 170px;  
	background: url('../images/bg_login.png'); 
}	

div.login_inner {
	width: 160px;
 	height: 150px;  
 	position: relative;
 	top: 30px;
 	left: 16px;  
	color: #fff;
}	
 
input.login{
	float:left;  
	border: 1px solid #ccc;
	background: #f3f3f5;
	color: #444; 
	width: 150px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

input.submit_login{
	float:left; 
	background: #444 ; 
	border:0px;  
	color: #f3f3f5;  
	height: 24px;
	font-size:11px;  
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-weight: bold;
	text-align: center; 
	margin-right: 10px;
	float: left;
}


/*
===========
FORM STYLES
===========
*/

span.error {
	color: #f25822;
}

label.edit {
	width:100px;
	float:left;
}

input.edit{
	float:left; 
	border: 1px solid #ccc;
	color: #444; 
	width: 520px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

input.edit50{
	float:left; 
	border: 1px solid #ccc;
	color: #444; 
	width: 50px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}
 
input.contact{
	float:left; 
	background: url('../images/green_transp.png') ; 
	border: 1px solid #ccc;
	color: #444; 
	width: 390px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

select.contact{
	float:left; 
	background: #f3f3f5; 
	border: 1px solid #ccc;
	color: #444; 
	width: 394px; 
	font-size:9pt; 
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	float:left;
}

div.contactlabel {
	width: 60px;
	height: 25px;
	float: left;
}
div.contactform {
	width: 330px;
	height: 60px;
	float: left;
}

textarea.contact {
	float:left;
	border:1px solid #ccc; 
	background: none;    
	color: #444; 
	width: 390px; 
	height:65px;
	font-size:9pt;
	overflow:auto;
	font-family:Arial, Helvetica, Verdana,  sans-serif;
}


input.submit{
	float:left;
	border:0px; 
	background: #f25822;   
	color: #fff;  
	height: 24px;
	font-size:11px;  
	font-family:Arial, Helvetica, Verdana,  sans-serif;
	font-weight: bold;
	text-align: center; 
	margin-right: 10px;
	float: left;
}

 
/*
=================
PAGENUMBER STYLES
=================
*/

div.pagenumber{
	height: 30px;
	width: 638px;
	text-align: center;
} 
input.pagenumber, input.pagenumber:active, input.pagenumber:focus {
	width: 16px;
	height: 16px; 
	background: none;
	border: 1px solid #333;
	color: #333;  
	margin:0px;
	padding:0px;
	font-size: 10px;
	cursor:hand;
}
input.pagenumberactive,input.pagenumberactive:active ,input.pagenumberactive:focus {
	width: 16px;
	height: 16px; 
	background: #ffc20e;
	border: 1px solid #333;
	color: #333;  
	margin:0px;
	padding:0px;
	font-size: 10px;
}
	
input.pagenumberdisabled, input.pagenumberdisabled:active , input.pagenumberdisabled:focus {
	width: 16px;
	height: 16px; 
	background: none;
	border: 1px solid #bbb;
	color: #bbb;  
	margin:0px;
	padding:0px;
	font-size: 10px;
}
