@import url(/webassets/css/rigidLiquidMax1024.css);
@import url(/webassets/css/fontDefaults.css);
@import url(/webassets/css/xSmall.css);
@import url(/webassets/css/roundedCorner.css);
@import url(/webassets/css/ulNav.css);
@import url(/webassets/css/ie.css);

/* override fontSizeDefault */
body, body div, body p, body th, body td, body li, body dd	{
  color:#636466;}


/*------------------------------------------------------------------------------------
                                                                   general stuff */
img {
  display:block;}

body {
	background:#1d1c5e; }

h1 {
  font-size:110%;}

h2 {
	font-size:105%;}

h3 {
	font-size:100%;}


img {
  border:0;
  margin:0;
  padding:0;}

a {
  color:#5d9d33;
  text-decoration:underline;
  margin:0;
  padding:0;}

a:hover {
	text-decoration:none;
	color:#fff;
    background:#6db43f;}

a:visited {
	color:#f4911d;}


.textColor1 {
	color:#6f1200;}

.textColor2 {
	color:#7d7d7d;}

.smallText {
	font-size:95% !important;}

.smallerText {
	font-size:90% !important;}



#header {
  float:left;
  width:100%;
  background:#6db43f url(/images/header_bg.png) no-repeat 329px 0px;}

	#header .top {
    float:left;
    width:100%;}

		#header .top .logo {
			float:left;}

		#header .top .culture {
			float:right;
			margin:5px 20px 0 0;}

			#header .top .culture a {
				color:#fff;
				padding:6px;}



  #header .bottom {
    float:left;
    clear:left;
    width:100%;
    background:#fff url(/images/navigation_bg.png) no-repeat 213px 0px;}

  #header .logoBottom {
    float:left;
    clear:left;}

  #header .navigation {
	float:left;
    clear:none;
    width:72%;
    padding:10px 0 0 0;}

/* override ulNav */
	.ulNav li ul {
	  width:13.6em;
	  background:#fff url(/images/menu_bg.png) repeat-x top left;
      border:1px solid #7dbbe2;
      border-bottom:0px;}

    .ulNav li {
        width:13.6em;}
        
	.ulNav li.root {
      margin:0 4px;
      padding:0;
      color:#000;}

	.ulNav ul a {
  	    width:13.6em;
  	    color:#636466;
  	    padding:.25em .3em .25em .3em;
 		border-bottom:1px solid #7dbbe2;}

	.ulNav a.root, .ulNav a.root:hover {
	    padding:.3em;
	    color:#636466;
        border:none;}

    .ulNav a:hover {
        color:#000;}

/* highlighting */
.ulNav li.hover, .ulNav li:hover {
  background-color:#f38f1d;
  color:#000;}

  .ulNav li.hover a:hover, .ulNav li:hover a:hover {
    background-color:#f38f1d;
    color:#000;}

  .ulNav li.hover ul a, .ulNav li:hover ul a {
    color:#636466;}

    .ulNav li.hover ul a:visited {
       color: #636466; }

/* end override ulNav */

#content {
  float:left;
  width:100%;
  overflow:hidden;
  background:#f2f2f6 url(/images/content_bg.png) no-repeat 185px 0px;}

  #left {
    float:left;
    width:186px;
    display:block;
    margin:0 35px 0 0;
    padding-bottom:20010px;
    margin-bottom:-20000px;
    background:transparent url(/images/left_bg.png) repeat 0px 33px;}

    #left .top {
      height:33px;
      background:transparent url(/imagesleft_top.png) no-repeat top left;}

  	#left h3 {
  		margin:20px 0 10px 20px;
  		color:#000;}

    #left ul {
      list-style:none;
      margin:0 0 25px 0;
      padding:0;}

      #left li {
        float:left;
        clear:left;
        margin:2px 0;
        padding:0 0 0 20px;}

        #left li a {
          display:block;
          width:166px;
          color:#000;
          padding:4px 0;
          text-decoration:none;}

          #left li a:hover, #left li a.current {
            color:#fff;
            background:#ee9029;}

    #sponsors {
      float:left;
      clear:left;
      width:161px;
      margin:30px 11px;
      display:inline;
      background:#414042;}

      #sponsors .title { }

        #sponsors .title h3 {
          color:#fff;
          font-weight:normal;
          margin:0;
          padding:5px 0 0px 10px;}

        #sponsors .content {
          padding:10px;}

          #sponsors .content .sponsorImage {
            background:#fff;
            padding:5px 9px;
            margin:0;
            text-align:center;}

        #sponsors .bottom {
          display:block;
          height:10px;}

  #center {
    float:left;
    width:70%;
    padding-bottom:20010px;
    margin-bottom:-20000px;}

    #center .description {
        margin:0 0 2em 0;}
    
    #center h1, #center h2, #center h3 {
      color:#000;
      margin:.5em 0 .1em 0;}

    #center p {
      word-wrap:break-word;
      margin:0 1.2em .9em 0;}

  /* if no image, this is used to flow the text around the bg image */
  #content .sandbag {
    float:right;
    clear:right;
    display:block;
    height:1.2em;}

    #content .sb1 {
      width:160px;}

    #content .sb2 {
      width:130px;}

    #content .sb3 {
      width:100px;}

    #content .sb4 {
      width:60px;}

    #content .sb5 {
      width:30px;}

  #content div.image {
    float:right;
    margin:0 20px 20px 20px;}





#footer {
  float:left;
  clear:left;
  width:100%;
  margin-bottom:10px;
  background:transparent url(/imagesfooter_bg.png) no-repeat bottom right;}

  #footer p {
    color:#fff;
    margin:0;
    padding:3px 0 3px 15px;
    background:transparent url(/imagesfooter_left_bg.png) no-repeat bottom left;}




/****Inline image****/
div.inlinePhoto span.image {
    float:right;
    margin:0 20px 20px 20px;
	width: 250px;
	clear: both;}

	div.inlinePhoto span.image img {
		margin: 0 auto;}

	div.inlinePhoto span.caption, div.inlinePhoto span.credit {
		margin: 0.2em 0 0 0;
		float: left;
		clear: left;
		width: 100%;}

	div.inlinePhoto span.credit {
		font-style: italic;}

/****Related Files****/
div.relatedFiles {
	background: #E7F6FC;
	float:right;
    margin:0 20px 20px 20px;
	border: 1px solid #000000;
	padding: 8px;
	padding-top: 0;
	width: 234px;
	clear: both;}

	div.relatedFiles h1 {
		padding-bottom: 0.5em;}

	div.relatedFiles ul {
		padding: 0;
		margin: 0;}

	div.relatedFiles li {
		list-style-type: none;
		margin: 0;
		margin-top: 0.2em;
		padding: 0;}

	div.relatedFiles a {
		color: #1D1C5E;}