







@font-face {
	font-family: 'MonsterChildRegular';
	src: url('monsterchild-webfont.eot');
	src: url('monsterchild-webfont.woff') format('woff'), 
  url('monsterchild-webfont.ttf') format('truetype'), 
  url('monsterchild-webfont.svg#webfontCRXSGsCb') format('svg');
	font-weight: normal;
	font-style: normal;
}



body
{
  background-color: #414141;
  color: #FFFFFF;
  font-size:12px;
  font-family: verdana, arial, sans-serif;
  text-align: center;
  margin-top: 0px;
}

p
{
  margin: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-family: verdana,arial,helvetica;
}

ul
{
  color: #FFFFFF;
}

h1
{
  margin: 5px 5px 5px 5px;
  font-family: verdana, arial, helvetica;
  font-size: 18px;
  color: #F5C723;
  border-bottom: 1px solid #F5C723;
}

h2
{
  margin: 5px 5px 5px 5px;
  font-family: verdana, arial, helvetica;
  font-size: 14px;
  font-style: normal;
  text-decoration: underline;
  font-weight: normal;
}

h3
{
  margin: 15px 5px 5px 5px;
  font-family: verdana, arial, helvetica;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

a
{
  text-decoration: none;
  color: #F5C723;
}

a:hover 
{
  color: #FFFFFF;
}



#mainContainer
{
  margin: auto;
  width: 800px;
}

#headerContainer
{
  background: url( ../../images/home_01.jpg ) no-repeat;
  height: 116px;
  width: 800px;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
  text-align: right;
}

#topBar
{
  background: url( ../../images/home_02.jpg ) no-repeat;
  height: 194px;
  width: 800px;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
  text-align: left;
}

#topBar2
{
  background: url( ../../images/secondary_02.jpg ) no-repeat;
  height: 30px;
  width: 800px;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
  text-align: left;
}

#content
{
  background: url( ../../images/secondary_04.jpg ) no-repeat;
  width: 800px;

  text-align: left;
  padding-left: 20px;
  padding-top: 10px;
}

#contentData
{
  width: 760px;
}

#middleBar
{
  background: url( ../../images/home_03.jpg ) no-repeat;
  height: 222px;
  width: 800px;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
  
}
#middleBarLeft
{
  float: left;
  color: #414141;
  text-align: left;
  font-size: 12px;
  font-style: italic;
  padding-top: 60px;
  padding-left: 10px;
  width: 320px;
}

#middleBarRight
{
  float: right;
  width: 449px;
}

#middleBar2
{
  background: url( ../../images/secondary_03.jpg ) no-repeat;
  height: 72px;
  width: 800px;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
}

#bottomBarTop
{
  background: url( ../../images/home_04.jpg ) no-repeat;
  height: 187px;
  width: 800px;
  margin-left: 1px;
}

#bottomBarContent
{
  margin-left: 1px;
}

#bottomBarFooter
{
  background: url( ../../images/home_07.jpg ) no-repeat;
  font-size: 10px;
  height: 27px;
  width: 800px;
  margin-left: 1px;
  color: #414141;
}

#bottomBarFooter2
{
  background: url( ../../images/secondary_07.jpg ) no-repeat;
  font-size: 10px;
  height: 27px;
  width: 800px;
  margin-left: 0px;
  color: #414141;
}

#copy
{
  color: #CCCCCC;
  font-size: 10px;
}

#headerLinks
{
  padding-top: 5px;
  padding-right: 10px;
  color: #F5C723;
  font-weight: bold;
}

#headerLinks a
{
  text-decoration: none;
  font-size: 10px;
  color: #F5C723;
}

#headerLinks a:hover
{
  color: #FFFFFF;
}

#topBarBlurb
{
  width: 350px;
  padding-top: 40px;
  padding-left: 10px;
}

#topBarBlurb2
{
  width: 350px;
  padding-top: 20px;
  padding-left: 10px;
}

#topLinks
{
  padding-top: 5px;
  padding-left: 20px;
}

#portfolioContainer
{
  width: 570px;
}

#portfolioColumn1
{
  float: left;
  width: 260px;
}

#portfolioColumn2
{
  float: right;
  width: 260px;
}

#portfolioBottom
{
  clear: both;
}

.portfolioBlock
{
  margin-bottom: 10px;
}

.portfolioDesc .header
{
  font-weight: bold;
  color: #F5C723;
}



#leftDiv
{
  float: left;
  width: 400px;
  margin-left: 20px;
  padding-top: 10px;
  text-align: left;
}

#rightDiv
{
  float: right;
  width: 340px;
  text-align: left;
  margin-right: 20px;
  padding-left: 10px;
  padding-top: 10px;
  border-left: 1px dotted #FFFFFF;
}

#menuList 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
       
#menuList li 
{
	float: left;
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #F5C723;
}

.rightDivAdd
{
  color: #FFFFFF;
  margin-bottom: 5px;
}

#rightDiv a
{
  font-weight: bold;
}

#fakeBg
{
  background: url( ../../images/home_05.jpg ) repeat-y;
}

#fakeBg2
{
  background: url( ../../images/secondary_06.jpg ) repeat-y;
}



.inputlabel 
{
	font-weight: bold;
	text-align: left;
}

.inputbox 
{
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
  font-family: verdana;
  font-size: 12px;
	}

.textarea
{
  border:none;
  width: 408px;
  height: 200px;
  font-family: Verdana, Arial, Helvetica;
  font-weight: bold;
  color: #336600;
  font-size: 10px;
  padding: 4px;
  
}

.button 
{
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}



#news-pre-item
{
  
  margin: 5px 5px 5px 5px;
}

#news-pre-date
{
  color: #FFFFFF;
}

#news-pre-header
{
  
  color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  font-family: verdana;
  font-size:12px;
  font-weight:bold;
  font-variant: small-caps;
}

#news_pre_body
{
  font-family: verdana;
  font-size: 10px;
}

#user-format-news
{
}

#user-format-news-link a
{
  color: #F5C723;
}


#article
{
  font-family: sans-serif;
}

#articleTitle
{
  font-size: 18pt;
}

#articleBy
{
  font-size: 8pt;
}

#articleDate
{
  font-size: 8pt;
}

#articleBody
{
}








label
{
  clear: both; 
	display: block; 
	float: left;
  font-family: tahoma;
  font-size: 10pt;
	width: 120px;
	margin: 10px 0 0 0;
}

.inputBox
{
  margin: 10px 0 0 0;
  border: 1px solid #DFDFDF;
  font-family: tahoma;
  font-size: 10pt;
  width: 250px;
}

.textAreaLabel
{
  margin: 10px 0 0 0;
  font-family: tahoma;
  font-size: 10pt;
  width: 150px;
}

.textArea
{
  margin: 10px 0 0 0;
  border: 1px solid #DFDFDF;
  font-family: tahoma;
  font-size: 10pt;
  width: 400px;
  height: 250px;
}

.button
{
  margin: 10px 0 0 0;
  border: 1px solid #DFDFDF;
  font-family: tahoma;
  font-size: 10pt;
}#obfuscate
{
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  background-color: #000000;
  opacity: 0.0;
  filter: alpha(opacity=0);
}

#horizon
{
  text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block
}

#result
{
  width: 350px;
	height: 150px;
	margin-left: -175px;
	position: absolute;
	top: -75px;
	left: 50%;
	visibility: hidden;
  background-color: white;
  border: 1px solid #304130;
  overflow: auto;
}

#result.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}
