/* --------------------------------------------------------------  
STRUCTURE
------------------------------------------------------------ */
html, body {
	margin: 0;
	padding: 0;
	background: #EBEBEB;
	text-align:center;
	font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header {
	margin:0;
	padding:0;
	width:100%;
	height:117px;
	text-align:center;
	
	background:url(../images/header_background.jpg) repeat-x top left;
	background-color:#FFF;
}

#menu {
	margin:0 auto;
	padding:0;
	width:900px;
	height:117px;
	
}

#white {
	width: 100%;
	margin: 0 auto;
	padding:0;
	background-color:#FFF;
}

#wrapper {
	width: 870px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	background-color:#FFF;
}

#footer {
	margin:0 auto;
	padding:0;
	width:900px;
	height:100px;
	text-align:left;
}

#footerWrapper{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	background-color:#EBEBEB;
	background-image:url(../images/footer_background.jpg);
	background-repeat:repeat-x;
}

/* --------------------------------------------------------- 
TYPOGRAPHY
------------------------------------------------------------ */

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	color:#555;
	font-weight:normal;
}

.grey {
	color:#555;
}

h1 { font-size: 1.6em; color:#243FBE; }
h2 { font-size: 1.2em; }
h3 { font-size:	1.1em; } 
h4, h5 { font-size: 1.0em; } 

p {
	margin: 0 0 5px;
	padding:0;
	font-size:.9em;
	color:#333;	
}

a {
	color:#243FBE;
	outline:none;
	text-decoration: underline;
	font-weight:bold;
	letter-spacing:.04em;
	
}

a:hover {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* --------------------------------------------------------------  
custom stuff
------------------------------------------------------------ */
.hr {
	margin:10px 0;
	padding:0;
	width:100%;
	border-top: 2px dotted #CCC;
}

.small {
	font-size:.75em;
}

div.rfpSection {
	display:inline;
	margin:0 0 0 -20px;
	padding:5px 10px;
	color:#FFF;
	background-color:#243FBE;
	
	border-right:1px solid #111;
	border-bottom:1px solid #000;
	-webkit-border--radius: 10px;
	-webkit-border--radius: 10px;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
	
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 15px;
}
ul {
	list-style:circle;
	margin:5px 0 0 20px;
	padding:0;
	
}


ul  li {
	margin:0;
	padding:0;
	font-size:.875em;
	color:#333;
}


ul.rfplist{
	list-style:none;
	margin:5px 0 0 20px;
	padding:0;
	
}


ul.rfplist li {
	margin:0 0 8px;
	padding:0;
	font-size:.875em;
	color:#333;
}

ul.checklist{
	margin:0 0 0 20px;
	padding:0;
	list-style-image:url("../images/checkmark.gif");
	
}

ul.checklist li {
	margin:0 0 5px;
	padding:0;
	font-size:.9em;
	color:#333;
}

.imageBorder {
	border-top:8px solid #FFF;
	border-right:8px solid #333;

}

#content p {
	margin:0 0 10px;
	padding:0;
	line-height:140%;
}

#sideBar p {
	font-size:.8em;
}

#footer {
	font-size:.8em;
}

#footer a {
	color:#555;
}

#footer a:hover {
	color:#243FBE;
}


/* --------------------------------------------------------------  
boxes
------------------------------------------------------------ */

.box {
	margin:0;
	padding:10px;
	border:1px solid #CCC;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	background-color:#f0f0f0;
	background-image:url(../images/box_background.jpg);
	background-repeat:repeat-x;
}

.box_icon {
	float:right;
	margin:-32px 10px 0 0;
	padding:0;
	width:64px;
	height:64px;
	
	
}

/* --------------------------------------------------------------  
CSS DROP SHADOWS
------------------------------------------------------------ */
.dropShadow {
  float: left;
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 0px 0 0 0px;
}

.dropShadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  padding: 0px 3px 3px 0px;
}

.dropShadow img {
  background-color: #fff;
  border: 1px solid #CCC;
  padding: 3px;
}

/* --------------------------------------------------------------  
HELPERS	
------------------------------------------------------------ */

.blue {
	color:#243FBE;
}

/* --------------------------------------------------------------  
FORMS
------------------------------------------------------------ */

label       { font-weight: bold; vertical-align:middle; }
fieldset    { padding:1.0em 2em; margin:0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.6em; }

input[type=text], input.text, input.title, textarea, select { 

  background:#FCFCFC url(../images/input_background.jpg) repeat-x top left; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], textarea { padding:3px; font-size:14px; padding:3px; font-size:14px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio { 
  position:relative; top:.25em; 
}


/* --------------------------------------------------------------  
VALIDATOR
------------------------------------------------------------ */

div.validatorError { 
	font-weight:bold;
	color: #9e1111;
	display:inline-block;
	margin:5px 0; 
	padding: 0 0 0 35px; 
	background: url(../icon/16x16/error.png) no-repeat 10px center;
}

label.validatorError {
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color: #9e1111;
	display:inline;
	margin:3px 0; 
	padding:0;
}

input.validatorError { border: 1px dotted #9e1111 !important; }


/* --------------------------------------------------------------  
UI BUTTONS
------------------------------------------------------------ */

.fg-button {  outline: 0; margin:0 4px 0 0; padding: .1em 1em .1em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }