html,body,div,p,img,ul,li,a{margin:0;padding:0; font-size: 1em; line-height: 20px;}
body{font: 1em arial,sans-serif; text-align:center; overflow-x: hidden;}
p{margin: 0px;}
a{color: #006; font-size: 12px;}
img {border: none;}
.clearEnd {clear: both;}


#wrapper{width: 1280px; height: 690px; margin: 0px auto; background:url(images/background.jpg) no-repeat; position: relative;}
#header {width: 900px; margin: 0px auto;}
#header #logo img{position: absolute; top: 15px; left: 125px;}
#header #logo p {position: absolute; top: 95px; left: 115px; text-transform: uppercase; font-size: 9px; color: #CCC; letter-spacing: 3px;}
#header #topMenu {float: right;}
#header #topMenu span{float: left; padding: 10px;}
#header #topMenu span a {text-decoration: none; color: #F70389;}
#header #search {position: absolute; top: 55px; right: 200px;}
.slogan {position: absolute; top: 90px; right: 180px; width: 200px; height: 60px;}
#container {background: #f5f5f5; position: absolute; top: 351px; left: 125px; margin: 0px auto; width: 900px; height: auto;}
#columnLeft {float: left; width: 25%;}
#content {float: left; width: 50%;}
#columnRight {float: left; width: 25%;}
#footer {}

.infobox {margin: 10px;}
.infoboxTop {width: 205px; height: 44px; background: url(images/infoBoxTop.png) no-repeat;}
.infoboxTop p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #666; text-transform: uppercase; text-align:center; padding-top: 10px;}
.infoboxTop p a.textbox {color: #666; text-decoration: none; }
.infoboxContent {width: 205px; background: url(images/infoBoxCenter.png) repeat-y; height: auto;}
.infoboxBottom {width: 205px; height: 7px; background: url(images/infoBoxBottom.png) no-repeat;}

.Heading1 {background: url(images/infoBoxTopWide.png) no-repeat; width: 450px; height: 44px; margin: -2px 0px 0px 0px;}
.Heading1 h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #666; padding-top: 10px; text-transform: uppercase;}
.TextUnderHeading {background: #FFF; border-left: solid 1px #EBEBEB; border-right: solid 1px #EBEBEB; border-bottom: solid 1px #EBEBEB;}
.TextUnderHeading p {text-align: left; margin: 0px; padding: 10px 0px 0px 0px;}
#menucss {}
#menucss ul{margin: 0px; padding: 0px;}
#menucss li{margin: 0px; padding: 0px;}

.glossymenu{
margin: 5px 0 5px 1px;
padding: 0;
width: 203px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
text-align: left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
outline: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #666;
outline: none;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;text-align: left;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #f5f5f5;text-align: left; padding-left: 10px;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;

}

.glossymenu div.submenu ul li a:hover{
	margin-left: -10px; padding-left: 20px;
background: #f5f5f5;
colorz: white;
}
a.menuitem submenuheader {text-align: left;}

table .infoBox {width: 450px;}
td .main {width: 450px;}

#mainContent {width: 400px; background: #F00;}

#menu ul{margin: 0; padding: 0; list-style: none;}
#menu ul li {float: left; text-transform: uppercase; font-size: 22px; padding: 0px 30px 0px 0px; font-weight: bold;}
#menu ul li a {color: #fff; text-decoration:none; font-size: 22px;}

.shadow{text-shadow:  black  2px 2px 2px; }