@charset "utf-8";
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BEGIN RESET CSS - removes and neutralizes the inconsistent default styling of HTML elements
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td,img { 
	margin:0; 
	padding:0; 
} 
fieldset,img {  
	border:0; 
} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
address,caption,cite,code,dfn,/*em,strong,th,*/var { 
	font-style:normal; 
	font-weight:normal; 
} 
ul li { 
	list-style-type:none; 
} 
ol li {
	list-style-type:decimal;
}

caption,th { 
	text-align:left; 
} 
/*h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal;
} */
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
END RESET CSS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body {height: 100%;}
form {height: 100%;} 

#entirecontainer {
	position: relative;
	width:827px;
	margin: 0 auto;
	height: auto !important;  /*For newish browsers */
	height: 100%;  /*This is for crappy IE*/
	min-height: 100%;  /*For newish browsers*/
	background-color:#ffffff;
}



#topbar {
	height:36px; /*52 minus border/padding */
	padding:12px 20px 0px 20px;
	/*height:48px;
	padding:0px 20px;*/
	border-bottom:4px solid #ffda3b;
	background-color:#000000;
	background-image: url(images/layout/topbar_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#topbar li {
	display:inline;
	background-image: url(images/layout/topbar_divider.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	padding:.6em .9em;
}
#topbar input { 
	vertical-align:middle;
	border:none;
}
.roundinputbg { /*for browsers who don't correctly put bg image on input */
	height:24px;
	width:252px;
	background-image: url(images/layout/search_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
input#txtSearch {
	height:18px; /* 24px minus border/padding */
	width:242px; /* 252px minus border/padding */
	padding:3px 5px 3px 5px;
	background-image: url(images/layout/search_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



#masthead {
	height:235px; /* 237 minus border/padding (home height 270) */
	border-top:1px solid #474649;
	border-bottom:1px solid #ffe165;
	background-color:#091d5a;
}
#masthead img.right {
	border-left:1px solid #000000;
}

#chatquote {
position:absolute;
top:0px;
right:0px;
}


#sectionnav {
	float:left;
	height:215px; /*235 minus border/padding */
	width:205px;  /*251 minus border/padding */ /* (home width is 272*/
	padding-top:18px;
	padding-left:44px;
	border-top:2px solid #444444;
	border-right:2px solid #203b8c;
}
#sectionnav ul {
	margin-top:7px;
	margin-left:10px;
}


#mainnav {
	height:33px; /*42 minus border/padding */
	padding:7px 0px 0px 0px;
	text-align:center;
	border-top:2px solid #d8ba3b;
	background-color:#000000;
	background-image: url(images/layout/mainnav_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
#mainnav ul {
	padding-top:5px;
	padding-bottom:5px;
}



#maincontainer {	
	margin-top:10px;
	padding-bottom:400px; /* = the #footer and bottom nav height*/
	background-image:url(images/layout/dashdivider.gif);
	background-repeat: repeat-y;
	background-position: 225px top;
}

#leftbar {
	float:left;
	width:201px;
	margin-top:6px;
	margin-left:16px;
}


#leftnav {
	padding-top:5px; /*height of bg image */
	background-color:#3a4a7b;
	background-image: url(images/layout/leftnav_topcap.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#maincontent {	
	padding:10px 13px 0px 235px; /* left padding = leftnav width plus any extra desired */
}





#footercontainer {
	position:absolute;
	bottom:0px;
	width: 827px;
	z-index: auto;
	background-color:#FFFFFF;
}

