/* This style sheet was written by Community MX and was distributed freely for use with the free North Pole CSS positioning template.
The North Pole template is freely available from http://www.communitymx.com - This comment should remain intact though you are free to edit the style sheet as you see fit. */

body {
        margin: 0;
        padding: 0;
        border: 0;
        color: #33333i3;
        /* text-align: center; */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100.01%;
        min-width: 760px;
}

#wrapper {
        width: 762px;/*sets the width for IE5.x's broken box model*/
        w\idth: 760px; /* sets the width of the wrapper for compliant browsers*/
        margin: 0; /* auto centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
        position: relative; /* important to position it relatively */
        background-color: #FFF; /* sets the wrappers background color */
        text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
        position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
        background-image: url(../img/header.gif); /* sets the background image for the banner div*/
        background-repeat: no-repeat; /* prevents the bg image from repeating */
        height: 160px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
        background-color: #FFF;
}

#smallnav {
        font-size: 10px;
        text-align: right;
        color: #0F4E9B;
        background-color: #FFF;
        padding: 5px 25px 5px 0;
}

#smallnav a {
        text-decoration: none;
}
#smallnav a,
#smallnav a:visited { /* use dual selectors if the properties and values are the same for each */
        color: #0F4E9B;
        text-decoration: none; /* removes the default underline */
}

#smallnav a:hover,
#smallnav a:focus { /* use dual selectors if the properties and values are the same for each */
        background-color: transparent; /* prevents the dark blue background colour from the "a" selector showing and ensures the snowman image is seen on hover and focus */
        color: #B8000F; /* changes the hover and focus text to black */
}

#leftcol { /* Begin laying out the leftcol div */
        float: left; /* Floats the div to the left to make a column */
        width: 196px; /* sets a width for the div - Imperative for IE mac */
        background-color: #FFF; /* sets the wrappers background color */
        margin: 0 10px;
        padding-bottom: 20px;
        /* border: 1px solid #000; */
}

#leftcol #navigation {
        line-height: 100%; /* helps out IE 5.01 PC */
        width: 196px; /* sets a width for the div */
}

#leftcol #navigation ul {
        list-style-type: none; /* removes the bullets from our list navigation */
        margin: 0; /* zeroes off the margins */
        padding: 0; /* zeroes off the padding */
        font-size: 65%; /* scales the font to 75% of the body font declaration*/
        font-weight: bold;
}

#leftcol #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
        padding: 0; /* zeroes off the padding */
        margin: 0; /* zeroes off the margins */
        margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
        ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
}

#leftcol #navigation a,
#leftcol #navigation a:visited { /* use dual selectors if the properties and values are the same for each */
        border-bottom: 1px dotted #999;
        color: #0F4E9B;
        display: block; /* required to make the links act like a button, having the full area "clickable" */
        padding: 5px 10px 5px 18px;
        text-decoration: none; /* removes the default underline */
        width: 196px; /* sets the width for IE5.x - content width plus border widths plus padding value = 28 extra pixels */
        w\idth: 168px; /* resets the width for IE6 and compliant browsers */
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#leftcol #navigation a:hover,
#leftcol #navigation a:focus { /* use dual selectors if the properties and values are the same for each */
        background-color: transparent; /* prevents the dark blue background colour from the "a" selector showing and ensures the snowman image is seen on hover and focus */
        color: #B8000F; /* changes the hover and focus text to black */
        background-image: url(../img/on-arrow.gif);
        background-position: left;
        background-repeat: no-repeat;
}

#content { /* Begin laying out and styling the content div */
        /* width: 514px; sets the width of our content*/
        margin: 0 15px 0 231px;
        background-color: #FFF; /* sets the wrappers background color */
        padding-bottom: 20px;
        /* border: 1px solid #000; */
}
#content  #payment p {
	font-weight: bold;
	font-size: 11px;
}
#content #errors {
	background: #FFCCCC;
	border: 1px solid #CC0000;
	padding: 15px;
	margin: 5px;
}
#content #errors h2 {
	margin: 0px;
	padding: 0px;
}
#content   #errors   ul  {
	margin: 5px 10px;
	padding: 0px;
	list-style-type: none;
}
#content   #errors   li  {
	font-weight: bold;
	color: #8F0010;
	font-size: 70%;
}
#content  #payment .rate {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}

