

body
{
	font-family: Georgia, Arial, Helvetica, Times;
	font-size: 12px;

	margin: 0 0 0 0;
	color: white;

	background-color: #000;
    margin-bottom: 40px;
    margin-right: 0px;
    padding-right: 0px;
}

p { text-align: justify; }



#header_bar
{

	height: 80px;

	width: 100%;

	background-image: url('/images/header_background2.png');
	background-repeat: repeat-x;

	 background-position: 0px -12px;
}

#toolbar_container
{

	width: 100%;
	text-align: center;

}

#toolbar
{

	width:750px !important;
	height:34px;
	position: relative;

	margin: 0 auto;

}

#toolbar_content
{
	position: relative;
	background-image: url('/images/toolbar.png');
	background-repeat: no-repeat;
	height:34px;
	width: 200px;
	float: left;

	padding-top: 5px;

	text-align: left;
}



#toolbar_content span:first-child
{
	margin-left: 5px;
}
#toolbar_content span
{
	margin-left: 3px;
}

#header_inner
{
	width: 949px;

	position: relative;
	color: white;
	text-align: left;
	margin:0px auto;


	height: 80px;

	background-image: url('/images/header_with_logo.png');
	border-bottom: solid 1px #666;
	background-position: 0px -12px;
}

#homepage_intro{
	margin-top: 20px;
	clear: both;
	}

#logo
{
	position: relative;
	left: 90px;
	top: 25px;
	height: 50px;
	width: 220px;

}

#logo:hover{ cursor: pointer;}

#menu_div
{
	width: 100%;
	margin:0px auto;

	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	height: 32px;

}
#menu_internal
{
	width: 949px;
	height: 33px;
	/*background-image: url('/images/menu_background2.png');
	background-repeat: repeat-x;*/
	margin: 0px auto;
	text-align: center;
}

#search
{
	position: absolute;
	right:70px;
	width:71px;
	height: 28px;
	background-image: url('/images/search_background.png');
	top: 40px;

}

#search div { position: absolute; width: 100%; text-align: center; top: 5px; }
#search div a:link,
#search div a:active,
#search div a:visited { text-decoration: none; color: white; font-weight: bold;}
#search div a:hover { text-decoration: underline; font-weight: bold; }








#topmenu li { text-align: center; height: 25px; display:inline; color: white; margin-left: 10px; padding-right: 10px;}
#topmenu a { font-size: 14px; position:relative; top: 3px; letter-spacing: 2px; font-weight: bold; text-decoration: none; color: gray; height: 25px; line-height: 25px; }
#topmenu li.menuitem { border-right: solid 2px #555555;  }
#topmenu { height: 33px;  width: 860px; margin: 0px auto;  }
#topmenu li.selected { font-weight: bold; color: #000;}


#outer
{
	width: 100%;
	text-align: center;



}

#inner_background
{
	width: 949px;
	background-image: url('/images/outer_background2.png');
    background-repeat: no-repeat;

    margin: 0px auto;
    height: 100%;
    border-top: solid 0px transparent;
    min-height: 400px;
}

#inner{
	width: 860px;

	text-align:left;

	margin:0px auto;
	margin-top: 0px;

	height: 100%;

    padding-top: 5px;

}

#footer {

	width: 100%;
	margin-bottom: 50px;
}

#footer_internal {

		position: relative;
		margin:0 auto;
		text-align:left;
		width: 100%;
		text-align:left;
		border-bottom: solid 2px #666;
		color: white;
		height: 200px;
		background-image: url('/images/footer_background.png');

}

#copyright{ position: relative; float: right; font-size: 11px;  margin-top: 5px; width: 250px;}

/*
	The following element contains the menu that sits inside of the footer area.
*/
#content
{
	margin: 0px auto;
	width: 860px;
	padding-top: 10px;
	padding-left: 50px;
}
#content div
{
	width: 250px;
	position: relative;
	float: left;
	/*margin-left: 20px;*/
}

#content div:first-child
{
	margin-left: 0px;
}

#content h2
{
	border-bottom: dotted 1px white;
	height: 22px;

}

