/* HTML */
html, body { 
    font: normal 11px/18px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	margin: 0; 
	padding: 0;
	text-align:center;
    background: url(/images/background/canvasbackground.jpg) repeat;
}
body a {
	color:#333333;
}
img {
    display: block;
    border: 0;
}
a { 
    text-decoration: underline;
	color: #333333;
}

/* ====================================================== */
/* Main Layout format */
/* ====================================================== */
#wrapper {
/* the width has been adjusted to allow for rollover on far left nav instead of being just 993px */
	width:968px;
	margin: 0 auto; 
	padding: 0;
    /* background: transparent url(/images/background/glow.jpg) no-repeat; */
	overflow:auto; 
}
	#Frame_Top {
		float:left;
		width:968px;
		height:80px;
		margin:10px 0 0 0; 
		padding:0;
		background: url(/images/header/header.png) no-repeat top left; 
	}
*html #Frame_Top{
		background: url(/images/header/header.gif) no-repeat top left; 
    }	
	#Frame_Left {
		float:left;
		width:968px;
		margin:0; 
		padding:0;
	/*	background: transparent url(/images/left-bg.jpg) repeat-y top left;  */
	}
	#Frame_Right {
		float:right;
		width:968px;
		margin:0; 
		padding:0;
		background: transparent url(/images/background/repeater.png) repeat-y top right; 
	}
*html #Frame_Right{
		background: transparent url(/images/background/repeater.gif) repeat-y top right; 
    }	
	#Frame_Bottom{
		float: left;
		width:968px;
		height:70px;
		margin: 0;
		padding: 0;
		background: url(/images/footer/footer.png) no-repeat top left;
	}
*html #Frame_Bottom{
		background: url(/images/footer/footer.gif) no-repeat top left; 
    }	


/* ======================= #Frame_Top =============================== */
#header{
    float: left;
    margin: 6px 0 0 10px;
	width:945px;
	height:54px;
}
*html #header{margin: 6px 0 0 5px;}

/* ======================= #Frame_Right =============================== */
#body_main{
		float: left;
        width: 968px;
	    /*overflow:auto; */
		margin: 0;
		padding: 0;
	/*	background: #a5d6f3 url(/images/background-internal.jpg) no-repeat  top left; */
}

/* ======================= #Home Layout =============================== */
#homeflower{
		float: left;
        width: 968px;
/*        height: 500px;*/
		background: transparent url(/images/home/flower.png) no-repeat 290px 24px; 
}

#homeleftbox{
		float: left;
        width: 224px;
        height: 410px;
        margin: 0 0 0 6px;
		background: transparent url(/images/home/leftbox.png) no-repeat top left; 
}
*html #homeleftbox{margin: 0 0 0 3px;}

#happenings{
		float: left;
        width: 173px;
        height: 57px;
        margin: 0 0 0 0px;
		background: transparent url(/images/home/happenings.png) no-repeat top left; 
        border: solid 0px red;
}
#happeningscontent{
		float: left;
        width: 190px;
        height: 320px;
        margin: 0 0 0 10px;
        padding: 0 10px 0 0;
        text-align:left;
        font: normal normal 13px/15px Arial, Helvetica, sans-serif;
        color: #b60140;
}
*html #happeningscontent{
    margin: 0 0 0 5px;
    padding: 0 5px 0 0;
}
#happeningscontent a{
        color: #b60140;
        width: 100px;
}


#homelogo{
		float: left;
        width: 488px;
        height: 418px;
        margin: 0 0 0 3px;
		background: transparent url(/images/home/logo.png) no-repeat top left; 
}
*html #homelogo{margin: 0 0 0 1px;}

