/* CSS Document 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ 

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(media/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

*/
html,body{margin: 0 auto; text-align:center; }

body
{
background-image:url(Pictures/bg.jpg);
}

.headerImage
{
	width:812px;
	height:195px;
	background-image:url(Pictures/whitebord.png);
}


.outsideBorder
{
	width:812px;
	border:none;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-top-width:-2px;
	background-color: transparent;
	margin-top:0px;
	margin:auto;

}

.content
{
	width:100%;
	border:none;
	background-image:none;
	height: 100%; 
	
}

.header
{
	width:800px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
}

.main
{
	width:100%;
	background-image:url(contentdivback.jpg);
	background-color:transparent;
	color: #666666;
	margin:auto;
	text-align:center;
	background-repeat:repeat-y;
}
.leftmenu
{
	width:305px;
	background-color:transparent;
	color: #660000;
	text-align:left;
	margin-left:30px;
	float:left;
	height:100%;
}
.rightmenu
{
	width:305px;
	background-color:transparent;
	color: #660000;
	margin-right:15px;
	text-align:left;
	float:right;
	height:600px;
}
.footer
{
	width:100%;
	height:auto;
	background-image:url(contentdivback.jpg);
	background-repeat:repeat-y;
	background-color:transparent;
	color:#660000;
	text-align:center;
	margin:auto;
}
.bottom
{
	width:80%;
	height:auto;
	background-color:transparent;
	color:#660000;
	text-align:left;
	margin:auto;
    text-align:justify;
	
}

/*ROUNDED CORNERS CLASSES*/
.curved {
  background:transparent;
  width:812px;
  
  }

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
  display:block; 
  overflow:hidden; 
  height:1px;
  font-size:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#d6b04f; 
  border-left:25px solid #d6b04f; 
  border-right:1px solid #d6b04f;
  }
.curved .b1 {
  margin:0 4px; 
  background:#d6b04f;
  }
.curved .b2 {
  margin:0 4px; 
  height:2px;
  }
.curved .b3 {
  margin:0 3px;
  }
.curved .b4 {
  margin:auto; 
  height:1px; 
  border-width:0 3px 0 3px;
  }
a.squarebutton{
background: transparent url('orang1.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('orang1.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background:transparent url('orang2.gif') no-repeat top right;
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background:transparent url('orang2.gif') no-repeat top right;
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
padding:10px;
}

.columnWrap
{
width:90%;
height:2900px;
text-align:center;
}

.rightpic
{
	width:305px;
	background-color:transparent;
	color: #660000;
	margin-right:-25px;
	margin-top:-15px;
	text-align:left;
	float:right;
}

.style1
{
    font-size: 36px;
    font-weight: bold;
    font-style: italic;
}
.style3
{
    font-weight: bold;
    color: #d6b04f;
    font-style: italic;
}
.style4
{
    color: #D4D0C8;
}