#bottomnavcontainer {
	width:821px; /* 821 minus border/padding */
	height:157px; /* 157 minus border/padding */
	margin:7px auto 3px auto;
	background-image: url(images/layout/bottomnav_gradient.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#bottomnav {
	width:811px;
	height:100%;
	margin:0px auto;
}
#bottomnav div {
	float:left;
}
#bottomnav h4 {
	height:19px; /* 24 height of corner images minus any border/padding */
	padding-top:5px; /*based on the bg image*/ 
	text-align:center;
	background-color:#d6d9e4;
}
#bottomnav ul {
	margin-top:9px;
}
#bn1 {
	padding-left:5px; /* 5px(bg image height) plus any additional needed */
	background-image: url(images/layout/bottomnav_topleftcorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bn5 {
	padding-right:5px; /* 5px(bg image height) plus any additional needed */
	background-image: url(images/layout/bottomnav_toprighttcorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* adjust as needed - NOTE: bn's need to add up to #bottomnav width(801px) minus 10px */
#bn1 {
	width:160px;
}
#bn2 {
	width:160px;
}
#bn3 {
	width:160px;
}
#bn4 {
	width:170px;
}
#bn5 {
	width:151px;
}
/* adjust these as needed */
#bn1 ul {
	margin-left:30px;
}
#bn2 ul {
	margin-left:35px;
}
#bn3 ul{
	margin-left:40px;
}
#bn4 ul{
	margin-left:35px;
}
#bn5 ul {
	margin-left:50px;
}


#footer {
	height:65px; /*85 minus any border/padding */
	padding:20px 35px 0px 35px;
}
#footer img {
	float:right;
	padding-top:5px;	
}
#footertext {
	width:490px;
	float:left;
	padding-left:105px;
	padding-right:20px;
	text-align:center;
}
#footertext p, #footertext ul, #footertext ul li {
	display: inline;
}




/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BEGIN EXTRA CLASSES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*the stretchbox module can be used anywhere, it will stretch and squash = the area it is contained in, to set a width for a specific stretchbox, use another style/id in conjunction with stretchbox */
.stretchbox {
	background-image: url(images/layout/stretchbox_rightbotcorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #b0b7ca; 
	margin:.5em 0em 1em 0em;
}
.stretchbox .header {
	background-image: url(images/layout/stretchbox_lefttopcorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.stretchbox .header h2, .stretchbox .header h3 { /*set up for h2 or h3, if you want to use a different tag, just add it here whatever */
	background-image: url(images/layout/stretchbox_rightttopcorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:5px; /*height of background image*/
	padding:5px 10px 2px 10px;
	line-height:1em;
}
.stretchbox .body {
	background-image: url(images/layout/stretchbox_leftbotcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 12px 5px 12px;
}


/*the stretchbox2 module can be used anywhere, it will stretch and squash = the area it is contained in, to set a width for a specific stretchbox, use another style/id in conjunction with stretchbox */
.stretchbox2 {
	background-image: url(images/layout/stretchbox2_rightbotcorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #3a4a7b; 
	margin:.5em 0em 1em 0em;
}
.stretchbox2 .header {
	background-image: url(images/layout/stretchbox2_lefttopcorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.stretchbox2 .header h2, .stretchbox2 .header h3 { /*set up for h2 or h3, if you want to use a different tag, just add it here whatever */
	background-image: url(images/layout/stretchbox2_righttopcorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:5px; /*height of background image*/
	padding:5px 10px 2px 10px;
}
.stretchbox2 .body {
	background-image: url(images/layout/stretchbox2_leftbotcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 12px 5px 12px;
}


/*the stretchbox2 module can be used anywhere, it will stretch and squash = the area it is contained in, to set a width for a specific stretchbox, use another style/id in conjunction with stretchbox */
.stretchbox3 {
	background-image: url(images/layout/stretchbox3_rightbotcorner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #d6d9e4; 
	margin:.5em 0em 1em 0em;

}
.stretchbox3 .header {
	background-image: url(images/layout/stretchbox3_lefttopcorner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0px 0px 0px;
}
.stretchbox3 .header h2, .stretchbox3 .header h3 { /*set up for h2 or h3, if you want to use a different tag, just add it here whatever */
	background-image: url(images/layout/stretchbox3_righttopcorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:5px; /*height of background image*/
	padding:15px 20px 7px 20px;
}
.stretchbox3 .body {
	background-image: url(images/layout/stretchbox3_leftbotcorner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 0px 0px;
}



/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
END EXTRA CLASSES
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/