.content_spacing{
	margin-left: 20px;
}
#content ul
{
	margin: 0;
	padding: 0;
	padding-left: 16px;
}

#content li
{
	margin-bottom: 10px;
	list-style-image: url("/images/bullet.png");

}

#content li a:link, #content li a:active, #content li a:visited
{
	text-decoration: none;
	color: white;
}

#content li a:hover
{
	text-decoration: underline;
}


#inner > div {
	padding-left: 20px;
	padding-right: 20px;
}
#carousel_one
{

	position:relative;
	float: left;
	clear:both;



}

h1, h2
{
	font-family: Georgia, Helvetica, Arial, Times;
	font-size: 13pt;
	color: white;

	padding-bottom: 2px;
	margin-bottom: 15px;
}

p{

	color: white;
}


#main
{
	position: relative;

	background-color: transparent;


	clear: both;

}

/*
#menu
{
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	float: right;

}
#menu> a.bold
{
	font-weight: bold;
	color: blue;
}
#menu a
{
	text-decoration: none;
}*/

form table { width: 100%; }

form table td { vertical-align: top; }

form strong.error { color: red; }

.error { color: red; }

form li { color: black;}

form > div
{
	width: 80%;

	float: left;
	position: relative;
}

form > div.formElements
{
	float: left;
	position: relative;
	width: 500px;
}
form > div > div.label
{
	width: 200px;

	float: left;
	position: relative;
}
form > div > div.formElementContainer
{
	margin-bottom: 7px;
	float: left;
	position: relative;
}
p.error
{
	color: red;
}

form > div.formElementContainer > strong
{
	color: red;
	padding-left: 4px;
}


input[type=text], input[type=password]
{
	border: solid 1px gray;
	width: 250px;
}

input[type=text].title
{
	width: 300px;
}

#icons {
	color: black;
	background-color: gray;
	margin: 20px;
}

#icons img{
	float:left;
	border: 1px;
}



#MooFlow2 { opacity: 0; display: none;}

#MooFlow div.caption {
	position:relative;
	text-align:left;
	z-index:98;
	left: 260px;
	top: 0px;
	width: 250px;
	font-size: 12px;
	overflow: visible;
	background-color: black;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
}

#carousel_menu  { float:right; position: relative; height: 300px; width: 180px; margin-top: 5px; margin-right: 16px; padding-top: 10px;}

#MooFlow div.caption a:link, #MooFlow div.caption a:active, #MooFlow div.caption a:visited { text-decoration: underline; }
#MooFlow div.caption :hover { text-decoration: underline; }

#mooflow_container {min-height: 232px; height: 315px;
	width: 860px; background-image: url('/images/carousel_background_3.png'); background-repeat: no-repeat; margin-left: -15px;}
#MooFlow { min-height: 222px; height: 300px;
	width: 650px; top: 5px;  left: 10px;  float:left; z-index: 10;
	}
.moose,.moose2 { position: absolute; font-size: 20px; top: 100px; left: 10px; width: 32px; height: 32px; z-index:800; font-size: 11px;
background-image: url(/images/previous_button.png); cursor: pointer;}

.backButton { position: relative; top: -17px; text-transform: uppercase;}

.moose2 { left: 605px; background-image: url(/images/next_button.png);}
.moose2:hover { background-image: url(/images/next_button_over.png); }
.moose:hover { background-image: url(/images/previous_button_over.png); }
#previewArea { background-color: #000; color: white; padding:10px; width: 95%;}
#previewArea p, #previewArea li { color: white;}

#left_arrow, #right_arrow {  }
#left_arrow { position: fixed; z-index: 800; border: solid 1px red; width: 50px; height: 20px;}
#right_arrow { left: 820px; position: fixed; z-index: 999; border: solid 1px red; width: 30px; height: 20px; }


#news p > b { font-size: 14px; }

#news h2, .carousel_articles h2 { font-size: 16px; border-bottom: 1px solid white;}

#news p { font-style: normal; }




