@charset "UTF-8";
/* CSS Document */

@import url("dd_menu.css");

body {
	color: #303031;
	margin: 0;
	padding: 0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

body.blue   { background: #09347a url(../images/background-blue.jpg) no-repeat; }
body.yellow { background: #e7af10 url(../images/background-yellow.jpg) no-repeat; }
body.orange { background: #d2561c url(../images/background-orange.jpg) no-repeat; }
body.red    { background: #9d0a0e url(../images/background-red.jpg) no-repeat; }
body.aqua   { background: #057a7b url(../images/background-aqua.jpg) no-repeat; }

.clear { display: block; clear: both; width:1px; height: 0; }
.left { display: block; float: left; }
.right { display: block; float: right; }
.half { display: block; width: 48%; }
.hidden { display: none; }

a { outline: none; text-decoration: none; }
a:visited { color: #00f; }
img { border: none; }

#wrapper {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

/* Header */
#globalnav {
	margin: 20px 0 10px;
}

#globalnav #notifymdlogo a {
	display: block;
	float: left;
	width: 254px;
	text-indent: -9999px;
	height: 113px;
}

body.blue #globalnav #notifymdlogo a,
body.aqua #globalnav #notifymdlogo a,
body.red #globalnav #notifymdlogo a,
body.yellow #globalnav #notifymdlogo a ,
body.orange #globalnav #notifymdlogo a { background: url(../images/notifymd_wh.png) no-repeat; }

#globalnav #menu {
	display: block;
	float: left;
	margin: 45px 0 0 20px;
	width: 680px;
}

#globalnav #menu #sitemenu {
	background: url(../images/navbar_bg.gif) bottom no-repeat;
	display: block;
	font-size: 1.6em;
	margin-top: 5px;
	width: 435px;
}
#globalnav #menu #sitemenu dl { margin: 0; padding: 0; }
#globalnav #menu #sitemenu dl dd { display: block; float: left; padding: 0; margin:0 5px; position: relative; }
#globalnav #menu #sitemenu dl dd a { display: block; font-weight: bold; text-decoration: none; width: 135px; height: 30px; padding: 5px 0; text-align: center; position: relative; margin: 0; }
body.blue #globalnav #menu #sitemenu dl dd a { color: #e8eeef; }
body.aqua #globalnav #menu #sitemenu dl dd a { color: #e8eeef; }
body.yellow #globalnav #menu #sitemenu dl dd a { color: #2fb5aa; }
body.orange #globalnav #menu #sitemenu dl dd a { color: #e8eeef; }
body.red #globalnav #menu #sitemenu dl dd a { color: #e8eeef; }

/* hover */
#sitemenu dd a:hover,
#sitemenu dd a.current { background: url(../images/navbar_hovers.gif) repeat-x; }

body.blue #globalnav #menu #sitemenu dl dd a:hover,
body.red #globalnav #menu #sitemenu dl dd a:hover,
body.aqua #globalnav #menu #sitemenu dl dd a:hover,
body.blue #globalnav #menu #sitemenu dl dd a.current,
body.red #globalnav #menu #sitemenu dl dd a.current,
body.aqua #globalnav #menu #sitemenu dl dd a.current { background-position: 0 0; color:#fbcb17; }

body.yellow #globalnav #menu #sitemenu dl dd a:hover,
body.yellow #globalnav #menu #sitemenu dl dd a.current { background-position: 0 -40px; color: #333; }

body.orange #globalnav #menu #sitemenu dl dd a:hover,
body.orange #globalnav #menu #sitemenu dl dd a.current { background-position: 0 -40px; color: #00b4b7; }

/* IE 6 Warning */
#globalnav #ie6 { background: #ff9; display: none; font-size: 1.2em; margin: .5em 0; padding: 10px 15px 15px; position: relative; }
#globalnav #ie6 #warning span { font-size: 1.25em; font-weight: bold; }
#globalnav #ie6 #browsers { display: block; height: 55px; margin: 1em auto 0; padding: 0; width: 710px; }
#globalnav #ie6 #browsers .browser { background: url("../images/browsers.gif") no-repeat; float: left; height: 55px; list-style: none; margin: 0 3px; }
#globalnav #ie6 #browsers .browser a { display: block; width: 220px; height: 55px; text-indent: -9999px;}
#globalnav #ie6 #browsers #chrome { display: block; width: 220px; }
#globalnav #ie6 #browsers #ie8 { display: block; background-position: -220px; width: 240px; }
#globalnav #ie6 #browsers #firefox { display: block; background-position: -460px; width: 220px; }
#globalnav #ie6 #close { background: url("../images/close_btn.gif") no-repeat; cursor: pointer; display: block; height: 20px; width: 20px; position: absolute; right: 10px; top: 10px; text-indent: -9999px; }
#globalnav #ie6 #close:hover { background-position: -20px 0; }


/* Site Search */
#globalsearch {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	background-color: #fff;
	width: 300px;
	margin: 0 0 0 -315px;
	padding: 20px 0 15px 15px;
}

#globalsearch form {
	margin: 0;
	padding: 0;
}

#globalsearch .input {
	border: 1px solid #aaa;
	margin: 0;
	padding: 1.5px 4px;
	width: 242px;
	display: block;
	float: left;
}

#globalsearch .btn {
	display: block;
	float: left;
}


/* MAIN CONTENT */
#mainContent {
	background: #fff url(../images/mainContent_bg.gif) repeat-x bottom;
	display: block;
	padding: 15px;
}

#mainContent #sidebar {
	background: url(../images/sidebar_bg.png) no-repeat top;
	display: block;
	min-height: 250px;
	padding: 15px;
	width: 270px;
}

#mainContent #content {
	display: block;
	width: 610px;
}

#mainContent form {
	display: block;
	padding: 1em;
}

#mainContent form p,
#mainContent form span.label {
	font-size: 1.31em;
	color: #444;
	font-style: italic;
	display: block;
	margin-bottom: .5em;
}

#mainContent form .btnset {
	display: block;
	margin-bottom: 1.5em;
}

#mainContent form input[type=text] {
	border: 1px solid #ccc;
	font-size: 1.1em;
	padding: 3px 5px;
	width: 90%;
}

#mainContent form textarea {
	border: 1px solid #ccc;
	display: block;
	height: 120px;
	padding: 3px 5px;
	width: 95%;
}

#mainContent #footer {
	display: block;
	color: #555;
	padding-left: 320px;
}