@charset "utf-8";
/* pop up pages have a container and inside a header at top and a footer at bottom. The middle can have 1 column maincontent, 1 column with sidebar, or 3 equal columns. Choose middle divs accordingly. Classes include fltrt and fltlft for image or div location, and red, green and gold classes for text color emphasis. */

#popcontainer { width: 620px; margin: 0 auto; text-align: left; font: 1.1em/110% Tahoma, Verdana, Arial, sans-serif; height: auto; }
#popcontainer p { margin: 0px; padding: 0px 10px 9px 25px; }
#popcontainer h2 { padding: 9px 0 0px 25px; margin: 0px; font: 18px "Trebuchet MS", Arial, sans-serif; }
#popcontainer h3 { margin: 0px; padding: 10px 0 6px 25px; font-weight: bold; color: #08524A; }
#popcontainer h4 { margin: 0px; padding: 9px 0 0 25px; font-size: 14px; font-weight: bold; }
#popcontainer a { color: #0B5248; text-decoration: none; }
#popcontainer a:hover { color: #F78509; text-decoration: none; }
#popcontainer ul, #popcontainer ol { margin: 0px; padding-right: 0; padding-left: 45px; }
#popcontainer li { padding: 0 10px 6px 0; }
#popheader { background: #FFFFFF; padding: 0; width: 618px; border-bottom: 2px dotted #999999; clear: both; }
#popheader h1 {
	margin: 0;
	color: #0B5248;
	padding: 10px 5px 5px 25px;
	clear: both;
	font-weight: bold;
}
#popheader p { margin: 0px 0px 6px; padding: 0px 20px 0px 25px; font-weight: bold; }
/* for 1 column layout in popcontainer */
#popmainContent { margin: 0; padding: 15px 0 0; text-align: left; width: 618px; float: left; background-color: #FFFFFF; }
#popmainContent a, #popfooter a { color: #0B5248; font-weight: bold; }
#popmainContent a:hover, #popfooter a:hover { color:#F78509; }
#popmainContent table { margin: 7px 0px 3px 30px; }
#popmainContent th { font-weight: bold; text-align: center; padding: 7px; border: 1px solid #999999; color: #FFFFFF; background: #CCCCCC; }
#popmainContent td { text-align: center; padding: 7px; border: 1px solid #999999; }
/* for 2 column layout with smaller left sidebar */
#popsidebar1 { float: left; width: 150px; padding: 0; margin: 0; border-right: 2px dotted #CCCCCC; }
#popcontent { margin: 0; padding: 0; text-align: left; width: 447px; float: left; }
#popcontainer #popsidebar1 ul, #popcontainer #popsidebar1 ol { margin: 0px; padding: 3px 0 3px 20px; }
#popcontainer #popsidebar1 li { padding: 0 6px 6px 0; }
/* for 2 column layout in popcontainer */
#pop2col1 { float: left; width: 50%; }
#pop2col2 { width: 50%; float: left; }
/* for 3 column layout in popcontainer. */
#popcol1 { float: left; width: 198px; padding: 0; border-right: 2px; border-right-style: dotted; border-right-color:#CCCCCC; }
#popcol2 { float: left; width: 198px; padding: 0; border-right: 2px; border-right-style: dotted; border-right-color:#CCCCCC; }
#popcol3 { float: left; width: 198px; padding: 0; }
/* for 4 column layout in popcontainer */
#pop4col1 { float: left; width: 25%; text-align: center; }
#pop4col2 { float: left; width: 25%; text-align: center; }
#pop4col3 { float: left; width: 25%; text-align: center; }
#pop4col4 { float: left; width: 25%; text-align: center; }
#pop4col1 p, #pop4col2 p, #pop4col3 p, #pop4col4 p { padding: 0 5px 3px 10px; text-align: left; font-size: 11px; }
#popfooter { padding: 3px 35px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#FFFFFF; }
#popfooter h3 { color: #0B5248; text-align: right; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; text-align: center; clear: right; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; margin: 0; padding: 0px; }
.red { color: #AC1F25; font-weight: bold; }
.green { color: #0B5248; }
.gold { color: #F78509; }
#popcontainer img { border-style: none; padding-top: 10px; padding-bottom: 10px; }
#popmainContent .fltrt p { text-align: center; margin: 0px; padding: 3px 0px 0px; font-size: 11px; line-height: 13px; font-weight: normal; }
.alignleft { text-align:left; }
#popheader h2 {
	font: normal 1em Tahoma, Verdana, Arial, sans-serif;
	padding: 0px 0px 0px 25px;
}