/*  General
----------------------------------------------------------------- */

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


body {
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	font:62.5%/1.2 "Myriad Web", "Myriad Pro", "Trebuchet MS", "Verdana", "Arial", sans-serif;
	color:#000;
	height: 100%;
	text-align: center;
	}


/*  Wrappers
----------------------------------------------------------------- */

#whole {
	width: 750px;
	margin: 0 auto 20px 0;
	text-align: left;
}

#banner {
	height: 100px; /* Box model hack: usable area only */
	background-color:#FFFFCC;
	}
* html #banner {
	height: 100px; /* Box model hack: usable area + padding + border */
	h\eight: 100px;	/* Box model hack: usable area only */
	}
	
#menu {
	height: 30px;
	background-color:#99FFFF;
	}	
* html #menu {height: 30px; h\eight: 30px;}	
	
#main {
	width: 750px;
	background-color: #FFF;
}	
	
#left {
	width: 150px;
	background-color:#CCCCCC;
	float: left;
	}
* html #left {width: 150px; w\idth: 150px;}	 /* Box model hack */	

#middle {
	width: 400px;
	background-color:#FF99FF;
	float: left;
	}
* html #middle {width: 450px; w\idth: 450px;}	 /* Box model hack */		
	
#right {
	width: 150px;
	background-color:#CCCCCC;
	float: left;
	}	
* html #right {width: 150px; w\idth: 150px;}	 /* Box model hack */					


/*  Styling
----------------------------------------------------------------- */

p {
	}

h1 {
	font-size: 145%;
	font-family: Arial;
	color: #a7abad;
	margin-bottom: 8px;
	}

h2 {
	}
	
h3 {
	}
	
h4 {
	}
	
h5 {
	}
	
h6 {
	}
					

/* Forms */

.submit_button {
	font-size:9px;
	cursor:pointer;
	border:outset 1px #ccc;
	color:#666;
	background:url(/images/bg_submit.gif) repeat-x left top;
	padding:0;
	}

.field {
	border:1px solid #000;
	font-size:0.9em;
	color:#000;
	padding:2px;
	}

textarea { 
	font-family: inherit 
	}

fieldset {
	position: relative; 
	border:1px solid #CCCCCC;
	margin-bottom:30px;
	padding:10px 5px 5px;
	}

legend {
	position:absolute; 
	background-color: #FFF;
	border:1px solid #000;
	top: -0.5em; 
	left: 0.5em;
	padding: 5px;
	font-size:1.2em;
	font-weight:700;
	color:#000;
	}

label {
	font-weight: bold;
	}	
	
.error {
	background: url(/images/icons/error.gif) no-repeat 5px 5px;
	min-height: 40px;
	padding: 5px 5px 5px 50px;
	border: 1px solid #DDD;
	background-color: #FFC;
	margin: 10px 0 10px 0;
	color: #000;
	}	
	
.success {
	background: url(/images/icons/success.gif) no-repeat 5px 5px;
	min-height: 40px;
	padding: 5px 5px 5px 40px;
	border: 1px solid #DDD;
	background-color: #FFC;
	margin: 10px 0 10px 0;
	color: #000;
	}		
	

/*  Links
----------------------------------------------------------------- */

a {
}

a:hover {
}

a.icon[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/images/icons/pdf.gif) no-repeat center right;
}

a.icon[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(/images/icons/word.gif) no-repeat center right;
}

a.icon[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url(/images/icons/excel.gif) no-repeat center right;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/images/icons/mailto.gif) no-repeat center right;
}

a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(/images/icons/popup.gif) no-repeat center right;
}

a[class ="external"] {
   padding-right: 18px;
   background: transparent url(/images/icons/external.gif) no-repeat right center;
}