﻿/*------GLOBAL HTML SETTINGS------*/

img {border:0px;}

p, td, div, span, input, ul, li, select {font:11px verdana, helvetica, 'sans serif';}
	

h1 {font:24px arial, helvetica, 'sans serif'; font-weight:bold; color:#004990; margin-bottom:0px; 
	background-image:URL(cc-img/Candy_Corn_bullet.gif); background-repeat:no-repeat;}
h2 {font:11px verdana, helvetica, 'sans serif'; color:#E03127; font-weight:bold; margin-bottom:0px; width:auto; padding:0px 0px 8px 0px; background-image:URL(cc-img/bg_dot.gif); background-repeat:repeat-x; background-position:left bottom;}
h2 a {font-weight:bold}
h3 {font:11px verdana, helvetica, 'sans serif'; font-weight:bold; color:#666666; padding-bottom:3px; margin-bottom:-10px; margin-top:30px;}
h4 {font:11px verdana, helvetica, 'sans serif'; font-weight:bold; color:#909090; margin-bottom:-15px;}


ul {list-style:square;}
li {padding-bottom:5px;}
li ul {padding-top:5px; padding-bottom:10px;}
li ul li {padding-bottom:0px; list-style:circle}
tr {vertical-align:top}
form {margin:0px}


.button {background-color:#004990; color:#ffffff; font-weight:bold; border:1px outset #004990}
.bold {font-weight:bold; }
.time, .hilite {font-weight:bold; color:#4C62AA;}
.pullquote {border:2px dotted #FDB827; padding:10px; font-weight:bold; line-height:1.5em}
.alert {font-weight:bold; color:#E03127}
.italic {font-style:italic}
.small {font-size:10px;}


/*------SITE LAYOUT------*/


#main {margin:0px; background-color:#FAA029;}
#main a:hover {text-decoration:none;}


/*------HEADER------*/


#lyrSiteCont {background-color:#ffffff; border-bottom:1px solid #ffffff}
#lyrHead {width:100%; background-image:URL(cc-img/bg_head.gif); background-repeat:repeat-x; background-position:bottom left;}

#lyrLogo {position:relative; background-image:URL(cc-img/logo_main.gif); background-repeat:no-repeat}

#lyrInfo {position:absolute; width:317px; height:29px;  text-align:center; top:0px; right:20px; padding-top:7px; z-index:200}
#lyrInfo a {font-weight:normal; color:#000000; border-right:1px solid #E03127; padding:0px 10px 0px 10px; font-size:11px;}
#lyrInfo a:hover {color:#E2443E}



/*------BREADCRUMB------*/

#divMap {height:16px; margin:0px 0px 0px 0px; padding:8px 25px 8px 12px; background-color:#FEE3AB; border-bottom:0px dotted #FFECAD; font-weight:bold; font-size:10px;}

#divMap a {color:#F9A627; font-size:10px; font-weight:bold}
#divMap a:hover {color:#F9A627;}


#lyrPageCont {clear:both; padding-bottom:45px; background-image: url(cc-img/candy-corn-white-bg.jpg);}
#lyrPageCont a, #intro1 a, #intro2 a {color:#DD7020}
#lyrPageCont a:hover, #intro1 a:hover, #intro2 a:hover  {color:#004990}




/*------COLUMNS------*/



#colfull {margin:0 0 0 0px; padding:25px 0px 30px 30px; width:750px}
#colfull table {width:auto}
#colfull h1 {font-size:20px; width:inherit; padding-bottom:10px;  padding-left:40px;}

#col1 {margin:0 0 0 245px; padding:25px 0px 10px 30px; width:500px; background-color:#FFFFFF; }
#col1 h1 {padding-left:40px;}
#col2 {position:absolute; top:175px; left:0px; width:237px; 
	width:245px;
	margin-left:-15px;
}


.col1offset h1 {margin-top:25px}


#col2 ul {margin-left:15px; list-style-image:URL(cc-img/circle_blue.gif);}
#col2 li {padding-bottom:10px; font-size:10px; margin-top:0px; }
#col2 li ul li {list-style-type:square; list-style-image:none; padding-top:5px; padding-bottom:0px; }
#col2 p, #col2 span {font-size:10px }

.nav 
{
	font-weight: normal; 
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	LINE-HEIGHT: 14px;
}

.navhead
{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	margin-top: 10px;
	margin-bottom: 0px;
	LINE-HEIGHT: 14px;
}

/*------COLUMN 2 DIVS------*/

#funfact, #info, #plain {margin:15px 5px 30px 15px; padding:35px 15px 20px 10px; background-color:#FEE3AB; border-bottom:0px solid #E24740;}

#plain {padding-top:15px}


#funfact {background-image:URL(cc-img/h_funfacts.gif); background-repeat:no-repeat;  background-position:top left}

#funfact .navhead a
{
	COLOR: #000000;
	text-decoration: underline;
}

#info {background-image:URL(cc-img/h_info.gif); background-repeat:no-repeat; background-position:top left}
#plain {background-image:URL(cc-img/h_plain.gif); background-repeat:no-repeat; background-position:top left}

#info h1, #funfact h1, #plain h1 {font-size:12px; background-image:none; text-indent:0px; color:#004990; border-bottom:2px dotted #F5A22C; padding-bottom:5px; }
#info a:hover img {background-color:#ffffff}


#tblfunfact {background-color:#ff9933; border:3px dotted #FDB827; margin-top:20px; margin-bottom:20px;}
#tblfunfact tr {vertical-align:middle}
#tblfunfact td {padding:10px; color:#ffffff; font-weight:bold}

#tblList {margin-top:20px; border-right:1px solid #efefef; }
#tblList tr {vertical-align:top}
#tblList td {padding:5px; padding-right:10px; border-bottom:1px solid #efefef}
#tblHead td {font-weight:bold; background-color:#7ABDFF; color:#ffffff; padding:5px; font-size:10px;}
#tblList ul {margin-left:0px;}
#tblList li {list-style:none; list-style-position:outside;}

.lite {background-color:#efefef}

/*------DEFAULT INDEX LAYOUT------*/

#introlist {width:100%; margin-top:20px;}
#introlist a:hover {color:#004990}
#introlist table {width:100%;}
#introlist tr {vertical-align:top}
#introlist td {width:50%; padding-right:20px;}
#introlist ul {margin-left:25px; list-style-image:URL(cc-img/circle_yel.gif);}
#introlist li {padding:0px; list-style-image:URL(cc-img/circle_yel.gif); padding-bottom:5px;}
#introlist p {padding-left:8px; margin-top:5px;}


#imgLeft {position:relative; float:left; margin:0px 15px 15px 0px;}
#imgRight {position:relative; float:right; margin:15px 0px 15px 15px;}
#imgCenter {position:relative; text-align:center;}



/*------FOOTER------*/
#lyrFoot {z-index:0; padding:15px 20px 60px 15px;}
#copyright {color:#ffffff; width:600px; float:left}
#lyrFoot a {color:#ffffff; text-decoration:underline}
#pageTop {float:right; position:relative; top:0px; right:20px;}

