body {
	background: #8968cd;
    min-width:970px;
    overflow:scroll;
	font: normal 10px Verdana, Helvetica, Arial, sans-serif;
}

h1
{
	font-size: 25px;
}

h4
{
	font-size: 18px;
	text-align: justify
}

h5
{
	font-size: 16px;
	margin-bottom: 0px;
}

.container_16 {
	background:#551a8b;
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}

/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:2em;
	text-align: center;
	background:#ceaeff;
	padding:.7em 1em;
	margin-bottom:0;
	/* next 2 were added 4/2/10 and then removed position:relative;
	width:900px;
	----------------------------------------------- */
}

/* box margins
----------------------------------------------- */
.round-margin {
	color:#ddaa00;
	margin:20px 20px 20px 20px;
}


/* buttons
----------------------------------------------- */
 
.cent-fix { 
	position: relative;
	float: left;
    left: 50%;
    margin-left: -60px;
}

.cent-fix2 { 
	position: relative;
	float: left;
    left: 10%;
    margin-left: -5px;
}

.button {
	width: 120px;
	height: 24px;
	padding: 5px 16px 3px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border: 2px solid #ccc;
	position: relative;
	/* Label */
	font-family: Lucida Sans, Helvetica, sans-serif;
	font-weight: 900;
	color: #551a8b;
	text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
	text-align: center;
/* removed because it did not center vertically
	vertical-align: middle;
----------------------------------------------- */
	line-height: 24px;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
}

.yel {
  background-color: rgba(240, 200, 0, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(200, 160, 0, 0.8)), to(rgba(255, 240, 0, .9)));
  border-top-color: #c1b78b;
  border-right-color: #bfaa58;
  border-bottom-color: #cab74f;
  border-left-color: #a59d76;
  -webkit-box-shadow: rgba(170, 140, 0, 0.5) 0px 10px 16px;
  -moz-box-shadow: rgba(170, 140, 0, 0.5) 0px 10px 16px; /* FF 3.5+ */
}

.button .glare {
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 1px;
  width: 142px;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.25);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
}

/* box with rounded corners/borders
----------------------------------------------- */
#rnd_container {background: #ceaeff; margin:1px;}

    .rnd_top, .rnd_bottom {display:block; background:#ceaeff; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#ffcc00; border-left:1px solid #46006e; border-right:1px solid #46006e;}
    .rnd_b1 {margin:0 5px; background:#46006e;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
    .rnd_content {
    display:block;
    border:0 solid #46006e;
    border-width:0 1px;
    padding: 25px;
    background:#ffcc00;
    color:#4b0097;
}

#rnd_container_a {background: #ceaeff; margin:1px;}

    .rnd_top_a, .rnd_bottom_a {display:block; background:#ceaeff; font-size:1px;}
    .rnd_b1_a, .rnd_b2_a, .rnd_b3_a, .rnd_b4_a {display:block; overflow:hidden;}
    .rnd_b1_a, .rnd_b2_a, .rnd_b3_a {height:2px;}
    .rnd_b2_a, .rnd_b3_a, .rnd_b4_a {background:#551a8b; border-left:2px solid #ffcc00; border-right:2px solid #ffcc00;}
    .rnd_b1_a {margin:0 5px; background:#ffcc00;}
    .rnd_b2_a {margin:0 3px; border-width:0 2px;}
    .rnd_b3_a {margin:0 2px;}
    .rnd_b4_a {height:2px; margin:0 1px;}
    
    .rnd_content_a {
    display:block;
    border:0 solid #ffcc00;
    border-width:0 2px;
    padding: 25px;
    background:#551a8b;
    color:#4b0097;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8, 
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	background: #ceaeff;
}

.grid_16
{
	overflow: visible;
	min-height:0px;
}

.no-of {
	overflow: hidden;
}


.container_12 .grid_3,
.container_16 .grid_4
{
	width: 23%;
	background: #ceaeff;
}

/* boxes
----------------------------------------------- */
.box {
	width:100%;
	overflow:visible;
	/* items above added 3/16/10
----------------------------------------------- */
	background: #ceaeff;
	/* item below removed 4/20/10
	margin-bottom:20px;
----------------------------------------------- */
	padding:10px 10px 10px 10px;
}

.box2 {
	width:50%;
	overflow:visible;
	background: #ceaeff;
	padding:10px 10px 10px 10px;
}

.box3 {
	width:80%;
	overflow:visible;
	background: #ceaeff;
	padding:10px 10px 10px 10px;
}

.box4 {
	width:90%;
	overflow:visible;
	float: right;
	background: #ceaeff;
	padding:10px 10px 10px 10px;
}

/* items below added 3/20/10
----------------------------------------------- */
.box_round {
	padding:15px 15px 15px 15px;
	-moz-border-radius: 12px;	/* FF1+ */
	-webkit-border-radius: 12px;	/* Saf3+, Chrome */
	border-radius: 12px;	/* Opera 10.5, IE 9 */	;
    -moz-box-shadow: 4px 4px 4px #555; /* FF3.5+ */
    -webkit-box-shadow: 4px 4px 4px #555; /* Saf3.0+, Chrome */
    box-shadow: 4px 4px 4px #555; /* Opera 10.5, IE 9.0 */
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=4px, OffY=4px, Color='#555555'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=4px, OffY=4px, Color='#555555')"; /* IE8 */
   background-color: #551a8b
/* items below removed because Opera does not support gradients.  Solid color above used instead.
    background-image: -moz-linear-gradient(top, #551a8b, #8968cd);    FF3.6 
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #551a8b),color-stop(1, #8968cd));    Saf4+, Chrome 
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#551a8b', endColorstr='#8968cd');    IE6,IE7 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#551a8b', endColorstr='#8968cd)";    IE8 
----------------------------------------------- */
}

/* site information
----------------------------------------------- */
#site_info .box {
	color:#ccc;
	background:#5d478b;
	text-align: center;
}
#site_info a {
	color:#fff;
}
#site_info a:hover {
	color:#000;
}