#news
{
	background-image: url('/images/news_container.png');
	background-repeat: no-repeat;
	width:	248px;
	height: 148px;
	position: relative;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	clear:both;
}

#news div
{
	position: relative;
	top: 50px;
	height: 90px;
	left: 10px;

}






.rounded { padding: 30px; background-color: #ffffff; float: left; position: relative; width: 760px; }

.rounded p { color: black; }

.rounded input[type=input], .rounded input[type=text], .rounded textarea, .rounded select  {  border: solid 1px black;  padding: 2px;}



.rounded label { font-weight: bold;  }



#carousel_summary { text-align: justify; margin-top: 10px; width: 450px; height: 205px; float: left; font-family: Arial; border: solid 5px #333; padding: 5px; margin-left: -14px;}

#carousel_summary a:link, #carousel_buttons a:visited, #carousel_buttons a:active { color: black; text-decoration: none;}

#carousel_summary li:hover { background-color: gray; }

#carousel_summary img { width: 150px; vertical-align: middle; position: relative; }

#carousel_summary { text-align: center; float: right; width: 180px; height: 150px; background-color: white; margin-left: 10px; margin-bottom: 7px;}
#carousel_summary table { height: 100%; width: 100%; border: 0px; }
#carousel_summary table td { vertical-align: middle; border: none; }
#summary { overflow: auto; height: auto; position: relative; top: 0px; z-index: 999; width: 790px; min-height: 50px;}
#summary a:link, #summary a:visited, #summary a:active { text-decoration:none; font-size: 11px; color: gray; font-weight: normal; font-family: Arial;}
#summary a:hover {  color: #fff; }
.summary { overflow: hidden; }
#carousel_summary .title { height: 35px; text-align: left;}
#carousel_summary .summary td { color: black; }
#carousel_title { position: absolute; z-index: 999; margin-left: 30px; margin-top: 20px;}
#icons  { position: relative; float: left;  left: -23px; background-color: black; clear: left;}


form #summary { font-family: Arial; font-size: 12px;}


form fieldset legend { color: black; }
form fieldset { /*background-color: #f3f3f3;*/ }

#carousel_buttons li { margin: 3px; list-style: none; list-style-type: none; width: 40px;border: solid 1px gray; background-color: #f0f0f0; padding: 10px;}

hr { border: dashed 1px black; border-bottom: none; border-left: none; border-right: none;}

div#list > div:first-child
{
	background: url("/images/dotted_line.png") repeat-x;
	margin-top: 10px;
	padding-top: 20px;
}

#list img.small { width: 80px; }
#list img.smaller { width: 50px; }


#list a:link, #list a:visited { color: white; text-decoration:underline; font-size: 17px;}

div#list div.title p:last-child { color: gray; }
div#list img.envelope { position: relative; top: 3px; }

div#list > div {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: black;
    float: left;
    background: url("/images/dotted_line.png") repeat-x;
    margin-bottom: 10px;
}

div#list div.thumb
{
	position: relative;
	float: left;
	width: 100px;
}

#list div.title
{
	position: relative;
	float: left;
	width: 650px;
}

#list div a.readmore { font-size: 12px; color: gray; }
#list div a.readmore:hover { color: white;}

#list div > p { font-weight: normal; text-align: justify;}
#list div > p:first-child { font-weight: bold; font-style: normal; font-size: 14px; padding-left: 0px;}

div.space { position:relative; float: left;margin-top: 20px;}

div.body { width: 100%; }




.paginate { color: black; float: left; clear:both;}

#clear{}

.left{ float: left; position:relative; }

span.textoverlay { top: 120px; }
span.textoverlay a { text-decoration: none; font-weight: bold; color: black; font-family: Verdana, Helvetica, Arial; }

.hide { display: none; }

.message
{
	clear:left;
	margin: 10px;
	color: red;

}

.associate_thumb { border: solid 5px white; height: 50px;}

#pagesizeselect { color: gray; padding-left: 10px;}
#pagesizeselect a:link, #pagesizeselect a:visited, #pagesizeselect a:active { color: white; }
#pagesizeselect a:hover { text-decoration: underline;}

