/* Header */
#headerbox {
  width:100%;
  height:200px;
  background:#000000 url(../graphic/cflogo.gif) no-repeat 50% 0;
}

/* Mid */
#midstrip {
  width:100%;
  background:#000000;

}

#midbox {
  width:100%;
  max-width:1024px;
  margin:auto;
  padding:20px 0;
  background:#000000;

}


/* Left Column */
#menubox {
  float:left;
  width:100px;
  padding-left:10px;
  color:#CCCCCC;

}
/* *** Fixed Sample ***
   *** Delete when done ***
div.banner {
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 2em;
  left: auto;
  width: 8.5em;
  right: 2em;
}
********************** */

/* Mid Column */
#contentbox {
  padding:0 30px 0 20px;
  margin:0 110px 0 120px;
  color:#CCCCCC;
}

/* Right Column */
#sidebox {
  float:right;
  width:100px;
  padding-left:10px;
  color:#CCCCCC;
}

/* Footer */
#footerbox {
  width:100%;
  padding-left:10px;
  margin:0 auto;
  text-align:center;
  color:#CCCCCC;
  background:transparent;
}



* {
  margin:0px;
  padding:0px;
  font-size:100%;
  
  scrollbar-face-color:#000;
  scrollbar-arrow-color:#00A;
  scrollbar-track-color:#000;
  scrollbar-shadow-color:#333;
  scrollbar-highlight-color:#333;
  scrollbar-3dlight-color:#000;
  scrollbar-darkshadow-Color:#000;

}

body {
  min-width:850px;
  /* font-family: Arial, sans-serif; */
  font:70% Arial;
  color:#565656;
  /* background-color, background-image background-repeat */
  background:#000000 url("") no-repeat;

}


/*** Style ***/
#menubox a {text-decoration:none; border-bottom:1px solid #555555; color:#99AAFF;}
#menubox a:hover,
#menubox a:focus {color:#00FFAA;}
#menubox li	{margin:0 0 7px 0; list-style-type:none; font-size:100%; font-weight:bold; color:#464666;}
#menubox li	ul {width:100%; margin:-6px 0 2px 0;}
#menubox li	ul li {margin:0; padding-left:10px; font-size:95%; line-height:150%; font-weight:normal; background:url(../images/bulletpurple.png) no-repeat left 7px;}
#menubox li	ul li a	{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#menubox h2	{margin-top:12px; margin-bottom:10px; font-size:110%; color:#886600;}


#sidebox h1 {margin:0px 0 2px 0; font-size:120%; color:#DEDEDE; }
#sidebox h2 {margin:0px 0 2px 0; font-size:110%; color:#DEDEDE; }
#sidebox p  {margin-bottom:3px; font-size:85%; color:#666600;}
#sidebox ul {margin:3px 0 10px 2px;}
#sidebox li {padding-left:10px; list-style-type:none; font-size:90%; background:url(../graphic/bullet.png) no-repeat left 7px; color:#DEDEDE;}
#sidebox a  {text-decoration:none; border-bottom:1px solid #555555; color:#99AAFF;}
#sidebox a:focus,
#sidebox a:hover		{color:#00FFAA;}


#contentbox h1				{margin-bottom:6px; font-size:150%; color:#88F;}
#contentbox h2				{margin:5px 0; font-size:130%; color:#DEDEDE;}
#contentbox h3				{margin:2px 0; font-size:120%; color:#DEDEDE }
#contentbox h4				{font-size:120%; font-weight:normal; font-style:italic; color:#886600;}
#contentbox p				{margin:2px 0 4px 0; font-size:100%;}

#contentbox a					{text-decoration:none; border-bottom:1px solid #ddddcc; color:#99AAFF;}
#contentbox a:visited			{color:#99AAFF;}
#contentbox a:focus,
#contentbox a:hover			{color:#00FFAA;}

#contentbox a.skip,
#contentbox a.skip:visited	{margin:0; text-decoration:none; border:none; font-size:90%; line-height:100%; color:#ffffff;}
#contentbox a.skip:focus,		
#contentbox a.skip:hover		{color:#666600; border-bottom:1px solid #ddddcc;}

#contentbox ul				{margin:2px 0 4px 2px;}
#contentbox ul li				{padding-left:10px; list-style-type:none; font-size:100%; background:url(../graphic/bullet.png) no-repeat left 7px;}
#contentbox li a				{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#contentbox li a:focus,
#contentbox li a:hover		{color:#999900;}
#contentbox ol				{margin:2px 0 4px 22px;}
#contentbox ol li				{font-size:110%;}

#contentbox table { margin:4px 0; font-size:110%; color:#FF0;}
#contentbox table a			{border-bottom:1px solid #ddddcc; color:#666600;}
#contentbox table a:visited	{color:#666600;}
#contentbox table a:focus,
#contentbox table a:hover		{color:#999900;}

#contentbox td {color:#CCF;}
#contentbox th {vertical-align:top; color:#AAF;}
#contentbox thead th			{font-weight:normal; color:#505066}
#contentbox tfoot				{font-size:95%;}

* {margin:0px; padding:0px; font-size:100%}

html {}

/* - - - - - - - content - - - - - - - */

#main h1				{margin-bottom:6px; font-size:150%; color:#464666;}
#main h2				{margin:5px 0; font-size:130%; color:#886600;}
#main h3				{margin:2px 0; font-size:120%; color:#464666}
#main h4				{font-size:120%; font-weight:normal; font-style:italic; color:#886600;}
#main p					{margin:2px 0 4px 0; font-size:120%;}

#main a					{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#main a:visited			{color:#545454;}
#main a:focus,
#main a:hover			{color:#999900;}

#main a.skip,
#main a.skip:visited	{margin:0; text-decoration:none; border:none; font-size:90%; line-height:100%; color:#ffffff;}
#main a.skip:focus,		
#main a.skip:hover		{color:#666600; border-bottom:1px solid #ddddcc;}

#main ul				{margin:2px 0 4px 2px;}
#main ul li				{padding-left:10px; list-style-type:none; font-size:110%; background:url(../images/bulletpurple.png) no-repeat left 7px;}
#main li a				{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#main li a:focus,
#main li a:hover		{color:#999900;}
#main ol				{margin:2px 0 4px 22px;}
#main ol li				{font-size:110%;}

#main table				{width:100%; margin:4px 0; text-align:left; font-size:110%; color:#666600;}
#main table a			{border-bottom:1px solid #ddddcc; color:#666600;}
#main table a:visited	{color:#666600;}
#main table a:focus,
#main table a:hover		{color:#999900;}
#main td, #main th		{padding-right:10px; vertical-align:top; border-top: 1px dotted #ddddcc;}
#main thead th			{font-weight:normal; color:#505066}
#main tfoot				{font-size:95%;}

#footerbox ul			{line-height:50px; float:right;}	
#footerbox li			{display:inline; padding-left:4px; margin-right:4px; border-left:1px solid #777777; color:#999999;}
#footerbox li.first		{border-left:none;}
#footerbox a			{text-decoration:none; border-bottom:1px solid #565656; color:#999999;}
#footerbox a:hover		{color:#ffffff;}
#footerbox img			{float:left; vertical-align:top; margin:0 0 0 130px; padding-bottom:30px;}