/********** Global Styles **********/
/

body,html {
   font-family:     Verdana, "Bitstream Vera Sans", "Lucida Sans", Arial, Helvetica, sans-serif;
   font-size:       101%;	/* Allow IE/Win to resize the document */
    border:          none;
}
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right:auto;
	height:auto;
	text-align:	left; /* re-align text left for above hack */
	/* background-image: url(../graphics/background.gif); */
    color:#333333;
	border:1px solid #CCCCCC;
	padding: 0px;
	margin-top: 0;
	margin-bottom: 0;
}
/* Headings */

h1,				/* Headings (H1-H6) should only be used in */
h2,				/* the main content area                   */
{
   font-style:      normal;
   text-align:      left;
   margin:          0.2em 0 0 0;
   padding:         0.1em 0 0 0;
}
h3 {
	text-align:   	left;
	color: 			#8f0b0b;
	margin:          0.5em 0 0 0;
	padding:         0;
	font-style: italic;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
h4 {
text-align:   		left;
	color: 			#8f0b0b;
	margin:      	0.5em 0 0 0;
	padding:      	0;
	font-style: 	italic;
	font-family: 	Verdana, Arial, sans-serif;
	font-size: 		1.1em;
	font-weight: 	bold;
}
h5 {   /* Electron Needlefree Page */
   font-weight:     bold;
   font-style:      normal;
   color: 			#8f0b0b;
   text-align:      center;
   margin:          0.25em 0 0 0;
   padding:         0;
}
h6 {   /* Electron Needlefree Page */
   font-weight:     normal;
   font-style:      normal;
   color: 			#8f0b0b;
   text-align:      left;
   margin:          0.25em 0 0 0;
   padding:         0;
}

h2 { font-size:     125% }
h3 { font-size:     115% }
h4 { font-size:     105% }
h5 { font-size:     130%  }
h6 { font-size:     125%  }

h2  { color:#008c00      }
h1 {
	color: #8f0b0b;
	border-bottom: 1px solid #000000;
	padding-top:1px;
	padding-bottom: 5px;
	margin-bottom: 8px;
	margin-top:		6px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 2.0em;
	line-height:1.1em;
	font-weight: bold;
}
p {
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}
hr {
	width: 				95%;
	color:				#008c00;
	background-color:	#008c00;
	height:				1px;
}

/* Anchors */

a:link {
   text-decoration: none;
   color:           #0066CC;
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           #003399;
   background:      transparent;
}

a:hover,
a:active {
   text-decoration: underline;
}

/* Block-inline elements */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.left {			/* Left-floating images */
   margin:          0.75em 1.0em 1.0em 0;
   float:           left;
}

img.right {			/* Right-floating images */
   margin:          0 0 2.0em 1.0em;
   float:           right;
}
.dialog {			/* Used in Contact */
	width:30%;
	border:				thin solid #00CC00;
	min-width:			20em;
	background-color: 	#F0FBF2;
	margin-top:		 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 2.0em;
}
.separator {
		clear: both;
		height: 10px;
}
.clear {clear: both;}
/* Lists */

li {
	list-style-image:url(../graphics/green_bullet.gif);
   font:	1.1em Verdana, Arial, sans-serif;
   margin:      0 0 0 0.5em;
   padding:     0;
}
/**** Styles for the 2 columns ***/
.leftColumn, .rightColumn {
		float: left;
		width: 45%		}

.leftColumn {
		margin-right: 20px;
		}
.linkscolumn1 {
		float: 			left;
   		margin: 	0 0 0.0 0.3em;
		width: 		500px;
		padding-right:	20px;
}
.linkscolumn2 {
		float: 		left;
		margin:         1.5em 0 0.0 0.3em;
		width: 		200px;
}


/********** Styles for Header **********/

				/* In this style sheet, headers are composed */
				/* of three parts: left, right and subheader */
				/* Left part is ideally an image.            */

#header {			/* Warning: not printed out on paper */
   background-color:#FFFFFF;
   padding: 0.0em;
   margin: 0.0em;
}

#header a:link,
#header a:visited {
   color:           #8f0b0b;
   background:      transparent;
}


/* Left part of header (ideally an image but may be a link) */

#header div.left {
   float: left;
      		padding-top: 7px;
		padding-bottom: 10px;
   	clear:left;
}

#header div.left img {
   display:      block;	/* Otherwise IMG is an inline, causing gaps */
   padding-right:20px;
   padding-left: 20px;
   padding-top: 0px;
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
   font-size:       200%;
   font-weight:     bold;
   text-decoration: none;
   color:           white;
   background:      transparent;
}

#header div.left p {
   margin:          0 0 0 0.25em;
   padding:         0;
}

#header div.left .alt {
   color:           #FF9800;
   background:      transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.0em 0em 0 0;
   float:           right;
   clear:           right;
}

#header div.right a:link,
#header div.right a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#header div.right form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#header div.right form input {
   font-size:       95%;
   vertical-align:  middle;
}


/* ===  Horizontal Drop Down Menu ********* == */
#horizmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	border:thin solid #8F0B0B;
	padding: 0px;
	margin:0 0px 0 10px;
	background-color: #E6FFE6;
	font-variant: normal;
	}
#horizmenu:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#horizmenu ul{
	background-color:#E6FFE6 ;
	margin: 0;
	padding-left: 20px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-transform: capitalize;
}
#horizmenu ul li{
	display: inline;
}

#horizmenu ul li a{
	float: left;
	padding: 2px 10px 2px 7px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#horizmenu ul li a:hover{
	color: #8f0b0b;
	font-style: normal;
}
#horizmenu ul li a[onMouseover]:after{ 
content: "    ";
}
.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #1B1E52;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: #E6FFE6;
	width: 500px;
	visibility: hidden;
	text-decoration: none;
}
.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid rgb(29,76,108);
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-align: center;
}
.dropmenudiv a:hover{ 
background-color: #008C00;
}
/****  Structure ***/
		
#banner {
		padding: 10px 0 40px 0;
		}

#navhead {			/* "Path to this page" information */
				/* Warning: not printed out on paper */
   font-size:       90%;
   padding:20px;
}

#navhead hr {
   display:         none;
}
#content {
		margin:		0 1.0em 0 1.0em;
		}
#content div.right {
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.0em 0em 0 0;
   float:           right;
   clear:           right;
}
#content div.left {
   font-size:       90%;
   text-align:      left;
   margin:          0;
   padding:         0.0em 0em 0 0;
   float:           left;
}
#contentphotowrapper {
	margin-left:	100px;
}

#mainContent {
		float: 			left;
		margin-right: 	0px;
		width:			880px;
		}
#suephoto {
		width: 			860px;
		border:     	2px solid #008c00;
		padding-left:	10px;
		margin:			10px 0 20px 0;
}
/********** Styles for Footer **********/

#footer {
	font-size:       70%;
	text-align:      left;
	color:           white;
	margin:          0;
	padding:         0.5em 1.67em 0.5em 15.25em;
	clear:           both;
	background-color: #8F0B0B;
}

#footer a:link,
#footer a:visited {
   text-decoration: underline;
   color:           white;
   background:      transparent;
}

#footer hr {
   display:         none !important;
}

/* End of the Sinorcaish style sheet */