
/************/
/*  GLOBAL  */
/************/

*{padding:0;margin:0;}
html,body{height:100%;}
body{ font-size:13px; color:#4c4948; font-family:verdana, arial, sans-serif; background-position: center 0; height:100%; } /*Font-size:1.0em = 10px when browser default size is 16px*/
#container{ background-color: #fff; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width:920px; margin:0 auto; padding:0 0 60px; min-height:100%; height:auto !important; height:100%; }

/******************/
/*  LEFT COLUMN  */
/******************/
#left{ _clear:both; margin-top:0; width:648px; display:inline; float:left; padding-top: 30px; padding-left: 30px; }

#left #content{clear:both;padding:0 20px 35px 0;font-size:13px;}

#left #content img{ padding:5px; }

#left #content h1{clear:both;margin:0 0 10px 0;font-family:"trebuchet ms",arial,sans-serif;color:#b35d37;font-size:19px;font-weight:normal;}
#left #content h2{margin:20px 0 5px 0;font-family:"trebuchet ms",arial,sans-serif;font-size:17px;font-weight:normal;border-left:solid 4px #43a242;padding-left:10px;}
#left #content h3{margin:0;font-weight:bold;background:url('bullet.jpg') 0 60% no-repeat;padding-left:15px;font-size:13px;}

#left #content p{margin:0 0 5px 0;line-height:15px;}

#left #content blockquote{clear:both;margin:0 30px 0.6em 30px;font-size:100%;}

#left #content table{clear:both;width:99%;margin-bottom:10px;margin:3px 0 10px 0;}
#left #content table tr.odd{background-color:#f1f1f1;}
#left #content table tr.even{background-color:#e8e8e8;}
#left #content table td{padding:3px;}

#left #content ul{list-style:square;margin:0 0 15px 0;}
#left #content ul li{list-style-position:outside;margin:0 0 0 16px;line-height:15px;}
#left #content ol{}
#left #content ol li{list-style-position:outside;line-height:15px;}

#left #content a,#left #content a:visited{color:#43a242;text-decoration:none;font-weight:bold;}
#left #content a:hover{color:#265e26;}

/* HEADER */
ul li#bypass {display:none;}

#header{width:630px;}

/* #header-top{width:100%;background:white url('logo.gif') 25px 0 no-repeat;height:90px;} for use with 600px wide image, then remove title and slogan from index.php */ 
#header-top{ background-image: url(start.jpg); background-position: 0 0; width:100%; height:300px; text-align:left; margin-top: 0; border-color: #0088c9; } /* for use with text or title */
#header-top h1{padding:20px 0 5px 23px;font:bold 18px 'Trebuchet MS',verdana,sans-serif;color:#43a242;}
#header-top h2{padding-left:23px;font:bold 12px "Trebuchet MS", verdana, sans-serif;color:#777;}
#header-top a{text-decoration:none;color:#43a242;}

#header-middle{ width:630px; height:21px; background:#666; border-bottom-color: #333; border-bottom-width: 1px; white-space:nowrap; }
#header-middle ul{list-style-type:none;background:#666;height:21px;}
#header-middle li{float:left;z-index:auto !important /*Non-IE6*/;z-index:1000 /*IE6*/;border-right:1px solid #f1f1f1;white-space:nowrap;display:inline;position:relative;}
#header-middle ul li a{ display:block; height:21px; line-height:21px; text-decoration:none; font-weight:normal; color:#f1f1f1; background:#666; padding:0 10px; border-bottom: 3px solid #ff7000; }
* html #header-middle a {width:1%;}
#header-middle .selected,#header-middle a:hover{background:#ccc;text-decoration:none;padding:0 10px;}
#header-middle li ul {margin-top:2px;display:none;left:0;position:absolute;width:120px;height:auto;}
#header-middle li li {width:120px;border:0;}
#header-middle li li a{ white-space:nowrap; display:block; width:120px; height:23px; margin-left:-1px; line-height:21px; font-weight:normal; color:#f1f1f1; padding:0 10px; border-style: none solid solid; border-width: medium 1px 1px; border-right-color: #f1f1f1; border-bottom-color: #f1f1f1; border-left-color: #f1f1f1; }
#header-middle a:hover,#header-middle a:focus,#header-middle a:active{background-color:#ccc;color:#333;}
#header-middle .sel a {background-color:#ccc;color:#333;}

#header-bottom{ background-color: white; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width:630px; margin-left:0; height:30px; border-top:3px solid #ff7000; }

/* RIGHT COLUMN */
#right{ clear:both; display:inline; float:right; width:240px; margin-top: 30px; padding:0; }

#right #flashcontent{ width:240px; height:150px; float:left; margin:0 0 44px; text-align:center; background-image: url(logo_com.jpg); border-style: solid; border-width: 0; }

#right .box{ width:240px; margin:10px 30px 20px 0; font-family:Verdana; display: inline; }

#right h1{ clear:both; margin:0; padding:2px 0 2px 0; border-bottom:1px dotted #666; text-align:left; font-family:"Trebuchet MS", verdana, arial, sans-serif; color:#666; font-weight:bold; font-size:13px; }
#right p{clear:both;margin:0;padding-top:10px;line-height:15px;font-size:11px;}
#right ul{list-style:none;margin:0.5em 10px 1.0em 10px;}
#right ul li{ margin:5px 0 0.2em 2px; padding:0 0 0 11px; line-height:1.2em; font-size:110%; background-color: transparent; }
#right ol{margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/;margin:0.5em 10px 1.0em 35px /*IE6*/;}
#right ol li{list-style-position:outside;margin:0 0 0.4em 0;font-size:110%;}

#right a,#right a:visited{color:#43a242;text-decoration:none;font-weight:bold;}
#right a:hover{color:#265e26;}

/********************/
/*  FOOTER SECTION  */
/********************/
#footer{ width:900px; margin:0 auto; padding-left: 30px; }
#company_info{width:100%;font-family:verdana, arial, sans-serif;padding:1em 0;background:#fff;border-top:1px solid #333;font-size:11px;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}
#company_info p{text-align:center;color:#333;font-weight:normal;font-size:11px;}
#company_info a,#company_info a:visited{color:#000;text-decoration:none;font-size:11px;}
#company_info a:hover{color:#000;text-decoration:underline;font-size:11px;}
#copyright{display:block;display:none;height:30px;width:100%;font-size:11px;color:#999;text-align:center;font-family:verdana, arial, sans-seri}
#copyright a{text-decoration:none;color:#999;}
#copyright a:hover{text-decoration:underline;color:#999;}
#copyright a:visited{color:#999;}

/********************/
/*  FORM ELEMENTS   */
/********************/
form{margin:10px 0;padding:0;border:1px solid #eee;background-color:#FAFAFA;}
label{}
input{padding:2px;border:1px solid #eee;font:normal 1em 'Trebuchet MS',verdana,sans-serif;color:#777;}
textarea{width:400px;padding:2px;font:normal 1em 'Trebuchet MS', verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

.searchform{background-color:transparent;border:none;margin:0;padding:0;}
.searchform p{margin:10px;padding:0;}
.searchform input.textbox{width:100px;color:#333;height:20px;padding:3px;border:1px solid #ccc;}
.searchform input.button{width:60px;margin:1px 0;height:28px;cursor:pointer;}

/******************/
/*  CLEAR FLOATS  */
/******************/
#container:after, #header:after, #header-bottom:after, #header-breadcrumbs:after, #main:after, #main-navigation:after, #left:after, #left div:after, #right:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print{.header-top{width:900px;height:80px;background:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
@media print{.header-breadcrumbs{width:900px;background:transparent;}}
@media print{.nav2{float:left;width:900px;border:none;background:rgb(240,240,240);color:rgb(75,75,75);font-size:1.0em;font-size:130%;}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent;}}
@media print{.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:199px;border-right:solid 1px rgb(200,200,200);border-bottom:solid 1px rgb(200,200,200);background-color:rgb(240,240,240);overflow:visible !important /*Firefox*/;overflow:hidden /*IE*/;}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:rgb(240,240,240);font-size:1.0em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/;}}