#homerightboxes{
		float: right;
        width: 224px;
        margin: 0 20px 0 0;
}
*html #homerightboxes{margin: 0 10px 0 0;}
#topbox{
		float: left;
        width: 224px;
        height: 196px;
		background: transparent url(/images/home/rightbox.png) no-repeat top left; 
}
#topboxtitle{
		float: left;
        width: 129px;
        height: 42px;
        margin: 0 0 0 0px;
		background: transparent url(/images/home/toocute.png) no-repeat top left; 
        border: solid 0px red;
}
#topboxcontent{
		float: left;
        width: 204px;
        height: 130px;
        margin: 0 0 0 2px;
        text-align:left;
}
#botbox{
		float: left;
        width: 224px;
        height: 196px;
        margin: 14px 0 0 0;
		background: transparent url(/images/home/rightbox.png) no-repeat top left; 
}
#botboxtitle{
		float: left;
        width: 75px;
        height: 43px;
        margin: 0 0 0 4px;
		background: transparent url(/images/home/new.png) no-repeat top left; 
        border: solid 0px red;
}
#botboxcontent{
		float: left;
        width: 204px;
        height: 130px;
        margin: 0 0 0 2px;
        text-align:left;
}

/* ======================= #Internal Layout =============================== */

#internal_left{
		float: left;
        width: 262px;
        height: 394px;
        margin: 0 0 0 2px;
        padding: 0 12px 0 0;
		background: transparent url(/images/internal/flower.png) no-repeat 16px 24px; 
}
#internal_logo{
		float: left;
        width: 262px;
        height: 358px;
		background: transparent url(/images/internal/logo.png) no-repeat top left; 
}
#internal_right{
		float: left;
	    width:662px;
	    margin: 0 0 0 0; 
}

#internal_boxtop{
    float:left;    
	width:662px;
	height:14px;
	margin: 0; 
	padding: 0;
	background:url(/images/internal/box_top.png) no-repeat;
}
#internal_boxleft{
		float:left;
		width:662px;
		margin:0; 
		padding:0;
		background: transparent url(/images/internal/box_left.png) repeat-y top left; 
}
#internal_boxright{
		float:right;
		width:659px;
		margin:0; 
		padding:0;
		background: transparent url(/images/internal/box_right.png) repeat-y top right; 
}
#internal_content{
		float:left;
		width:582px;
		padding:0 40px 0 20px; 
		margin:0;
		background: #ffffff;
		text-align: left;
}

#internal_boxbot{
    float:left;    
	width:662px;
	height:18px;
	margin: 0; 
	padding: 0;
	background:url(/images/internal/box_bottom.png) no-repeat;
}
#internal_vertspacer{
    float:left;    
	width:1px;
	height:400px;
}
#internal_center{
    width: 550px;
	margin: 0 auto; 
}

/* ======================= #Frame_Bottom =============================== */
#footerInfo{
    float: left;
    margin: 20px 0 0 20px;
	width:300px;
	height:40px;
    text-align: left;
}
#footerCopy{
    float: right;
    margin: 20px 20px 0 0;
	width:200px;
	height:13px;
}

/* ======================= #Forms =============================== */
#formcontainer{
    float: left;
    margin: 0;
    font: bold 13px/15px Arial, Helvetica, sans-serif;
}
#firstname{
    float: left;
    margin: 0;
}
#lastname{
    float: left;
    margin: 0 0 0 30px;
}
#jobtitle{
    float: left;
    margin: 0;
}
#organization{
    float: left;
    margin: 0 0 0 30px;
}
#address{
    float: left;
    margin: 0;
}
#address2{
    float: left;
    margin: 0 0 0 30px;
}
#city{
    float: left;
    margin: 0;
}
#state{
    float: left;
    margin: 0 0 0 30px;
}
#zipcode{
    float: left;
    margin: 0 0 0 30px;
}
#email{
    float: left;
    margin: 0;
}
#phone{
    float: left;
    margin: 0 0 0 30px;
}
#login{
    float: left;
    margin: 0;
}
#password{
    float: left;
    margin: 0 0 0 30px;
}
/* ======================= #Login =============================== */
.loginarea{
    float: right;
    margin: 0 20px 20px 20px;
    font: bold 13px/15px Arial, Helvetica, sans-serif;
}
#forgetlogin{
    float: left;
    margin: 0;
    font: normal 11px/13px Arial, Helvetica, sans-serif;
    width: 110px;
}
#submitbtn{
    float: left;
    margin: 0 0 0 0px;
}


/* ======================= #Utility Classes =============================== */
.left {float:left;}
.right {float:right;}
.clear {clear:both}
.none {display: none;}