.pagination { float: left; position: relative; margin-top:20px; clear:both; font-size: 11pt; font-weight: bold;}
.pagination a:link, .pagination a:visited, .pagination a:active {  color: white; font-weight: normal;}
.pagination a:hover { text-decoration: underline; color: blue;}
.nounderline a:link, .nounderline a:visited, .nounderline a:active { text-decoration: none;}

#searchbar { position: relative; float: left; color: black; margin-bottom: 10px; clear: right; }
#searchbar input[type=text] { margin-left: 10px;width: 70%; font-size: 14pt; color: blue;}
#searchbar input[type=submit] { font-size: 16pt;}
#searchbar span { font-size: 16pt; font-weight: bold;}
#list p { clear: left;}

.mandatory { color: red; font-weight: bold; margin-right: 4px;}

#accessibility { float: right; margin-right: 50px; margin-top: -40px; font-size: 14px; font-weight: bold; padding: 4px;}
#accessibility a:link,
#accessibility a:visited,
#accessibility a:active
{
	color: white;
	text-decoration: none;
}




#home-news {float:  left; width:  400px; margin-top: 20px;}
#home-news #list div.title
{
	position: relative;
	float: left;
	width: 400px;
}




#noob-box{
	position:absolute;
}
#noob-box div{
	width:800px;
	height:240px;
	float:left;
}

#noob-box h3, #noob-box p, #noob-box ul{
}
#noob-box p{
}
#noob-box img{
	float:left;
	margin:0 10px 10px 15px;
  border: none;
}

#noob-box a
{
  color: #000;
}

.mask3{
  position:relative;
  width:820px;
  height:240px;
  overflow:hidden;
}






.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:72px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img {
	display:block;
	border:none
}


#thumbs7{
	position:relative;
	width:820px;
	height:72px;
	clear:both;
	overflow:hidden;
	margin-top:10px;
	padding-left: 5px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	height:72px;
	width:100%;
        margin: 0;
        margin-left:15px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:72px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	float:right;
}
#thumbs_handles7 span{
	background:url(thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1800px;
	background:url(thumbs_mask_black.gif) repeat-y center top;
        padding-left: 10px;
}




#sub-nav {
text-align: left;
margin-bottom: 10px;
}

#sub-nav ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
display: inline-block;
}

#sub-nav ul li {
float: left;
/*margin-left: 5px;*/
background-color: #777;
width: 90px;
}

#sub-nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 25px;
}

#sub-nav a:hover {
  color: #fff;
  text-decoration: none;
}

#sub-nav li.is-active {
  text-decoration: none !important;
  background-color: #ccc;
}

#sub-nav li.is-active a {
  color: #000;
}


#carousel {
  /* background: url('/images/carousel-bg-small.gif') no-repeat;
  padding: 10px 10px;*/
  clear: both;
}

.rounded-small { padding: 10px; background-color: #777; float: left; position: relative; width: 800px; text-align: center; }

.rounded-small p { color: black; }

.rounded-small input[type=input], .rounded-small input[type=text], .rounded-small textarea, .rounded-small select  {  border: solid 1px black;  padding: 2px;}



.rounded-small label { font-weight: bold;  }

#searchbar-small { position: relative; float: left; color: #fff; margin-bottom: 10px; clear: right; }
#searchbar-small input[type=text] { margin-left: 10px;width: 70%; font-size: 12pt; color: blue;}
#searchbar-small input[type=submit] { font-size: 12pt;}
#searchbar-small span { font-size: 12pt; font-weight: bold;}

.icon_container { vertical-align: middle;}

.icon_container img { width: 75px; border: none; margin: 0 !important; }
.icon_container a { vertical-align: middle;}
form #title { width: 600px; }

#latest-news-heading
{
  margin-bottom: 5px;
}

a.white-link { color: #fff; }


#thumbPrev {
position: absolute;
background-color: #DDD;
line-height: 60px;
width: 15px;
text-align: center;
z-index: 999;
visibility: hidden;
}

#thumbPrev a {
color: #000;
text-decoration: none;
font-weight: bold;
}

