/*****************/
/* Layout Styles */
/*****************/

#siteContainer {
    position: relative;
    width: 100%;
}

#mainContentContainer {
    position: relative;
    margin: 0 auto;
    width: 957px;
}

	#header {
            position: relative;
            width: 949px;
            height: 161px;
            background: url(../images/header.jpg) no-repeat;
	}
            #logo {
                position: absolute;
                width: 240px;
                height: 75px;
                top: 10px;
                left: 45px;
            }
	#menu {
            position: relative;
            height: 25px;
            top: 128px;
	}
        #subHeaderHome {
            position: relative;
            width: 949px;
            min-height: 130px;
            background: url(../images/sub-header-bg-home.gif) repeat-y;
        }
        #subHeaderInternal {
            position: relative;
            width: 949px;
            min-height: 130px;
            background: url(../images/sub-header-bg-internal.gif) repeat-y;
        }

        #subscribeButton {
            position: absolute;
            width: 212px;
            height: 50px;
            right: 15px;
            bottom: 15px;
        }

/*************
/ SEARCH
*************/
#search_box {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 85px;
    width: 204px;
    height: 26px;
    text-align: right;
}

    #search_form, #search_form * {
            display: inline;
    }

            #search_form .header2 {
                    margin: 0px;
            }

            #search_keywords {
                position: relative;
                float: right;
                    width: 142px;
                    height: 26px;
                    background: url(../images/search-input-bg.png) repeat-x;
                    border: none;
                    margin: 0px;
                    padding: 0px;
                    font-size: 11px;
                    color: #663300;


            }

            #search_submit {
                position: relative;
                float: right;
                    margin: 0px;
                    padding: 0px;
                    width: 52px;
                    height: 26px;
            }

            * html #search_submit {
                    vertical-align: middle;
            }

/****************
/ MAIN CONTENT
*****************/

    #contentContainer {
        position: relative;
        width: 957px;
    }
	#contentTop {
		position: relative;
                width: 957px;
                height: 8px;
                background: url(../images/content-bg-top.gif) no-repeat;
	}
	#content {
		position: relative;
                width: 957px;
                padding-bottom: 20px;
                background: url(../images/content-bg-middle.gif) repeat-y;
	}

	#contentBottom {
		position: relative;
                width: 957px;
                height: 9px;
                background: url(../images/content-bg-bottom.gif) no-repeat;
	}

/****************
/ HOME
/***************/

            #leftHome {
                position: relative;
                float: left;
                width: 640px;
                padding: 0;
            }
            #rightHome {
                position: relative;
                float: left;
                width: 265px;
                padding: 25px 25px 25px 10px;
            }
                #rightHome ol {
                    padding: 3px 0px 3px 20px;
                    margin: 0px;
                    width: 230px;
                }
                #rightHome ol li {
                    padding: 8px 0 0 0;
                    height: 22px;
                    border-bottom: 1px dotted #999;
                }
                #homePanelContainer {
                    position: relative;
                    width: 279px;
                }
                    #homepanelTop {
                        position: relative;
                        width: 279px;
                        height: 5px;
                        background: url(../images/home-panel-bg-top.gif) no-repeat;
                    }
                    #homepanelMiddle {
                        position: relative;
                        width: 279px;
                        padding: 10px 10px 1px 10px;
                        background: url(../images/home-panel-bg-middle.gif) repeat-y;
                    }
                        #homepanelMiddle a {
                            color: #000;
                        }
                        #homepanelMiddle a:hover {
                            text-decoration: none;
                        }
                    #homepanelBottom {
                        position: relative;
                        width: 279px;
                        height: 6px;
                        background: url(../images/home-panel-bg-bottom.gif) no-repeat top;
                    }

/****************
/ INTERNAL
*****************/

#leftInternal {
    position: relative;
    float: left;
    width: 154px;
    padding: 15px 0 0 25px;
}
#rightInternal {
    position: relative;
    float: left;
    width: 720px;
    padding: 15px 25px 0 25px;
}


#siteLocation {
    position: relative;
    margin: 0 auto;
    width: 905px;
    min-height: 26px;
    padding: 15px 0 2px 0;
    border-bottom: 1px solid #ccc;
}

        #pagename {
            position: relative;
            float: left;
            width: 175px;
        }


        #breadcrumb {
            position: relative;
            float: left;
            width: 665px;
        }


/**********************
/ HOMEPAGE TAB SECTION
**********************/

#tabPanelContainer {
    position: relative;
    width: 100%;
    margin-top: -31px;
}


/*Tabs CSS*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 24px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
	width: 100%;
}

ul.tabs li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 23px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 23px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #999;*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
        width: 170px;
        text-align: center;
	background: url(../images/home-sub-nav.png) no-repeat;
}
ul.tabs li a {
	text-decoration: none;
	color: #22492a;
        font-weight: bold;
	display: block;
	padding: 0;
	/*border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background:  url(../images/home-sub-nav-active.png) no-repeat;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:  url(../images/home-sub-nav-active.png) no-repeat;
	/*border-bottom: 1px solid #fff; --Makes the active tab look like it's connected with its content--*/
}

/*Tab Content CSS*/

.tab_container {
	/*border: 1px solid #999;*/
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}




/****************
/ FOOTER
****************/


	#footer {
            position: relative;
            margin: 0 auto;
            padding: 0;
            width: 949px;
            color: #333;
            font-size: 11px;
	}

            #footer a {
                color: #90908d;
            }

            #footer a:hover {
                text-decoration: none;
            }

            #footer .floatLeft {
                position: relative;
                float: left;
                width: 150px;
            }
            #footer .floatRight {
                position: relative;
                float: right;
                width: 130px;
            }

        #footerNav {
            position: relative;
            margin: 0 auto;
            width: 370px;
        }

            #footerNav li {
                list-style-type: none;
                float: left;
                padding: 0 12px;
                background: url(../images/footer-pipe.gif) no-repeat 0 55%;

            }

/*
#divname, .classname {
	display properties(margin, width, z-index, etc...)
	
	font styles (font-width, color, text-alignment, etc...)
	
	theme related (border, background, etc...)
}
*/