/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0;	outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
body {color: black;}
ol, ul {list-style-position:outside; padding: 0 0 0 12px;}
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}
body   
{
    background: #656464;
    font-size: 12px;
    font-family: Franklin Gothic Book;
    color:#5f5f5f;
}

/* MASTER LAYOUT ELEMENTS   
----------------------------------------------------------*/

a:link {text-decoration:none; color: #004b8d;}
a:visited {text-decoration:none; color: #004b8d;}
a:hover {text-decoration:underline; color: #004b8d;}
a:active {text-decoration:underline; color: #004b8d;}

.page
{
    width: 800px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    padding: 0 40px;
}
#header
{
    margin: 0px;
    padding: 20px 0px;
    background: white;
    width: 100%;
    position:relative;
}
#adminnav
{
	position:absolute;
    width: 800px;
    z-index: 5;
}
#banner
{
    padding: 0px 0px;
    line-height: 0;
    position:relative;
}
#mainmenu
{
    position:absolute;
    width: 800px;
    z-index: 5;
}
#maincontent
{
    position:relative ;
    padding: 50px 0 0 0;
}

#footer
{
    /*background-color: #00853E;*/
    /*color: white;*/
    color: Black;
    padding: 0 8px 0 0;
    margin: 0px auto;
    text-align: right;
    line-height: 2.4;
    width: 800px;
}
#bluey {width:180px; 
        /*background-color:#004b8d;*/
        float:left;}

/* HEADINGS   
----------------------------------------------------------*/

h1
{
	font-size: 18px;
    font-family: Franklin Gothic Medium;
    color: #004b8d;
}

h2
{
    font-size: 16px;
    font-family: Franklin Gothic Medium;
    color: #004b8d;
}

h3
{
	font-size: 14px;
    font-family: Franklin Gothic Medium;
    color: #004b8d;
}

h4
{
    text-align:right;
    color: White;
}
h5, h6 {}

/* Positional 
----------------------------------------------------------*/
.logo
{
    padding: 0px 12px;
}

/* Styling
----------------------------------------------------------*/
.control
{
    background-color: #DCF8E9;
    padding: 2px 4px 4px 4px;
    border: 1px solid #B9B9B9;
}

.controltitleblue
{
    background-color: #004B8E;
    padding: 6px 6px 6px 4px;
    font-size: 14px;
    font-weight: bold;
}
.controltitlegreen
{
    background-color: #00853E;
    padding: 6px 6px 6px 4px;
    font-size: 14px ;
    font-weight: bold;
}

.controllightgreen
{
    background-color: #A7BA13;
    padding: 6px 6px 6px 8px;
    font-size: 16px ;
    font-weight: bold;
}

#slideshow
{
	list-style: none;
}

/*a:visited { color: inherit; }*/


/* Left Column
----------------------------------------------------------*/
#leftCol
{
    float: left;
    display: block;
    padding: 6px 0px;
    margin: 0px 8px 8px 0;
    width: 180px;
    min-height: 200px;
}

.sidebar
{
    padding: 6px 6px 6px 4px;
    font-size: 14px ;
    font-weight: bold;
}

/* ContentArea
----------------------------------------------------------*/
#content
{
    margin: 0px 8px 8px 0;
    width: 590px;
    padding: 12px 0 12px 0;
}
#content .minwidth
{
    min-height: 162px;
    padding: 0 0 0 12px;
}
#middlecontent
{
    background: url("/images/skin/bgquicklinks.png") repeat-x;
    padding: 0 0 0 12px;
}

/* Login
----------------------------------------------------------*/
#login { position: relative;}
#login label { font-size: 10px;}
#login .margin { margin: 0 0 0 12px;}
#dusername, #dpassword, #dCurrentPassword, #dNewPassword, #dConfirmNewPassword {
    position: relative;
    float: left;
    margin-right: 8px;
}
#login input[type="text"], #login input[type="password"] {background: url("/images/skin/bgtxt.png") repeat-x top; width: 140px; margin: 0 12px;}
label.overlabel-apply {
    position:absolute;
    top:6px;
    left:20px;
    z-index:1;
    color:#999;
}
#login a { font-size: 12px; text-align: left;}

/* Media releases  
----------------------------------------------------------*/
#mediarelease p {font-size: 12px; color: #5f5f5f; padding: 0 6px;}
#mediarelease span {color:#5f5f5f;}
#mediarelease h3 {font-size: 14px; font-weight: bold; color: #0E5593; padding: 6px 4px;}
#mediarelease a:link {text-decoration:none; color: #5f5f5f;}
#mediarelease a:visited {text-decoration:none; color: #5f5f5f;}
#mediarelease a:hover {text-decoration:underline; color: #5f5f5f;}
#mediarelease a:active {text-decoration:underline; color: #5f5f5f;}
#mediarelease hr {color:#999;background-color:#999;}

/* Latest Reports
----------------------------------------------------------*/
#reports p {font-size: 12px; color:#5f5f5f; padding: 0 6px;}
#reports span {color:#5f5f5f;}
#reports h3 {font-size: 14px; font-weight: bold; color: #0E5593; padding: 6px 4px;}
#reports a:link {text-decoration:none; color: #5f5f5f;}
#reports a:visited {text-decoration:none; color: #5f5f5f;}
#reports a:hover {text-decoration:underline; color: #5f5f5f;}
#reports a:active {text-decoration:underline; color: #5f5f5f;}
#reports hr {color:#999;background-color:#999;}

/* Archives
----------------------------------------------------------*/
.archive td { padding: 10px 10px 10px 10px; }
.archive th { text-align: center; }
.archive {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.archive td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.archive th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.archive .alt { background: #fcfcfc repeat-x top; }  
.archive .pgr { background: #424242 repeat-x top; }  
.archive .pgr table { margin: 5px 0; }  
.archive .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.archive .pgr a { color: #666; text-decoration: none; }  
.archive .pgr a:hover { color: #000; text-decoration: none; }  
th :link {color:White;}


/* Create New Report
----------------------------------------------------------*/
#aCreateNewReport { text-decoration: underline !important; color: #00853E !important; float: right;}
#divCreateNewReport { width: 500px; height: 375px; text-align: center; overflow: hidden; }
#udpAddReport td { vertical-align: top; }

/* Create New Media
----------------------------------------------------------*/
#aCreateNewMedia { text-decoration: underline !important; color: #00853E !important; float: right;}
#divCreateNewMedia { width: 500px; height: 375px; text-align: center; overflow: hidden; }
#udpAddMedia td { vertical-align: top; }

/* Add user to mailing list
----------------------------------------------------------*/
#aAddMailingList { text-decoration: underline !important; color: #00853E !important; float: right; }
#divCreateNewUser { width: 500px; height: 225px; text-align: center; overflow: hidden; }
#divCreateNewUser td { vertical-align: top; }

/* Quick Links  
----------------------------------------------------------*/
#quicklinks {width: 360px;height:275px;background:white;border-bottom: 1px solid #999;}
#quicklinks span {color:#5f5f5f;}
#qlinks, #qlinkscroll {list-style:none;}
#ql {width:200px; vertical-align:top;}
#qlinks p {font-size: 12px; color:#5f5f5f; padding: 0 6px;}
#qlinks h3 {font-size: 16px; font-weight: bold; color: #0E5593; padding: 6px 4px;}
#qlinks h4 {text-align: left;}
#qlinks li {background: url("../../images/skin/arrow1.png") no-repeat left; padding: 0 0 0 12px; line-height: 1.8; text-align: left;}
#qlinks a {color: #00853E; text-decoration: none; font-weight: bold;}

/* Feature Products  
----------------------------------------------------------*/
#featureproducts {width: 190px; background: white; margin-right: 10px;border-bottom: 1px solid #999;height:275px;}
#featureproducts h3 {font-size: 16px; font-weight: bold; color: #0E5593; padding: 6px 4px;}
#featureproducts h4 {text-align: left;}
#featureproducts a {color: #00853E; text-decoration: none; font-weight: bold;}
#featureproducts .padding {padding: 5px 12px;}

/* Logos
----------------------------------------------------------*/
#logos td {text-align: center;}

/* MISC  
----------------------------------------------------------*/
.clear { clear: both;}
.clearleft { clear: left; }
.clearright { clear: right; }
.bold  { font-weight: bold;}
.floatleft { float: left;}
.floatright { float: right;}
.marginright { margin: 6px 12px 0 0;}
.imagepadding { padding: 12px 12px;}

/* Contact Form
----------------------------------------------------------*/
#tblContact { margin: auto; position:relative; }
.validator { float: right; position:absolute; }
.required { color:Orange; }
.contactform { text-align: center; }
#tblContact td { vertical-align: top; padding: 1em 1em 1em 1em; }
.shad {position:relative; left:100%;}
.shd {position:relative; left:100%;top:-15px;}
.center { text-align:center;}
.tleft {text-align: left;}

/* Other Products 
----------------------------------------------------------*/
#OtherProducts { background-color: White !Important; }
#OtherProducts ul { list-style-type: none; text-align: center; }
#OtherProducts ul li { padding: 10px 0px 0px 0px; }


/*************************************/
/**************  Buttons  ************/
/*************************************/
.button			{border-top: 1px solid #96d1f8;
				background: #003777;
				background: -webkit-gradient(linear, left top, left bottom, from(#003777), to(#65a9d7));
				background: -moz-linear-gradient(top, #003777, #65a9d7);
				padding: 5px 10px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
				-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
				box-shadow: rgba(0,0,0,1) 0 1px 0;
				text-shadow: rgba(0,0,0,.4) 0 1px 0;
				color: white !important;
				font-size: 14px;
				font-weight:bold bold;
				text-decoration: none;
				vertical-align: middle;
				}
.button:hover	{border-top-color: #28597a;
				background: #28597a;
				color: #ccc;
				}
.button:active	{border-top-color: #1b435e;
				background: #1b435e;
				}
/*************************************/
/*************  /Buttons  ************/
/*************************************/