/*generics*/

body
{
	margin:0px;	
    line-height:1.125em;
}

a
{
	text-decoration : none;
}

h1, h2, h3, h4, h5, h6
{
	margin : 0px;
	padding : 0px;
	letter-spacing : 0.1em;
}

p
{
	margin : 1em 0em;	
}

ol, ul
{	
	margin : 0px;
	padding	: 0em 0em 1em 2em;
}

ol ol, ol ul, ul ol, ul ul
{
	padding: 0em 0em 0em 2em;
}

/*style*/

/*classes*/
.centered
{
	text-align : center;
}

.contentImage
{
	float : left;
	padding : 5px;
	border : 1px solid #cccccc;
	background : #eeeeee;
	margin : 0px 15px 5px 0px;
}

.indented
{
	text-indent : 1em;
}

.imageHolder
{	
	padding : 5px 3px;
	margin : 15px 0;
}

.imageHolder img
{	
	padding : 10px;
	border : 1px solid #cccccc;
	background : #eeeeee;
}

 .littleBox
{
	width : 165px;	
	margin : auto;
	overflow : hidden;	
}

.littleBox a
{
	display : block;	
	width : 150px;
	padding : 0.5em 0;
	color : #7a2426;		
}

.floatLeft
{
	float : left;
	clear : none;
}

.floatRight
{
	float : right;
	clear : none;
}

.alignRight
{
	text-align : right;
}

.row
{
	width : 805px;
}

.spacer
{
	height : 12px;
}

.linkHolder
{	
	border-right : 1px solid;	
}

.linkHolder a
{
	border-left : 1px solid;
}

.dropCase
{
	float : left;
	font-size : 2em;
	border : 1px solid;
	padding : 5px;
	margin : 5px;
	background : #dff9e1;
	width : 0.7em;
	text-align : center;
}

/*elements*/
body
{
	background : url('grass.jpg');
	font : normal 400 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#2e772e;
}

span.heading
{	
	font: normal 700 1em sans-serif;		
	letter-spacing : 0.1em;
}

h1
{
	font-size : 1.25em;	
}

h2
{
	font-size : 1.15em;
}

h3
{
	font-size : 1em;
}

h4
{
	font-size : 0.875em;
	font-weight : 400;
}

a
{
	color : #4d642d;
}

blockquote
{
	font : italic 700 0.75em sans-serif;
	letter-spacing : 0.1em;
	word-spacing : 0.1em;
	line-height : 2em;
	color : #666666;
	margin : 10px 0px;
}

blockquote cite
{	
	margin-right : 25%;
	font-style : normal;
	color : #88888;
}

table
{
	background : #ffffff;
	font-size : 0.875em;
	width : 100%;
	border : 0;
}

caption
{
	font-weight : 700;
	background-color: #C1D896;
	border:1px solid #84A85C;
	width : 100%;
	margin-top : 2em;
}

tbody
{
	padding : 0;
}

th
{
	background : #e7eae1;
	font-weight : 400;
}

th,td
{
	line-height: 2em;
	padding : 0px;
	margin : 0px;
	vertical-align : baseline;
	padding : 0 0.5em;
}
	
/*classed elements*/
div.hr
{	
	margin : 5px 0px;
	width : 100%;
	background : url('horizontalDots.gif') repeat-x;
	height:1px;
}

div.hr hr
{
	display : none;
}

p.titled
{
	margin : 2.2em 0em 1em 0em;
}

p.titled .heading
{
	float : left;
	margin : -1.2em 0.5em 0em 0em;
}

/*id-s*/	
#document
{	
	margin : auto;
	width : 822px;
}

#document div
{
	float : left;
	clear : none;
}

#header
{
	background : #ffffff;
}

#animation
{
	height : 119px;
}

#menuBar
{	
	background : url('menuBackground.jpg');
}

#mainMenu
{	
	height : 21px;
	font-weight:700;
	font-size : 0.875em;
}

#mainMenu a
{
	color : #ffffff;	
	padding : 0px 10px;	
}

#mainMenu a:hover
{
	color : #abc9ad;
}

#subMenu
{	
	background : #ffffff;	
	text-align : center;
	letter-spacing : 0.1em;
	font-size : 0.875em;
}

#subMenu div
{	
	width : 100%;
	height : 100%;
}

#subMenu a
{
	color : #2c782e;
	padding : 0px 10px;
}

#body
{	
	background : #ffffff url('verticalDots.gif') repeat-y 175px;
}

#body em
{
	font-style : normal;	
	background:#e6ff97;
	padding : 0 0.5em;
}

#gallery
{
	text-align : center;
}

#pane-1
{
	width : 175px;	
}

#pane-1 p
{
	margin:0 0 1em 15px;
}

#pane-1 div
{	
	margin : 10px auto;	
}

#pane-2
{
	width : 625px;
	padding-left : 5px;
}

#pane-1 div, #pane-2 div
{
	float : none;
}

#content
{
	padding : 15px;	
	text-align : justify;
	font-size : 1.15em;
}

#content a
{	
	font-weight : 700;
	font-style : italic;	
	color : #7a2426;	
}	

#footer
{	
	margin-top : 5px;
	padding-top : 5px;
	background : url('horizontalDots.gif') repeat-x;	
	text-align : center;	
}

#footer a
{
	padding : 0 0.5em;
	color : #6f551c;	
}

#body a:hover, #footer a:hover
{
	text-decoration : underline;
}

#body a:visited, #footer a:visited
{
	color : #848162;	
}

/*Styled Box*/
/*Key Points*/
.styledBox div
{
	float : left;
}

.styledBox .mc div
{
	float : none;
}

/*engine*/
.styledBox .mc
{
	/*This is the content box, style this as you need*/
	background : #ffffff;
}

.styledBox .bl
{	
	background : url('8tiles/bl.gif') no-repeat bottom left;
	padding : 6px;/*change border sizes here*/
}

.styledBox .br
{
	background : url('8tiles/br.gif') no-repeat bottom right;	
}

.styledBox .tr
{
	background : url('8tiles/tr.gif') no-repeat top right;
}

.styledBox .tl
{
	background : url('8tiles/tl.gif') no-repeat top left;
}

.styledBox .ml
{
	background : url('8tiles/ml.gif') repeat-y left;
}

.styledBox .bc
{
	background : url('8tiles/bc.gif') repeat-x bottom;	
}

.styledBox .mr
{
	background : url('8tiles/mr.gif') repeat-y right;
}

.styledBox .tc
{
	background : url('8tiles/tc.gif') repeat-x top;
}

/*custom for this layout*/
#header .styledBox .bl
{
	padding-top : 4px;
}