body {margin:0;padding:0px;height:100%; margin-right:auto; margin-left:auto;}
html {margin:0;padding:0px;height:100%; margin-right:auto; margin-left:auto;}

div, p, span, ul, li {
font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
color: #003366;
font-size:12pt;
font-weight:500;
margin-right:auto;
margin-left:auto;
margin-top:0px;/****need this to get rid spacing issue in Chrome****/
margin-bottom:0px;/****need this to get rid spacing issue in Chrome****/
padding:0px;	/****need this to get rid spacing issue in Chrome****/
border:0px;
line-height:24pt;
}

/*******need this to get rid of dotted line around pics and links*******/
img, a  {
outline:none;
outline:expression(hideFocus='true');
text-decoration:none;
outline-style: none;
border-style:none;
border-collapse:collapse;
border-spacing:0px;
padding:0px;
}

/*******this keeps the link the same color as the text even when click on*******/
a,a :visited {color: inherit;}

.noborder  {
outline:none;
outline:expression(hideFocus='true');
text-decoration:none;
outline-style: none;
border-style:none;
border-collapse:collapse;
border-spacing:0px;
}

#hide {
float: left;
position:absolute;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
}


/*******float text around an image****************/
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
/*******End float text around an image****************/

/*****************text*****************/
.t1{font-family:Arial, Helvetica, sans-serif;}
.t2{font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.t3{font-family:Corbel;}

.tb1{background-color: #ffffff;}/***white***/
.tb2{background-color:#ffff99;}/***yellow****/
.tb3{background-color:#cccccc;}/***grey***/
.tb4{background-color:#003366;}/***blue***/
.tb5{background-color:#99ff66;}/***green***/

.tc0{color:#000000;}/***black***/
.tc1{color:#ffffff;}/***white***/
.tc2{color:#3399ff;}/***light blue***/
.tc3{color:#cc3300} /***red***/
.tc4{color:#003366;}/***blue***/
.tc5{color:#666666;}/***grey***/
.tc6{color:#00cc33;}/***green****/
.tc7{color:#ffcc00;}/***yelloworange****/
.tc8{color:#009900;}/***green2****/
.tc9{color:#3b3838;}/***darker grey***/
.tc10{color:#339933;}/***greygreen*****/

.th1{line-height:125%;}
.th2{line-height:18pt;}
.th3{line-height:200%;}
.th4{line-height:100%;}
.th5{line-height:150%;}

.tm00{margin-left:30px; margin-right:30px;}
.tm0{margin-left:20px; margin-right:20px;}
.tm1{margin-left:26px;}
.tm2{margin-left:10px; margin-right:10px;}
.tm3{margin-top:30px;}
.tm4{margin-top:20px; margin-bottom:20px;}
.tm5{margin-bottom:10px;}
.tm6{margin-right:15px; margin-left:15px;}
.tm7{margin-top:20px;}
.tm8{margin-left:36px}
.tm9{margin-top:20px; margin-bottom:20px;}
.tm10{margin-top:120px;}
.tm13{margin-left:100px; margin-right:100px;}

.tp3{padding-bottom:20px;}
.tp4{padding-top:20px;}
.tp5{padding-top:30px;}
.tp6{padding-top:30px;}
.tp7{padding-bottom:10px;}
.tp8{padding-bottom:30px;}
.tp10{padding-top:40px; padding-bottom:40px;}
.tp11{padding-top:60px;}
.tp12{padding:10px;}
.tp13{padding-left:26px;}

.ts0{font-size:.8em;}
.ts1{font-size:.9em;}
.ts2{font-size:1em;}
.ts3{font-size:1.1em;}
.ts4{font-size:1.3em;}
.ts5{font-size:1.2em;}

.ttc{text-align:center;}
.ttl{text-align:left;}
.tti{font-style:italic;}
.ttj{text-align:justify;}
.ttu{text-decoration:underline;}
.tto{outline-style:solid;}
.tw1{font-weight:500;}
.tw2{font-weight:600;}
.tw3{font-weight:700;}
/*****************End text*****************/


#bgmain {
margin: 0 auto; /*Center container on page*/
padding-right:30px; /*need because Logo extends over left*/
background:url('images/bg-psd.png') repeat center top;
}

#wrapper {
position:relative;
float:left;
width:100%;
height:100%;
margin: 0 auto; /*Center container on page*/
background-color:transparent;
z-index:1;
}

#wrapper_top_main {
position:relative;
width: 954px;
min-width:954px;
max-width:954px;
height: 154px;
min-height:154px;
max-height:154px;
margin: 0 auto; /*Center container on page*/
background: url(images/page_01.png) no-repeat center top;
background-color:transparent;
padding:0px;
z-index:500;
}

#wrapper_middle_main {
width: 100%;
min-width:800px;
height:auto;
background: url('images/page_02.png') repeat-y center top;
background-color:transparent;
margin: 0 auto; /*Center container on page*/
padding-top:20px;
padding-bottom:20px;
z-index:60;
}


#content_m{
display:inline-block;
width: 100%;
min-width:840px;
padding-bottom:20px;
margin: 0 auto; /*Center container on page*/
z-index:60;
background-color:transparent;
padding-right:30px;

}

#wrapper_footer_main{
position:relative;
background:url('images/page_03.png') no-repeat center top;
background-color:transparent;
width: 954px;
min-width:954px;
max-width:954px;
height:234px;
min-height:234px;
max-height:234px;
margin: 0 auto; /*Center container on page*/
padding-bottom: 40px;
}

#wide{
position:relative;
width:660px;
margin: 0 auto; /*Center container on page*/
padding-top:20px;
padding-bottom:20px;
padding-left:30px;
background-color:transparent;
}
#wide2{
position:relative;
width:314px;
margin: 0 auto; /*Center container on page*/
padding-left:50px;
padding-top:20px;
padding-bottom:20px;
background-color:transparent;
}


#columns{
position:relative;
top:0px;
left:22px;
height:auto;
background-color:transparent;
width:900px;
padding:0px;
margin: 0 auto; /*Center container on page*/
}

.columnA1{
position:relative;
float:left;
left:0px;
width:270px;
height:auto;
margin-bottom:20px;
margin-right:14px;
margin-left:14px;
padding-bottom:20px;
background: url('images/columns-psd.png') repeat-y center top;
}
.imgColA1{
height:195px;
width:209px;
margin-top:20px;
padding-left:30px;

}
.columnB1{
position:relative;
float:left;
left:0px;
width:154px;
height:475px;
margin-bottom:20px;
margin-left:20px;
background: url('images/columns-psd.png') repeat-y center top;
}
.imgColB1{
height:389px;
width:140px;
margin-top:20px;
}
.columnC1{
position:relative;
float:left;
left:60px;
top:40px;
width:420px;
height:auto;
margin-bottom:20px;
margin-left:20px;
background-color:transparent;
z-index:900;
}
.columnC2{
position:relative;
float:right;
right:1px;
top:40px;
width:420px;
height:auto;
margin-bottom:20px;
margin-left:20px;
background-color:transparent;
z-index:900;
}

.piclink{
position:relative;
z-index: 999;
border: none;
display:block;
outline:none;
outline:expression(hideFocus='true');
}

.imgTopper1{
position:relative;
top:10px;
height:234px;
width:915px;
float:right;
z-index:900;
}
.features{
position:relative;
float:left;
left:200px;
width:680px;
background: url('images/misc/features-psd.png') no-repeat;
z-index:900;
}

.hide {
visibility:hidden;
text-decoration:none;
outline-style: none;
border: none;
outline:none;
outline:expression(hideFocus='true');
}

.signonb { 
border:none; 
padding:0; 
margin:0; 
text-decoration:none; 
background-color:transparent; 
cursor:pointer; 
}

#imagebar1{
position:relative;
left:20px;
top:20px;
background-color: transparent;
margin-left: auto;
margin-right:auto;
width:911px;
height:184px;
overflow:hidden;
z-index:900;
}
.wmsliderpics1{
position:relative;
width:911px;
margin-left: auto;
margin-right:auto;
border-style:none;
background-color: transparent;
height: 184px;
z-index:900;
}

.learn{
position:relative;
float:right;
right:2px;
margin-top:60px;
}

#sections{
position:relative;
margin-top:20px;
margin-bottom:10px;
margin-right:40px;
width: 650px;
}
.sectionImg{
position:relative;
float:left;
left:30px;
margin-top:40px;
margin-bottom:0px;
width:210px;
text-align:left;
z-index:400;
}
.sectionText{
position:relative;
float:left;
left:80px;
margin-top:20px;
width:380px;
}

#sectionWide{
position:relative;
float:left;
left:50px;
top:6px;
width:600px;
text-align:left;
z-index:400;
}
.webtitle {
position:relative;
width: 576px;
min-width:576px;
max-width:576px;
height:50px;
margin:0 auto;
text-align:center;
top:60px;
z-index:4;
}
	
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/* Purchased from menucool.com, using generic page styles*********/
/*---------IMAGE SLIDER CSS--------*/

#sliderFrame {/* JAM - I adjusted almost ALL of this*/
position:relative;
width:676px;
height:264px;
top:0px;/*top of screen for the entire slider*/
margin: 0 auto; /*Center container on page*/
padding-bottom:20px;
z-index:100;
}

#slider {
position:relative;
width:676px;height:264px;/* Make it the same size as your images */
background:#fff url(sliderProjects/loading.gif) no-repeat 50% 50%;
margin:0 auto;/*make the image slider center-aligned */
z-index:100;
}

#slider img, #slider>b, #slider a>b{
position:absolute;
border:none;
display:none;
}

#slider>a {display:none;}

/* ------ built-in navigation bullets wrapper ------*/
.navBulletsWrapper  {
    top:30px; left:350px; 
    width:20px;/* small number makes list appear vertically, large number horizontally*/
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
}

/* each bullet */
.navBulletsWrapper div 
{
    font-size:0px;/* keep pic numbers from showing */
    width:11px; height:11px;
    background:transparent url('sliderProjects/bullet.png') no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:8px;/* distance between each bullet*/
    margin-bottom:10px;/* vertical distance between each bullet*/

    position:relative;/*IE6 hack*/
}

.navBulletsWrapper div.active 
{
	background-position:0 -11px;
}

.loading /* --------- Others ------- */
{
    width:100%; height:100%;
    background:transparent url(sliderProjects/loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}/*---------END OF SLIDER CSS--------*/

/*************************** menu*********************************************/
#menuwrap {
position:relative;
width:730px;
top:100px;
left:190px;
height:40px;
list-style:none;
background-color:transparent;
padding:0px;
z-index:1800;
}

#menu {
list-style:none;
position:relative;
width:730px;
list-style:none;
background-color:transparent;
padding:0px;
}

#menu li {
float:left;
display:block;
text-align:center;
vertical-align:middle;
position:relative;
padding: 2px 30px 6px 30px;
border:none;
}

