* {
	margin:0; padding:0;
}
/* default page colors and fonts */

#fs {float:left; width:160px; text-align: left;margin:18px 2px 2px 9px;}
#fs img{padding:12px 2px 2px 4px; text-align: left;}	
#fs strong{font-size:13px; font-weight:bold; color:#ffffff; text-align: left;}	

#cs {position: relative;
         float:right;
		 width:550px;
		 margin-top:5px;
         text-align:right;
         font-size: 10px;
         line-height: 12px;
         }
		 
		 
#cs a{color: #000000;
    font-weight: bold;
    }

#cs li{
    display: block;
    float: left;
    padding: 2px 10px;
	margin-top:2px;
    border-left:0;
    }

#cs li.first{
    border-left: none;
    padding-left: 0;
    }

/* ############################## GLOBAL ################################# */
/* MAIN CONTAINER */
#container{width: 1032px;
           margin: 0 auto;
		   text-align: left;
           background:none; }

/* HEADER */
#header_wrapper{ }
#header{
    padding:0;margin:0;   
    height: 195px;
    position: relative;}

#logo_main {position: relative;
            float:left;
		    padding:25px 0 0 5px;
            width:200px;
		   }

#header_right {position: relative;
               float:right;
		       width:728px;
               text-align:right;
               font-size: 10px;
			   padding:0px;margin:0px;
               }

#nav_top{position: relative;
         float:right;
		 width:300px;
		 height:25px;
         text-align:right;
         font-size: 10px;
         line-height: 16px;
         }
		 
#nav_top a{
    color: #bfd5e9;
	color: #000000;
    font-weight: bold;
    }

#nav_top li{
    display: block;
    float: left;
    padding: 2px 10px;
	margin-top:2px;
    border-left: 1px solid #000;
    }

#nav_top li.first{
    border-left: none;
    padding-left: 0;
    }


/* CONTENT */
#content_main h1{
  font-size: 13px;
  color: #4fa800;
  font-family: verdana, courier;
  font-weight: bold;
  margin-top: 2px;
  background-repeat: no-repeat;
}

#content_main h2{
  font-size: 12px;
  color: #333;
  margin-top: 16px;
}


#content_main h3,
#content_main h4,
#content_main h5,
#content_main h6{
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 5px;
}
#content_main ul{
  margin: 20px;
}
#content_main li{
    margin-bottom: 5px;
    font-size: 11px;
    list-style: square outside; color: #333;
    line-height: 16px;
}
#content_main li em{
   /*  background: #ffc; */
}
#content_main ol{
  margin: 20px 0 20px 20px;
  width: 180px;
  float: right;
  list-style-type: none;
}
#content_main ol li{
  list-style-type: none;
}
#content_main dl{
  margin: 20px;
}
#content_main abbr{
  border-bottom: 1px dotted #666;
}
#content_main strong{font-weight: bold; } /* background: #DCEFEE; */
#content_main em{font-style: italic;}
#content_main p{
  margin: 3px 0;
  font-size: 11px;
  line-height: 13px;
}
#content_main a,
#content_main a:link,
#content_main a:visited,
#content_main a:hover,
#content_main a:active{
	color: #002953;
} 
.required{
    color: #4fa800;
}


/* CONTENT */
#content_wrapper{margin:0px;padding:0px; height:1px;}
#content {margin:0; padding:0;width:300px;float:right;}
#content_side{margin:0;padding:0;width:300px;float:right; clear:both;}



/* ############################## LAYOUTS/TEMPLATES ################################# */
#banner {width:300px;float:left;margin:0px 0px 1px 0px;}

/* ide Navigation */

#SideNavContainer, #SideNavTopRow, #SideNavMiddleRow, #NavData, #SideNavBottomRow, #FooterTopGradient, #FooterTopGradientLeft, #FooterTopGradientCenter, 
#FooterTopGradientRight, #FooterBodyLeft, #FooterBodyCenter, #FooterBodyRight, #FooterBody
{
    float: left;
}

#NavData {width:298px;float:left;margin:0px 0px 1px -4px;}

#SideNavMiddleRow
{
    width: 309px;
    overflow: hidden;
}

#SideNavMiddleRowCenter
{
   	width: 299px;
    float: left;
    min-height: 300px;
    height: auto !important;
 }

#SideNavacct
{
    margin: 0px;
    padding: 0px;
	width: 299px;
    line-height: 1.5em !important;
	height:300px;
	background-color:#808284;
}