#thumbNext {
position: absolute;
background-color: #DDD;
line-height: 60px;
width: 15px;
text-align: center;
z-index: 999;
right: 0;
visibility: hidden;
}

#thumbNext a {
color: #000;
text-decoration: none;
font-weight: bold;
}

#noob-box {background-color:#000;height:36px}
#carousel{background-color:#000; padding: 0 !important; background-image: none !important;padding-left: 5px !important;}
#sub-nav ul{/*margin-bottom:-3px;*/}
#noob-box div {padding:0 10px; width:800px}
#sub-nav{margin-bottom:10px;width:100%}
#noob-box img {border: 1px solid black;}
#noob-box table img {border: none;}


#latestButton {
background: url('/images/nav-latest-output.gif');
width: 122px !important;
height: 36px;
}

#latestButton.is-active {
background: url('/images/nav-latest-output-on.gif');
background-color: #000;
}

#preloadLatest {
background: url('/images/nav-latest-output.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#latestButton a {
  width: 122px;
  line-height: 36px
}

#reportsButton {
background: url('/images/nav-reports.gif');
width: 92px !important;
height: 36px;
}

#reportsButton.is-active {
background: url('/images/nav-reports-on.gif');
background-color: #000;
}

#preloadReports {
background: url('/images/nav-reports-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#reportsButton a {
  width: 92px;
  line-height: 36px
}

#articlesButton {
background: url('/images/nav-articles.gif');
width: 90px !important;
height: 36px;
}

#articlesButton.is-active {
background: url('/images/nav-articles-on.gif');
background-color: #000;
}

#preloadArticles {
background: url('/images/nav-articles-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#articlesButton a {
  width: 90px;
  line-height: 36px
}

#presentationsButton {
background: url('/images/nav-presentation.gif');
width: 97px !important;
height: 36px;
}

#presentationsButton.is-active {
background: url('/images/nav-presentations-on.gif');
background-color: #000;
}

#preloadPresentations {
background: url('/images/nav-presentations-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#presentationsButton a {
  width: 97px;
  line-height: 36px
}

#videosButton {
background: url('/images/nav-video.gif');
width: 90px !important;
height: 36px;
}

#videosButton.is-active {
background: url('/images/nav-video-on.gif');
background-color: #000;
}

#preloadVideo {
background: url('/images/nav-video-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#videosButton a {
  width: 90px;
  line-height: 36px
}

#twittersButton {
background: url('/images/nav-twitter.gif');
width: 92px !important;
height: 36px;
}

#twittersButton.is-active {
background: url('/images/nav-twitter-on.gif');
background-color: #000;
}

#preloadTwitter {
background: url('/images/nav-twitter-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#twittersButton a {
  width: 92px;
  line-height: 36px
}

#blogsButton {
background: url('/images/nav-blog.gif');
width: 92px !important;
height: 36px;
}

#blogsButton.is-active {
background: url('/images/nav-blog-on.gif');
background-color: #000;
}

#preloadBlog {
background: url('/images/nav-blog-on.gif') no-repeat -9999px -9999px;
width: 0px;
height: 0px
}

#blogsButton a {
  width: 92px;
  line-height: 36px
}

#searchButton {
background: url('/images/nav-search.gif');
width: 145px !important;
height: 36px;
}

.mask3 {
background-color: #fff;
padding: 12px 0;
color: #444;
}

.mask3 p {
  color: #444;
}

#noob-box {
  background-color: #fff;
}


#car-container {
margin-left: -40px;
padding: 38px 35px;
background: url('/images/car-background.gif');
width: 830px;
}

#searchButton #query {
width: 86px;
margin-top: 9px;
margin-left: 40px;
border: none;
background: none;
color: white;
}

#subnavsearch {
  border: none;
  margin: 0;
  padding: 0;
}


#noob-box table {
width: 0;
}

#latest-news-heading a {
  color: #fff;
}

#news-more {
float: right;
font-size: 14px;
line-height: 23px;
display: inline-block;
}
