/****************************************************/
/****               Text Styles                 *****/
/****************************************************/

h1
{
	color: #a7bf0a;
	font-size: 1.4em;
}

h2
{
	font-size: 1.2em;
	color: #a7bf0a;
}

h3
{
	font-size: 1em;
	color: #a7bf0a;
}

.accent
{
	color: #a7bf0a;
}

img
{
	border-color: #2d5d8b;
}

.spaceleft
{
	margin-left: 20px;
}

.spaceright
{
	margin-right: 20px;
}

.spaceall
{
	margin: 20px;
}

/**************************************************/
/**************************************************/
/*****               LAYOUTS                  *****/
/**************************************************/
/**************************************************/



/* ----- plain layout ------ */

#plain
{
	position: relative;
	top: 0px;
	width: 604px;
	height: auto;
	clear: both;
		
}


/* ----- 2 column large left small right layout ------ */

#lgleft
{

	position: relative;
	top: 0px;
	bottom: 0px;
	display:-moz-inline-box;
	display:inline-block;
	width: 430px;
	float: left;
	
}

#smright
{
	position: relative;
	top: 0px;
	margin-left: 10px;
	display:-moz-inline-box;
	display: inline-block;
	float: left;
	width: 164px;
}



/* ----- 2 column large right small left layout ------ */

#smleft
{
	
	position: relative;
	top: 0px;
	display:-moz-inline-box;
	display: inline-block;
	float: left;
	width: 164px;


}

#lgright
{

	position: relative;
	display:-moz-inline-box;
	display:inline-block;
	width: 430px;
	float: left;
	margin-left: 10px;



}


/* ------- multi row layout ------- */

.rrow
{
	/*width: px;*/
	margin-bottom: 20px;
	clear: both;
	
}


/*****             END OF LAYOUTS            ******/
/**************************************************/

/* border for editor */



#editorcontainer #lgleft, #editorcontainer #smright, #editorcontainer #smleft, #editorcontainer #lgright, #editorcontainer #plain, #editorcontainer .rrow, #editorcontainer .rrow 
{
	border: groove 1px black;
}

#editorcontainer
{
	position: relative;
	background-color: #e7e9db;
	width: 627px;
	height: 2000px;
	font-family: verdana, sans-serif;
	font-size: 8pt;
	color: #64665a;
	padding: 0px 20px 0px 152px;
	
}

#topintro
{
	background-color: #b6ce15;
	color: #fff;
	display:block;
	width: 412px;
	padding: 10px 20px 20px 20px;
	height: 174px;
	text-align: justify;
	line-height: 16px;
	font-size: 11px;
	float:left;
	overflow: hidden;
}

#topintro h1
{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

#topintro p
{
	margin:0px;
	padding: 0px;
}

#topintro a:link, #topintro a:visited
{
	color: #fff;
}

#topintro a:hover
{
	color: #fff;
}


#editorcontainer #topintro
{
	float:right;
	margin: 20px 0px 20px 0px;
	padding-top: 50px;
	height: 124px;
}
