/***** top elements ******/

* 			{ 
			padding: 0; margin: 0; 
			}

body 		
			{
			margin-bottom: 40px;
			margin-top: 40px; 	
			padding: 0;
			font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
			color: #444;
			background: #A78402;
			text-align: center;	
			height: 100%;	
			}


/****** Content links *****/


a 			{ 
			background: inherit; 
			color: #E67700; 
			text-decoration: underline;
			}
a:hover 		{ 
			background: inherit; 
			color: #A78402; 
			text-decoration: underline; 
			}

/******* headers **********/

h1, h2, h3 
			{
			font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
			color: 2D496C;
			}
h1 			{ 
			font-size: 1.4em; 
			}
h2 			{ 
			font-size: 1.2em; 
			text-transform: uppercase;
			}
h3 			{ 
			font-size: 1.2em; 
			}

p, h1, h2, h3 
			{
			margin: 20px 20px;
			}
ul, ol 			{
			margin: 10px 30px;
			padding: 0 15px;		
			}

/********** images **********/


img 			{
  			border: 1px solid #DDD; 
  			padding: 5px;
			}
img.float-right 
			{
  			margin: 5px 0px 5px 15px;  
			}
img.float-left 
			{
  			margin: 5px 15px 5px 0px;
			}






/******* form elements *******/

#form			{
			width: 360px;
			margin-left: 90px;
			}


div.row 		{
  			clear: both;
  			padding-top: 5px;
  			}

div.row span.label 	{
  			float: left;
  			width: 90px;
  			text-align: right;
  			}

div.row span.formw 	{
			margin-left:10px;
  			float: left;
  			width: 100px;
  			text-align: left;
  			} 

div.row span.but	{
  			margin-left:100px;
  			float: left;
  			width: 100px;
  			text-align: left;
  			} 
.hd			{
			font-weight:bold;
			clear:both;
			border-bottom: 1px dashed #DDD;
			padding-bottom:5px;
			margin-top:30px;
			margin-bottom:20px;
			}
textarea, input		{
			font: normal 13px 'Trebuchet MS', Tahoma, Sans-serif;
			color: #292852;
			}
textarea		{
			margin-left:10px;
  			float: left;
  			width: 250px;
  			text-align: left;
			}

/***********************
	  LAYOUT
************************/



#wrap 			{
			width: 762px;
			margin: 0 auto;
			border: 1px solid #000;
			background-color: #FFF;
			}

/********* header ***********/



#header 		{
			position: relative;
			height:220px;
			text-align: left;		
			margin: 0; padding: 0;
			}
#header .headerphoto 	{
			position: absolute;
			right: 15px ; top: 15px;
			width: 459px;
			height: 200px;
			background: url(../images/headerphoto.jpg) no-repeat;
			border-top : 1px solid #A78402;
			border-right : 1px solid #A78402;
			border-bottom : 1px solid #A78402;	
			}
#header #logo-box 	{
			position: absolute;
			left: 15px ; top: 15px;
			width: 273px;
			height: 200px;	
			background: url(../images/banner.jpg);
			border-top : 1px solid #A78402;
			border-left : 1px solid #A78402;
			border-bottom : 1px solid #A78402;	
			}
#logo-box h1#logo 	{
			position: absolute;	
			font: bold 17px 'Trebuchet MS', Sans-serif;
			 
			margin: 0; padding: 0;
			/* change the values of left and top to adjust the position of the logo */
			top: 90px; left: 25px;
			}
#logo-box h1#logo a 	{
			text-decoration: none;
			color:#1F304A;
			}




/******* content *********/


#content-wrap 		{
			clear: both;
			float: left;
			width: 100%;
			}
#content 		{
			width: 740px;	
			clear: both;
			text-align: left;	
			padding: 0;
			margin: 0 auto;			
			}

/****** sidebar ***********/


#sidebar 		{
			float: left;
			width: 20%;
			margin: 0 0 10px 0; padding: 0;	
			}	
#sidebar h1 		{
			padding: 10px 0px 5px 10px; 
			margin: 0;	
			color: 2D496C;	
			}
.sidebox 		{
			margin-bottom: 10px;	
			}

/****** sidebar menu *******/



#sidebar ul.sidemenu 	{
			list-style:none;
			margin: 10px 0 15px 0;
			padding: 0;		
			}
#sidebar ul.sidemenu li {
			padding: 0px 10px;
			}
#sidebar ul.sidemenu a 	{
			display:block;
			font-weight:normal;
			color: #333;
			height: 1.5em;	
			padding:.3em 0 .3em 15px;
			line-height: 1.5em;
			border-bottom: 1px dashed #D5D5D5;
			text-decoration:none;
			}
#sidebar ul.sidemenu a.top
			{	
			border-top: 1px dashed #D5D5D5;
			}
#sidebar ul.sidemenu a:hover 
			{
			padding: .3em 0 .3em 10px;
			border-left: 5px solid  #2D496C;
			color: #2D496C;		
			}

/* main */


#main 			{
			float: left;
			width: 77%;	
			margin: 0 0 20px 0; padding: 0;	
			background: url(../images/content-bg.jpg) repeat-y;
			}
#main h1 		{
			padding: 10px 0 14px 10px;
			margin: 0 0 0 10px;
			border-bottom: 1px dashed #D5D5D5; 	
			}
.post 			{
			margin: 0; padding: 0;	
			}



/****** footer ******/


#footer 		{
			clear: both;
			margin: 0; padding: 14px 0 0 0;
			font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
			height: 35px;
			text-align: center;
			}
#footer p 		{
			margin: 0; padding: 0;
			}
#footer a 		{
			text-decoration: none;
			color: #3E3E3E;	
			}
#footer a:hover 	{
			text-decoration: none;
			}

/***** alignment classes *******/



.float-left  		{ 
			float: left; 
			}
.float-right 		{ 
			float: right; 
			}
.align-left  		{ 
			text-align: left; 
			}
.align-right 		{
			text-align: right; 
			}

/******* additional classes *******/

.clear 			{ 
			clear: both; 
			}
.gray  			{ 
			color: #BFBFBF; 
			}

.page-break		{
			height:300px;
			}