#menu li:hover {
background: url('images/menus/menu_bg-psd.png');
background-color:transparent;
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {/* text color on main menu*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800; 
color: #cccccc; 
display:block;
outline:0;
text-decoration:none;
}

#menu li:hover a {/* text color on main menu when hovering*/
color:#003366;  
}


.dropdown_1column, .dropdown_2columns, .dropdown_3columns {
margin:4px auto;
float:left;
position:absolute;
left:-999em; /* Hides the drop down */
text-align:left;
padding:10px 5px 10px 5px;
border:1px solid #000000;
border-top:none;
background:#333333;
	/* Rounded Corners */
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
z-index:1800;
}

.dropdown_2columns {width: 256px;}

.col_0{
display:inline;
float: left;
position: relative;
margin-left: 5px;
margin-right: 5px;
}

.col_0 {width:244px;} 

#menu li .align_right {	/* Rounded Corners */
-moz-border-radius: 5px 0px 5px 5px;
-webkit-border-radius: 5px 0px 5px 5px;
border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {left:auto; right:0px; top:auto;}

#menu p, #menu ul li {font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height:21px;font-size:12px;}

#menu p{
padding-right:16px;
padding-top:12px;
margin:0 0 10px 0;
text-align:center;
color:#000000;
font-weight:700;
}
#menu .boxtextImgLeft{
text-align:center;
font-style:italic;
color:#333333;
font-size:1.1em;
line-height:18pt;
}
#menu .boxtextImgTop{
font-size:1.1em;
line-height:18pt;
margin:0 0px 10px 15px;
text-align:center;
color:#333333;
font-weight:600;
}

#menu li:hover div a {font-size:12px; color:#000000;}
#menu li:hover div a:hover {color:#000066;}

.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin-top:5px;
margin-right:12px;
margin-left: 5px;
padding-bottom: 10px;
}

#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}

#menu li ul li {
font-size:12px;
line-height:18px;
position:relative;
padding:0;
margin:0;
float:none;
text-align:left;
width:130px;
}

#menu li ul li:hover {background:none;border:none;padding:0;margin:0;}

#menu li .greybox2 li {
background:#ffffff;
border:1px solid #669900;
margin:0px 0px 4px 0px;
padding:4px 4px 4px 4px;
width:235px;
	/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#menu li .greybox2 li:hover {
background:#ffff33;  /* Hover background */
border:1px solid #003399;
padding:4px 4px 4px 4px;
margin:0px 0px 4px 0px;
}


/*---------END OF MENU--------*/