﻿s
/* Spotless PC 2009 */

@import "reset.css";


/* LAYOUT CONSTRUCTORS */
body {text-align: center; height: 100%; background-color:#666666; font-family: Verdana, Arial, serif, Helvetica, sans-serif; font-size:small; color:fuchsia; background-image:url('bg1.jpg'); background-repeat:repeat-x; }

#container { width:935px; height:100%;  min-height:200px; overflow:hidden; padding:20px;  background-color:#fff; border:1px solid #000000; margin:10px auto 0 auto; }


/* Masthead */
#masthead {width:930px; height:80px; border:0px solid green; }
#mastheadleft {float:left; width:400px; height:80px; border:0px solid orange;}
#mastheadleft p {font-size:.8em; font-weight:bold; margin: 0 0 0 10px;}

#mastheadright {float:left; text-align:right; width:530px; height:80px; border:0px solid red;}
#mastheadright p {font-size:.8em; font-weight:bold; margin: 14px 0 0 0px; padding:45px 0 0 0;}


/* NAVIGATION */
#navbar {width:930px; height:20px; margin: 10px 0 10px 0; padding:8px 2px 2px 2px; background-color:#D8E0E3; font-size:.8em; font-weight:bold; font-family:Verdana;}

#navbar a:link {color: #404040; margin: 0 10px 0 0; }
#navbar a:hover{color:#FF0000; margin: 0 10px 0 0; }
#navbar a:visited {color:#3366CC; margin: 0 10px 0 0; }
#navbar a:active {color:#800000; margin: 0 10px 0 0; }





/* Columns */
#columncontainer {float:left; width:940px; height:100%;  border:0px solid orange;  }
#menucolumn {float:left; width:225px;   height:100%; overflow:hidden; background-color: #E2CB92;}
#contentcolumn {float:right; width:714px;  height:100%;  background-color:#ffffff;}


/* Content Groups */
#newsgroup {float:left; width:225px; height:200px; background-color: #7d8f9f; }
#menugroup {float:left; clear:left; width:220px; height:100%;  background-color: #E2CB92; }
#flashgroup { float:left; width:708px; height:200px; background-color:#727470;  }
#textgroup { float:left; clear:left; width:700px; height:auto; font-family: Verdana, Arial, serif, Helvetica, sans-serif; font-size:.8em;  }





/* Content */
#mastheadright h1 {float:right; font-size:1.2em; font-weight:bold; color:#404040; margin:35px 0 0 0;  padding:0px;}
#mastheadright h2 {float:right; clear:right; font-size:0.8em; font-weight:bold; color:#404040; margin: 5px 0 0 0; padding:0px;}
#newsgroup h1 { font-size:medium; font-family:Arial; font-weight:bold; color:#ffffff;  padding: 8px 0 0 6px; margin: 0 0 8px 0;}
#newsgroup ul { list-style-type: none; margin: 0 5px 0 15px; padding: 0 0 0 0;}
#newsgroup li { font-family:Arial; text-decoration:underline; line-height:1.6em; font-size:.7em; font-weight:bold; padding: 0 0 10px 0;}
#newsgroup li a:link {color: #ffffff; }
#newsgroup li a:hover{color:#FFF0B7; }
#newsgroup li a:visited {color:#FFFFCC; }
#newsgroup li a:active {color:#800000; }




#menugroup h1 { font-size:medium; font-family:Arial; font-weight:bold; color:#404040;  padding: 8px 0 0 6px; margin: 0 0 8px 0;}
#menugroup ul { list-style-type: square; margin: 0 5px 0 15px; padding: 0 0 0 10px;}
#menugroup li {color:#404040; font-family:Arial; font-weight:bold; text-decoration:underline; line-height:1.6em; font-size:.7em; padding: 0 0 10px 0;}
#menugroup li a:link {color: #404040; }
#menugroup li a:hover{color:#FF0000; }
#menugroup li a:visited {color:#3366CC; }
#menugroup li a:active {color:#800000; }


#contactfooter  h1 {float:left; font-size:x-small; font-weight:bold; color:#ffffff; margin: 5px 0 0 7px; padding:0px;}
#contactfooter  h2 {float:right; font-size:x-small; font-weight:bold; color:#ffffff; margin: 5px 8px 0 0px; padding:0px;}

#textgroup h1 {font-size:1.4em; font-weight:bold; color:#999890; padding:3px; margin: 10px 0 0 3px;}
#textgroup h2 {font-size:1.3em; font-weight:bold; color:#404040; padding:4px; margin: 0 0 0 10px;}
#textgroup h3 {font-size:.9em; font-weight:bold; color:#404040; padding:4px; margin: 0 0 0 8px;}
#textgroup h4 {font-size:.8em; font-weight:bold; color:#404040; padding:4px; margin: 0 0 5px 10px;}


#textgroup p {font-size:.9em; font-weight:normal; color:#404040;  padding:2px; margin:0 0 5px 10px; line-height:1.5em;}
p.message {font-size:small; font-weight:normal; font-style:italic; color:  #666666;  padding:2px; margin:20px 0 5px 10px; line-height:1.5em;}

#textgroup .imgright {float:right; background-color:#b8c4cf; margin:15px; border:2px solid #404040; }
#textgroup .imgleft {float:left; background-color:#b8c4cf; margin:15px; border:2px solid #404040; }
#textgroup .imgnofloat {background-color:#b8c4cf; margin:15px; border:2px solid #404040; }


#textgroup ul { list-style-type:disc; margin: 0 5px 0 35px; padding: 0 0 0 0;}
#textgroup li { text-decoration:underline; line-height:1.6em; font-size:1.0em; padding: 0 0 10px 0;}
#textgroup li.paper { text-decoration:none; line-height:1.6em; font-size:1.0em; padding: 0 0 10px 0;}
#textgroup li a:hover {text-decoration:underline; color:#FF0D0D}
#textgroup li a:link  {text-decoration:underline; color:#000099}
#textgroup li a:visited {text-decoration:underline; color: #3366CC;}
#textgroup li a:active {text-decoration:underline; color: #CC0000;}



/* Panels */

/* PANELS IE 6 & 7 & Firefox Compliant*/

/* Menus */
/* Panel Tab Menu */



/* Footers */

#contactfooter {float:left; width:930px; height:25px; clear:both; margin: 10px 0 10px 0; background-color:#D8E0E3 ; }


#cc #footer { width: 930px; float:left; clear: both; }
#cc #footer p { font-size: 10px; padding-bottom:0px; margin: 2px 0 0 0; text-align: right; color: #404040;  }
#contactfooter h1 { font-size: 1.0em; padding-bottom:0px; margin: 2px 0 0 4px; text-align: right; color: #000;  }
#contactfooter p { font-size: .9em; font-weight:bold; padding-bottom:0px; padding-top:0px; margin: 4px 6px 0 4px; text-align: right; color: #000;  }


/* Forms */


/* Tables */
/* Used by data grids in client center */
table.ccdata { width:98%;  margin: 0 0 5px 0;  border-collapse:collapse; }
table.ccdata  th {  padding: 2px 2px 2px 4px; font-size: x-small; font-weight: bold; cursor: default; }
table.ccdata  td {  font-size: x-small; font-weight:normal; padding: 3px 1px 3px 4px; margin: 0;  cursor: default; }
th.line {border-bottom:1px solid #e4ecec;}
table.ccdata td.line {border-bottom:1px solid #e4ecec;}
table.ccdata col.left { text-align:left; }
table.ccdata col.right { text-align:right; }
table.ccdata col.center { text-align:center; }



/* Helpers */
.msgError {font-size: 0.8em; color:#FF0000; margin: 0 2px 3px 3px; }
.reqfield { font-size:10px; color: #FF0000; margin: 0 0 0 1px; text-align:right; width:300px;  }

