body {
	background-image: url(images/bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4B7FDC;
}
.container {
	background-color: #C9DC4B;
	/*width: 80%; */
	min-height: 100%;
	margin-left: 10%;
    margin-right: 10%;
	padding-left: 15px;
	padding-right: 15px;
}
.content {
		padding-left: 10px;
}
.box1 {
	background-color: #ff9966;
    /*width: 95%;*/
    padding: 10px;
	font-size: 15px;
	font-weight: bold;
	border-bottom-style: double;
	border-bottom-width: thick;
	border-color: Navy;
	color: Black;
	text-align: center;
}
@media all and (max-width:780px){
body {
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4B7FDC;
}
.container {
	background-color: #C9DC4B;
	/*width: 80%; */
	min-height: 100px;
	margin-left: 1%;
    margin-right: 1%;
	padding-left: 10px;
	padding-right: 10px;
}
.box3 {
    width: 40%;
    min-width: 20%;
    padding: 5px;
	font-size: 12px;
}
}
.box2 {
	background-color: #ffffcc;
	font-size: 11px;
	font-weight: bold;
    padding: 20px;
	border-bottom-style: double;
	border-bottom-width: thin;
	border-color: Navy;
	color: Black;
	text-align: left;
}

/*MENU START*/

.glossymenu{
	margin: 5px 0 0px;
	padding: 0;
	width: 170px; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background: black url(images/glossyback3.gif) repeat-x bottom left;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	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;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: White;
}

.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{
background-image: url(images/glossyback4.gif);
}

.glossymenu div.submenu{
	/*DIV that contains each sub menu*/
	background: #DCA64B;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #5C4BDC;
}

.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{
background: #DFDCCB;
colorz: white;
}
/*MENU END*/
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	vertical-align: bottom;
}

.emaillink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.floatr {
	float : right;
	padding-left: 5px;
}
.floatl {
	float : left;
	padding-right: 5px;
	padding-top: 5px;
}
.bold1 {
	font-weight: bold;
	font-size: 15px;
	color: Gray;
}
a#nodec, a:visited#nodec {
	text-decoration: none;
	color: #4B7FDC;
}

/* Left Div */
.LeftDiv1 {
  width: 49%;
  padding: 0;
  float:left;
  text-align: left;
 }

/* Right Div */
.RightDiv1 {
  width: 50%;
  padding: 0;
  float:right;
  text-align: left;
 } 