body
{
	color: #000;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    line-height: 16px;
}

.slider
{
	margin:00px auto;
	width:585px;
	height:420px;
}

.slider img, .slider .caption
{
	position:absolute;
	left:-9999px;
}

/*this is for example_api.html*/
#custom_controls
{
	width:200px;
	margin:0px auto;
}

#container {
height:100%;
}

.sdg {
float: left;
width: 750px;
vertical-align: top;
background: #ffffff;
padding: 0px 7px;
}

.maintext {
float: left;
width: 510px;
padding: 10px;
}

.relatedcontent {
float: left;
width: 200px;
padding: 10px;
}

a {
    color: #002f71;
    }

h3 a {
    color: #002f71;
}

h3 a:hover {
    color: #002f71;
}

h3 a.visited {
    color: #002f71;
    text-decoration: underline;
}
h4:visited {
    color: #002f71;
}

.simpletitle {
    color: #002b66;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.titlesmall {
    color: #002b66;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.titlesmall:link {
    color: #002b66;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
}
.titlesmall:hover {
    color: #002b66;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
}

.titlesmall:visited {
    color: #002b66;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
}


.error {
    color: red;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    width: 500px;
}