body, html{margin:0;padding:0;}

body{text-align:center;color: #000;background-color: #ffc23d;}
	
/* LAYOUT */
#wrap{background-color: white; position: relative;font-size: 1.0em;margin:1em auto;min-width:778px;width: 778px;text-align: left;padding:5px;overflow: auto;border: 2px solid #dd170c;}
	#bannerWrap{padding: 0;}
		#banner{text-align: left;cursor: pointer;background-repeat: no-repeat;}
			#banner .bannerTitle{padding: 30px 40px 0 30px;color: #fff;font-size: 20px;font-weight: bold;}
			#banner .bannerTagline{clear: both;padding: 0 40px 0 30px;color: #fff;font-size: 12px;font-weight: bold;		}
	#logo{position: relative;top:0px;left:0px;width: 170px;height:60px;padding:0;margin:0;}
	#navigation{text-align:center;background-color: #ffc23d;padding: 10px 0;font-family: Helvetica, Arial;}
	#navigationCell{background-color: #ffc23d;}
	#navigation.absolute{position: absolute;top:0px;right:0px;width: 620px;height: 30px;text-align: center;margin: 5px;padding-top:20px;}
		#navigation a{color: #333333;text-decoration: none;font-size: 1.0em;font-weight: bold;}
		#navigation a:hover{color: #fff;}
		#navigation ul{margin: 0;padding: 0;clear: both;}
			#navigation ul.absolute{margin: 20px 0;padding: 0 20px 0 0;clear: both;}
			#navigation ul{padding-top:0px;}
			#navigation li{padding: 0 10px;margin: 5px 0;border-left: 1px solid #c2e1c7;}
			#navigation li.first{border-left: 0px;}
			#navigation li.horizontal{display: inline;}
			#navigation li.vertical{list-style: none;text-align: left;padding: 5px 0 5px 10px;border-left: 0px;}
			#navigation li:hover{}
			#navigation li.current a{color: #fff;}
	#contentWrap{}
	#content{clear: left;padding:20px 15px 0 10px;}
	p.breadcrumbs{font-size:.8em; margin:-15px 0 15px 0;}
	div.withNavigation{padding:0;}
	div.withSide{clear: left;float: left;width: 67%;margin-right: 0px;}
		#content .pluginBox{margin: 20px 0 10px 5px;}
			#content .pluginBox h2{border-top-color: #ff9728; border-top: 1px solid;margin: 0 40px 0 0;padding: 10px 0 0 2px;font-weight: bold;}
	#contentSide{margin-top:30px;margin-right: 15px;width: 25%;clear: right;float: right;}
		#contentSide .pluginBox{margin: 0 0 10px 0;padding: 0 0 10px 0;border: 1px solid #cc6600;background-color: #ffe3a6;}
			#contentSide .pluginBox h2{background-color: #ffc23d;font-weight:bold;font-size:1.0em;padding: 5px 1px 5px 5px;color:#FFF;margin:0;text-transform: uppercase;}
			#contentSide .pluginBox p {padding:0 5px;}
	#bottomNavigation{clear: both;text-align: center;padding: 20px 0 10px 0;}
		#bottomNavigation li{display: inline;padding: 0 10px;}
		#bottomNavigation a{color: #dd170c;text-decoration: none;text-transform: uppercase;font-size: 0.8em;}
		#bottomNavigation a:hover{color: #000;}
	#footerWrap{padding: 0;margin: 0;}
		#footer{margin: 7px 0 0 0;padding: 2px 10px;text-align: left;font-size: 0.9em;color: #000;}
		#plug{clear: both;margin: 0;text-align:right;}
			#plug a{margin: 10px;}

/* ELEMENTS */
table{font-size: 1.0em;}
h1, h1.pTitle{font-size:1.4em;margin: 5px 0 0 0;color: #dd170c;}
h2, h2 a{font-size:1.2em;color: #DD170C;}
h2.sTitle{font-size:1.2em;font-weight: normal;margin: 5px 0 0 0;}
h3{font-size: 1.1em;padding:0;margin:15px 0 5px 0;color: #dd170c;}
p{font-size: 1.0em;margin: 8px 0 0 0;line-height:1.5;}
ul{margin:0 0 0 25px;padding:2px;list-style : round;}
ol{margin:0 0 0 25px;padding:2px;}
li{margin:4px 0 0 0;padding:0;line-height:1.3em;}
a{color: #dd170c;}

/* UTILITIES */
.alertOK{color:#0C659E;}
.alertError{color:#f00;}	
div.rsNavigate{margin: 20px;padding: 5px;	border-top: 1px dashed gray;border-bottom: 1px dashed gray;text-align:center;clear: both;}
	div.rsNavigate li{display: inline;border: 1px solid black;margin: 20px;padding: 2px 10px;background: #ffe3a6;font-weight: bold;}
	div.rsNavigate li.current{background: #ffcc66;}
div.userComment{width: 80%;background: #eee;border-top: 1px solid #999;border-bottom: 1px solid #999;margin: 20px;}
div.userComment p{margin: 3px 20px;}
div.userComment p.author{margin: 3px 5px;}

/* FORMS */
form.fStandard{background: #ffca60;border: 1px solid #000;padding: 5px 5px 0px 15px;margin: 20px 0;width: 80%;}
form.fLong{padding: 5px 5px 0px 15px;margin: 20px 0;width: 80%;}
form.fInline{border: 1px solid #000;padding: 2px;margin: 20px 10% 20px 10%;text-align: center;}
form.fPlugin{padding: 5px 5px 0px 15px;}
p.fTitle{font-size: 1.2em;font-weight: bold;margin: 5px 0 5px 0;}
p.fLegend{font-size: 1.0em;margin: 2px 0;}
div.fInputArea{margin: 10px 0 0 0;}
div.fInputAreaInline{margin: 10px 0;text-align: center;}
div.fSubmitArea{margin: 0;padding: 10px 0;}
label.fLabel{font-weight: bold;}
label.fLabelInline{margin: 0 5px;}
label.fLabelFixed{width:150px;float: left;text-align: right;margin: 3px 5px;padding: 0 5px 0 0;font-weight: bold;}
label.fError{color:#f00;}
input.fInput{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1.0em;padding: 2px;}
input.fInputInline, select.fInputInline{font-weight: bold;}
textarea.fInput{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1.0em;padding: 2px;}
input.fSubmit {font-size: 1.0em;font-weight:bold;padding: 1px 5px;}
input.fInput:focus, textarea:focus ,fInput:focus, select.fInput:focus{background:#fffff6;}