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 {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
letter-spacing: 2px; 
color: #f1f1ea;
font-size:14pt;
font-weight:500;
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****/
}

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;
}

/*****************text*****************/
h3{font-size:12px;}
h2{font-size:18px;}
h1{font-size:24px;letter-spacing:2px;}

.h100{height:100%!important}

.w100{width:100%!important}
.w50{width:50%}
.w900{width:900px;}
.wCenter {margin: 0 auto;}

.t1{font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed";}
.t2{font-family: "Segoe UI", "DejaVu Sans", "Trebuchet MS";letter-spacing: 2px; }

.b1{background-color: #ffffff;}/***white***/
.b2{background-color: #111111;}/***black*****/
.b3{background-color: #cc0000;}/***red*****/
.b4{background-color: #99ccff;}/***light blue*****/

.c1{color:#000000;}/***black***/
.c2{color:#ffffff;}/***white***/
.c3{color:#666666;}/***grey***/
.c4{color:#3b3838;}/***darker grey***/
.c5{color:#99ccff;}/***light blue*****/
.c6{color:#cc0000;}/***red*****/
.c7{color:#003399;}/***blue*****/
.c8{color:#003366;}/***blue*****/
.c9{color:#f1f1ea;}/***light grey***/
.c10{color:#ffff33;}/***bright yellow***/
.c11{color:#a66a15;}/***brown***/
.c12{color:#189296;}/***teal blue***/

.lh175{line-height:175%;}
.lh200{line-height:200%;}
.lh150{line-height:150%;}

.ml26{margin-left:26px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt-30{margin-top:-30px;}
.mr20{margin-right:14px;}

.pt20{padding-top:20px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}
.pb20{padding-bottom:20px;}
.pb40{padding-bottom:40px;}
.pb60{padding-bottom:60px;}
.pl30{padding-left:30%;}
.pl15{padding-left:25%;}
.pl120{padding-left:120px;}
.pl100{padding-left:100px;}
.pr120{padding-right:120px;}
.pr100{padding-right:100px;}

.ts13{font-size:13px;}
.ts14{font-size:14px;}
.ts16{font-size:16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts24{font-size:24px;}
.ts28{font-size:28px;}
.ts30{font-size:30px}
.ts40{font-size:40px}

.tc{text-align:center;}
.tl{text-align:left;}
.ti{font-style:italic;}
.tj{text-align:justify;}
.tu{text-decoration:underline;}
.to{outline-style:solid;}

.tw500{font-weight:500;}
.tw600{font-weight:600;}
.tw700{font-weight:700;}
.tw800{font-weight:800;}

.linkWhite a{color:#ffffff}
.linkWhite a:hover{color:#cccccc} 
.linkWhite2 a{color:#ffffff}
.linkWhite2 a:hover{color:#0066cc}
.linkBlue a{color:#000000;}
.linkBlack a{color:#000000;} 
.linkBlack a:hover{color:#006699;} 
.linkBlack2 a{color:#000000;}
.linkBlack2 a:hover{color:#ffffff;} 
.linkRed a{color:#cc0000;}
.linkRed a:hover{color:#003399;} 
.linkBlue a{color:#003399;}
.linkBlue a:hover{color:#cc0000;} 
.linkGrey a{color:#cccccc;}
.linkGrey a:hover{color:#ffffff;} 

/*****************End text*****************/

/****************Core Website*****************/
#bgmain {
margin: 0 auto; /*Center page*/
background-color:#003366;
z-index: 1;
vertical-align: middle;
padding: 0px;
}

#wrapper {
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:20px;
background-color:transparent;
}

#header {
position:relative;
width:900px;
height:242px;
margin-left:auto;
margin-right:auto;
padding:0px;
background: url(images/page_01.png) no-repeat center top;
}

#middle {
display:inline-block;
width:900px;
height:auto;
margin: 0 auto; /*Center container on page*/
padding:0px;
background: url(images/page_02.png) repeat-y center top;
background-color:transparent;
}

#footer{
position:relative;
width:900px;
height:169px;
margin: 0 auto; /*Center container on page*/
background: url(images/page_03.png) no-repeat center top;
background-color:transparent;
z-index:5;
}
/****************END Core Website*****************/

/****************Footer Items*****************/

.footerPrivacy{
position:relative;float:left;
top:118px; left:68px; width:200px; height:30px;
}

.footerTOU{
position:relative;float:left;
top:118px; left:524px; width:200px; height:30px;
}

.footerLinks{color:#99ccff;font-size:13px;font-weight:600;font-family:"Segoe Print"}
.footerLinks a{color:#99ccff}
.footerLinks a:hover{color:#0099ff}
/****************END Footer Items*****************/

.middleContainer1 {
width:700px;
height:auto;
margin: 0 auto;
padding-top:40px;
background-color:transparent;
}
.middleContainer1 h1{font-size:30px;}
.middleContainer1 h2{font-size:18px;}

.textWords {margin-left:140px;}

#linkList {margin-left:140px;}

#linkList li {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: #003366;
font-size:14pt;
font-weight:600;
line-height: 200%;
}

.writings {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
color: #003366;
font-size:14pt;
font-weight:600;
line-height: 200%;
}
#noSliderFrame {
position:relative;
width:760px;
height:auto;
top:20px;/*top of screen for the entire slider*/
padding-bottom:50px;
margin-left: auto;
margin-right:auto;
z-index:9;
}


/*---------IMAGE SLIDER CSS---------------------------------------*/
#sliderFrame {
position:relative;
width:760px;
height:424px;
top:14px;/*top of screen for the entire slider*/
padding-bottom:40px;
margin-left: auto;
margin-right:auto;
z-index:9;
}

#slider {
width:760px;height:424px;/* Make it the same size as images */
background:#fff url('sliderProjects/loading.gif') no-repeat 50% 50%;
margin-left: auto;
margin-right:auto;
z-index:100;
}

#slider img {position:absolute;border:none;display:none;}

/* ----- built-in navigation bullets - DO NOT DELETE needed by javascript file ----*/
.navBulletsWrapper  {
top:60px;
left:780px; 
width:20px;/* small number makes list appear vertically, large number horizontally*/
background:none;
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:10px;/* distance between each bullet*/
margin-bottom:10px;/* vertical distance between each bullet*/
position:relative;
}

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

.loading{ 
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------------------*/


/*************************** menu**************************************/
#menuwrap {
position:relative;
width:876px;
top:204px;
height:18x;
background-color:transparent;
margin-left: auto;
margin-right:auto;
font: "Segoe UI";
font-size: 12px;
z-index:1800;
}

#menu {list-style:none;}

#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding-top: 4px;
padding-left: 20px;
padding-right:20px;
padding:bottom: 4px;
border:none;
}

#menu li:hover {
background: #ffffff;
	/* 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:16px; 
color: #66ccff;
display:block;
outline:0;
text-decoration:none;
}

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


#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:#000000;}

.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 .greybox li {
background:#ffffff;
border:1px solid #669900;
margin:0px 0px 4px 0px;
padding:4px 6px 4px 6px;
width:158px;
	/* Rounded Corners */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

#menu li .greybox li:hover {
background:#00ff33;  /* Hover background */
border:1px solid #003399;
padding:4px 6px 4px 6px;
margin:0px 0px 4px 0px;
}

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

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

#menu li .greybox3 li {
background:#cccccc;
margin:0px 0px 4px 0px;
padding:4px 4px 4px 4px;
width:158px;
}

#menu li .greybox3 li:hover {
background:#00ff33;  /* Hover background */
padding:4px 4px 4px 4px;
margin:0px 0px 4px 0px;
}
/**********************END MENU************************************/