#content p {
        font-size: 70%; /* set the font size for p, scaled from the body declaration */
        /* margin: 10px 6px 10px 6px; set the margins for the p element */
        padding: 0; /* zero off the padding */
        margin: 0;
}
#content h1 {
	color: #8F0010;
	font-size: 120%;
}

#content h2 {
        color: #000;
        font-size: 70%;
        font-weight: bold;
        padding: 20px 0 0 0;
        margin: 0;
}

#content .module1 {
        width: 418px;
}

#content .module1 #top {
        background-image: url(../img/module1_top.gif);
        background-repeat: no-repeat;
        height: 13px;
}

#content .module1 #middle {
        background-image: url(../img/module1_middle.gif);
        background-repeat: repeat-y;
        font-size: 75%;
        text-align: center;
}

#content .module1 #bottom {
        background-image: url(../img/module1_bottom.gif);
        background-repeat: no-repeat;
        height: 13px;
}

#content .module2 {
        width: 164px;
        padding: 0 3px;
}

#content .module2 #top {
        background-image: url(../img/module2_top.gif);
        background-repeat: no-repeat;
        height: 13px;
}

#content .module2 #middle {
        background-image: url(../img/module2_middle.gif);
        background-repeat: repeat-y;
        font-size: 90%;
        text-align: center;
        color: #333;
        padding: 0 10px;
}

#content .module2 #bottom {
        background-image: url(../img/module2_bottom.gif);
        background-repeat: no-repeat;
        height: 13px;
}

form {
        margin: 0;
        padding: 0;
}

input {
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
}

#checklist {
        float: left;
        margin: 0;
        padding: 0 5px;
        font-size: 75%;
}

#searchresults {
        margin: 5px 0;
        padding: 10px;
        background-color: #FFFBBF;
        width: 456px;
}

#searchresults h2 {
        margin: 0;
        padding: 0;
        font-size: 75%;
        font-weight: bold;
        color: #0F4E9B;
}

#searchresults p {
        margin: 0;
        padding: 0;
        font-size: 65%;
        color: #333;
}

#searchDisclaimer {
        margin: 0;
        padding: 0;
        font-size: 65%;
        color: #333;
}

#searchDisclaimer a,
#searchDisclaimer a:visited {
        color: #0F4E9B;
        text-decoration: underline;
}

#searchDisclaimer a:hover,
#searchDisclaimer a:focus {
        background-color: transparent;
        color: #B8000F;
}

#footer {  /* Begin laying out and styling the footer div */
        background-color: #FFF;  /*sets a background colour for the footer*/
        width: 760px;  /*Sets the footers width*/
        /* border-top: 1px solid #000; sets the top border to define the beginning of the footer*/
        font-size: 60%;  /* sets the footer text size */
        text-align: center;  /* aligns the text to the center*/
        /* margin-top: 20px;  Adds a margin to the top of the footer*/
        clear: both;  /*clears any floats to the left - our leftcol div in this instance*/
        padding: 20px 0 20px 0;
        position: relative;
        bottom: 0px;
}

#footer p {
        padding: 0;
        margin: 0;
        color: #666;
}
#schedule {
	margin: 10px 50px;
	padding: 0px;
	font-size: 70%;
}
#schedule2 {
	margin: 10px;
	padding: 0px;
	font-size: 70%;
	list-style-type: none;
	line-height: 1.5;
}
#schedule3 {
	margin: 10px;
	padding: 0px;
	font-size: 70%;
	list-style-type: none;
	line-height: 1.1;
}
#schedule li {
	margin-bottom: 15px;
}
#schedule strong {
	color: #212D6A;
}
#content h2 {
	font-size: 95%;
	margin-left: 10px;
	color: #212D6A;
	padding: 0px;
	margin-top: 25px;
}
#content #fac {
	margin: 10px;
}
#content #fac p {
	margin-bottom: 20px;
	line-height: 1.5;
}
#content #fac strong {
	color: #212D6A;
}
#wrapper #content #quicklinks a {
	color: #212D6A;
}

.style2 {
        font-size: 10px;
        color: #FFFFFF;
}
.style7 {color: #000000; font-size: 10px; }
.style4 {font-size: 12px}
.style6 {
        color: #0F4E9B;
        font-weight: bold;
}
.style7 {
        color: #424E9B;
        font-weight: bold;
}
.style8 {
        font-size: 14px;
        color: #0F4E9B;
        font-weight: bold;
}