#SideNavTitle
{
    width: 299px;
    height: 24px;
    border-bottom: 1px solid #E6E7E8;
    font-weight: bold;
    line-height: 24px;
	text-indent:-10px;
	font-size: 11px;
	text-align:center;
}

#SideNavMiddleRowRight
{
    min-height: 300px;
	height: auto !important;
	background: transparent url('images/rightVerticalGradient.gif') repeat-y;  /* rightVerticalGradient.png */
}

#SideNavMiddleRowLeft, #SideNavMiddleRowRight
{
    width: 5px;
    float: left;
}

#SideNavMiddleRowLeft
{
    min-height: 300px;
	height: auto !important;
	background: transparent url('images/leftVerticalGradient.gif') repeat-y;  /* rightVerticalGradient.png */
}


#SideNavacct ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
	
}


#SideNavacct ul.account li 
{
    padding-left:3px;
    text-indent: 2px;
	color: #ffffff;
	background:#808284; 
    
}

#SideNavacct ul.account li a
{
    font-face:bold;
	color: #ffffff;

}

#NavData ul {
	list-style: none;
	margin: 0px 0 0 5px;
	padding: 0;
	
}


ul.leftnav li {
	font-size: 12px;
	padding: 2px 0 2px 20px;
	color: #ffffff;
	border-bottom:0px dotted #ffffff;
	width:270px;
	font-family: Arial, Helvetica, sans-serif;
}
ul.leftnav li a {font-face:normal;color: #ffffff; text-decoration:none;}
ul.leftnav li a:hover {text-decoration:underline;}
#NavData ul li {float: left;background: url(../images/go.gif) 2px 7px no-repeat;color: #ffffff;}
#NavData ul li {float: left;background: url(../images/white_arrow.gif) 5px 10px bottom no-repeat;color: #ffffff;}


/* WORKAROUNDS */

/* clearfix, put on block elements that contain floated elements */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */


/** MAIN CONTENT CONTAINER STYLES **/
#content_top{margin:0px; padding:0px; width:673px; background:url(images/content_top.gif) bottom left no-repeat; font-size:1px; line-height:1px; height:6px;}
#content_top span{margin:0px; padding:0px; width:100%; background:url(images/content_top_right.gif) bottom right no-repeat; font-size:1px; line-height:1px; height:6px; display:block;}
#content_bottom{margin:0px; padding:0px; width:673px; background:url(images/content_bottom.gif) bottom left no-repeat; font-size:1px; line-height:1px; height:6px;}
#content_bottom span{margin:0px; padding:0px; width:100%; background:url(images/content_bottom_right.gif) bottom right no-repeat; font-size:1px; line-height:1px; height:6px; display:block;}
#content1{margin:0px; padding:5px 20px; width:688px; background:top left repeat-y #fbfbfb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; overflow: hidden; }


#small_main{width:728px; float:left; margin-bottom:2px;}
#small_main #content_top{ width:728px;}
#small_main #content1{ width:688px;}
#small_main #content_bottom{ width:728px;}


#content_right table {
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	width: 100%;
	margin-bottom: 10px;
}

.publics_workshops #content_top {
	background-image: url(images/content_top_split.gif);
}

.publics_workshops #content_bottom {
	background-image: url(images/content_bottom_split.gif);
}

.publics_workshops #content1{
	background-image: url(images/content_middle_split.gif);
	background-color: #ffffff;
	border: 0px none;
	width: 688px !important;
}

a.noBorder img {border:0;}

img.floatLeft { 
    float: left; 
    margin: 2px; 
	padding-right:2px;
	text-align: center;
}

img.floatRight { 
    float: right; 
    margin: 2px; 
}

.articles {
	background-color:#ffffff;
	padding:5px;
	width:696px;
	float:left;
	font: 12px verdana, Helvetica, sans-serif;
	z-index:1;
}

.articles a {font: 12px verdana, Helvetica, sans-serif;font-weight:bold;z-index:1;text-align: left;}

.articles ul {margin:0; padding:0;text-align: left;}

.articles ul li {
	color: #133C6C;
	text-align: left;
	list-style-type: disc;
	font-weight:bold;
	font: 12px verdana, Helvetica, sans-serif;
}

.articles ul li a{
	color: #133C6C;
	text-align: left;
	font-weight:bold;
	font: 12px verdana, Helvetica, sans-serif;
}