/*  Begin with reset file */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, 
legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow-x: hidden;} 
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset*/



body {
    background: url(../images/blue_grad_bg.jpg) repeat-x;
	z-index: 1;
	}
#bigbox
{
width: 800px;	
	}
#left
{
	margin: 0 auto auto 0;
    background-image: url(../images/left_home.jpg);
	width: 96px;
	height: 635px;
	float: left;
}
#top_main
{
	margin: 35px auto auto 0px;
	float: left;
	width: 664px;
	height: 23px;
	background-image: url(../images/top_bar.jpg);
	z-index: 2;			
	background-position: left top;
	background-repeat: no-repeat;
	}
	
#main
	{
		float: left;
		margin: 0px auto auto 0px;
        background-image: url(../images/content.jpg);
		z-index: 2;
		background-repeat: repeat-y;
		width: 680px;
		height: 622px;
		
	}
	#bottom_main
	{
	float: left;
    margin: 0px auto auto 96px;
    width: 664px;
	height: 20px;
	background-color: #ffffff;
	background-image: url(../images/bottom_bar.jpg);
	background-position: left top;
    background-repeat: no-repeat;
	text-align: center;
	font:  9px Arial, Helvetica, sans-serif;
     color: #000000;

		}
		
		
		
	#gallinks{
		position: relative; 
		margin-top: 30px;
		width: 555px;
		text-align: right;
		
		}
		
	.clear{
	clear: both;	
		}
#header
{
    margin: 0px auto auto 30px;
	z-index: 3;		
	}
	
	#leftpics_home{
		}
		
	#leftpics{
		margin: 10px 0px 0px 30px;
		width: 156px;
		height: 454px;
		float: left;
        z-index: 3;
		}
		
#left_navs{
		position: relative;
		background-image:url(../images/leftimage_ro.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		width: 162px;
		height: 454px;
	    margin: 10px 0px 0px 28px;
		float: left;
		 }

#left_navs span
{
	 display:none;
}

#left_navs a 
{
    width:162px;
	height: 150px;
    display:block;
}

#left_navs li 
{
    float: left;
    list-style:none;
    display:block;
}	

	#left_nav1 {height: 150px;}
    #left_nav2 {height: 150px;}
    #left_nav3 {height: 150px;}
  
    #left_nav1 a:hover {background:url(../images/leftimage_ro.jpg) -162px 0px no-repeat; }
    #left_nav2 a:hover {background:url(../images/leftimage_ro.jpg) -162px -150px no-repeat; }
    #left_nav3 a:hover {background:url(../images/leftimage_ro.jpg) -162px -300px  no-repeat; }
  


#navig-elems{
		position: relative;
		background-image: url(../images/navs_thicker.jpg);
		margin: 10px auto auto 200px;
		background-position: 0px -40px;
		background-repeat: no-repeat;
		width: 440px;
        height: 40px; 
		padding: 0px 0px 0px 0px;
}
#navig-elems span
{
	 display:none;
}

#navig-elems a 
{
    height:40px;
    display:block;
}

#navig-elems li 
{
    float: left;
    list-style:none;
    display:inline;
}	
	#navig-elems-01 {width: 65px;}
    #navig-elems-02 {width: 95px;}
    #navig-elems-03 {width: 80px;}
    #navig-elems-04 {width: 85px;}
    #navig-elems-05 {width: 115px;}
 
    #navig-elems-01 a:hover {background:url(../images/navs_thicker.jpg) 0px 0px no-repeat; }
    #navig-elems-02 a:hover {background:url(../images/navs_thicker.jpg) -65px 0px no-repeat; }
    #navig-elems-03 a:hover {background:url(../images/navs_thicker.jpg) -160px 0px  no-repeat; }
    #navig-elems-04 a:hover {background:url(../images/navs_thicker.jpg) -240px 0px no-repeat; }
    #navig-elems-05 a:hover {background:url(../images/navs_thicker.jpg) -325px 0px no-repeat; }
 
a
{
	font:  12px Arial, Helvetica, sans-serif;
     color: #000000;
	 text-decoration: underline;
	}
a:hover{
	color: #666699;

	}
a:visited{
color: #CC3333;
	}
.bodycopy
{
	position: relative;
	z-index: 3;
	margin: 10px auto auto 210px;
	width: 416px;
	text-align: justify;
	padding: 10px 5px 0px 5px;
	}
	.bodycopy li
{
	font: 12px Arial, Helvetica, sans-serif;
     color: #000000;
	 line-height: 1.5;
	 list-style-type: square;
margin-left: 10px;
}
.bodycopy p{	
     font:  12px Arial, Helvetica, sans-serif;
     color: #000000;
	 padding-bottom: 3px;
	}
.bodycopy h1{
	
font:  16px Arial, Helvetica, sans-serif;
color: #CC3333;
line-height: normal;
padding-bottom: 10px;
}
#bodycopyimages{
	position: absolute;
	padding-top: 10px;

}
#bcimages{
	position: absolute;
margin-top: -45px;
margin-left: 184px;
}
#subhead{
	font: bold  12px Arial, Helvetica, sans-serif;
     color: #666699;
	 line-height: normal;
	 padding-bottom: 10px;

	}
	
		#footer{
			width: 665px;
			margin: 10px auto auto 100px;
			font: 9px Arial, Helvetica, sans-serif;
			text-align: center;
			}
			
			#footer img{
				vertical-align: top;
				padding-top: 5px;
				padding-right: 15px;}
/*FORM ELEMENTS*/
#ContactForm{
	position: relative;
	margin: 0px auto auto 10px;}

form, label,input{
	
	margin-bottom: 5px;
}

input{
float: left;
width: 180px;
	padding-bottom: 5px;
}

textarea
{
	float: left;
margin-left: 30px;
padding-left: 20px;
width: 350px;
height: 55px;
padding-bottom: 5px;
}

			label{
float: left;
width: 120px;
font: 10px Arial, Helvetica, sans-serif;
color: #000000;
	padding-bottom: 5px;
}

.boxes{
width: 1em;
}

#submit{
	float: left;
margin-top: 5px;
margin-left: 30px;
width: 90px;
	padding-bottom: 5px;
}
/**END FORM ELEMENTS*/
br{
clear: left;
}