@charset "utf-8";

/* Global and Common Settings
-----------------------------------------------------------------------------*/
html, body { 
	border:0;
	margin:0;
	padding:0;
	background-color: #fff;
	background-image: url(../Images/Layout/header_background.png); 
	background-repeat: repeat-x;
}

body {	
/*	font:100%/1.25em arial, helvetica, sans-serif; */
	font:0.8em arial, helvetica, sans-serif;
	color: #000000; 
	text-align: center;
}

img { border:0; }
a, a:visited { text-decoration:none; color:#333333;}
a:hover { text-decoration: underline;}
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
address { font-style:normal }

.clear-bg      { clear:both; margin-bottom: 5px; }
.clear         { clear:both; line-height:0;height:0px; }
.clear-left    { clear:left; }
.clear-right   { clear:right; }
.float-left    { float:left; }
.float-right   { float:right; }
.hide 		   { display: none; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; color:#333333; }
.bold-orange   { font-weight:bold; color:#FF9900; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.header-print  { display: none; }
.error		   { font-weight: bold; text-transform: lowercase; color:#666666;}

/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; color:#66cc00; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
p { font-size: 1em; margin:0; padding: 5px 0; } 

/* Forms
-----------------------------------------------------------------------------*/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }

/* Homepage 
-----------------------------------------------------------------------------*/
#container { width: 960px; margin:0 auto; padding:10px 0pt 0pt; text-align:left; }

/* Header
-----------------------------------------------------------------------------*/
#header { height: /*220*/190px; }
#header #logo { float:right; position:relative; /*top: -30px;*/top:55px; right:-50px; }
#header #slogan { position: relative; top: 40px; left:5px; }
#header #navigation { color:#FFF; font-size:1em; padding: 5px; position:relative; top: 27px; }
#header #navigation a { color:#FFF;}
#header #navigation span { padding: 0 3px; }
#header #sponsor-logo { float:right; margin-top:7px; position:relative; right: -25px; }

/* Footer
-----------------------------------------------------------------------------*/
#footer { 
	margin: 0; 
	text-align: center;
	background:url(../Images/Layout/footer_background.png) repeat-x;
	height: 200px;	
}
#footer-wrap { 
	margin: 0 auto; text-align: right; width: 960px; 
	margin-top: 40px;	
	padding-top:5px;
	color: #333333;
	
	border-top:1px dotted #CCCCCC;
	text-align:left;
	font-size: 0.8em;
}
#footer-logo {
	float: right;
}

/* Content
-----------------------------------------------------------------------------*/
#content { min-height: 300px;}
#content-wrap { padding: 0 10px; width:640px; }
#content-column { float: right; width: 300px; margin-top:-50px; } 
#content-column .banner { padding-bottom:10px; text-align:center; } 
#content-column #logo { padding-bottom:10px; } 
#content-column #logo-traspy { padding-top:40px; text-align:center; }

/* Box
-----------------------------------------------------------------------------*/
.box {}
.box-title { border-bottom: 1px dotted #0099cc/*999999*/; padding-bottom:3px; margin-bottom: 10px;}
.box-content { }

.inputbox { 
	margin: 5px; padding: 5px; margin-bottom:10px;  
	background:url(../Images/Layout/input-box-top.png) top right no-repeat; 
	background-color:#e3f7c9; 
	border-bottom: 1px solid #999999;
	color: #333333;
	
/*	position:absolute;*/	
}
.inputbox .box-title { border:0; font-weight: bold; color: #669900; padding-bottom: 0; margin-bottom: 5px}
.inputbox .input { padding: 5px; }
.inputbox .button { padding-top:5px; padding-left:5px; padding-right:5px; text-align: left; height: 25px; }

.inputbox input.text { width: 450px; }
.inputbox textarea.text { width: 450px; height: 220px; }
.inputbox textarea.smalltext { width: 450px; height: 80px; }
.inputbox input.number { width: 30px; }
.inputbox input.date { width: 80px; }

.inputbox2 { position:absolute; background: url(../Images/Layout/input-box2-background.png) no-repeat; width: 319px; height:175px; z-index:101; }
.inputbox2 input.text { width: 280px;}

.msg-box {
	position: absolute;
	z-index:100;
	width: 275px;
	height: 127px;
	background:url(../Images/Layout/msg-box-background.png) no-repeat;		
}
.msg-box .box-content, 
.inputbox2 .box-content { padding: 10px; text-align: left;	margin: 0; }
.msg-box .box-title, 
.inputbox2 .box-title { font-weight: bold; color: #FFFFFF; }
.msg-box .box-message { height: 53px; }
.msg-box .box-buttons { height: 30px; }

.inputbox2 .box-message { height: 95px; }
.inputbox2 .box-buttons { height: 30px;}


/* Toolbox 
-----------------------------------------------------------------------------*/
.toolbox {
	float: right;
	position: relative;
	top: -3px;	
}