ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: Trebuchet MS, Verdana, sans-serif;
 
  font-size: 14px;
}

body
{
  padding: 0px;
  background-color: #174578;
  
}

div.header-figure {
background:transparent url(../images/figure-header.png) no-repeat scroll left top;
display:block;
height:6px;
margin:0 auto;
margin-top:40px;
overflow:hidden;
position:relative;
width:980px;
}



#header
{
height:120px;
padding-left:20px;
padding-right:20px;
background:#f5f5f5;
background:transparent url(/images/topgra.gif) repeat-x;

}
h2 
{
color:#13689b;
font-size:20px;
}
a 
{
color:#ff6633;
}



/* this block of CSS controls the tabs */

/**
 * Base styles for Tab Navigation standard
 * 
 * navset: container for tabs and optional subtabs
 * pri: primary tab navigation 
 * sec: secondary tab navigation
 * on: selected tab
 * orphan: optional non-tab link at end of list
 * first: Hook for first subtab link
 *
 * Usage:
 *    <div class="navset">
 *        <ul class="pri">
 *           <li><a><em>Home</em></a></li> (EM implies that these are more than just linked list items)
 *           <li class="on"><strong><em>News</em></strong></li> (STRONG emphasizes selected state)
 *           ...
 *        </ul> 
 *        <ul class="sec">
 *           <li><a>lorem</a></li>
 *           <li class="on"><strong>lorem</strong></li>
 *           ...    
 *        </ul> 
 *     </div>
 *
 */
 
/* base styles for extending/overriding */

/* primary tabs */
.navset {border-bottom:20px solid #13689b; background:#f5f5f5;}
.navset h3, .navset h4 {position:absolute;left:-1000em;margin:0;}
.navset .hd li em {font-weight:bold;}
.navset .hd li a {color:#fff;}
.navset .hd li.on strong, .navset .hd li.on strong a {color:#fff;} /* selected tab */
.navset .hd li.on strong {background-color:#ff6633;border-bottom:1px solid #13689b;} /* border-color should match selected color */
.navset .hd li.orphan, .navset .hd li.orphan a {color:#999;}

/* bg images, defaults to #999 border-color on white bg */
.navset .hd li a, .navset .hd li strong {background:#13689b url(/images/tr_999.gif) no-repeat top right;}
.navset .hd li em {background:transparent url(/images/tl_999.gif) no-repeat;}

/* secondary tabs */
.navset .bd ul {background-color:#F2F3F5;border-color:#999;}
.navset .bd li, .navset .bd li a {color:#06c;}
.navset li.on, .navset li.on strong {font-weight:bold;}
.navset .bd li {border-color:#ccc;} /* pipe divider */

/* end base styles */

/* Network tab standards, shouldn't change */

/* shared pri and sec */
.navset {width:100%;} /* IE: width */
.navset a {text-decoration:none;}
.navset ul, .navset li {margin:0;padding:0;list-style:none;}
.navset li {float:left;display:inline;}
.navset li a:hover {color: #B8CBD9; text-decoration:underline;}
.navset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.navset ul {zoom:1;} /* clear IE */

/* primary tabs */
.navset .hd ul {margin-bottom:-1px;padding-left:20px;position:relative;} /* IE quirks mode: relative */
.navset .hd li {margin-right:.33em;padding:0;}
.navset .hd li.on strong a {cursor:default;}
.navset .hd li a, .navset .hd li strong, .navset .hd li em {display:block;}
.navset .hd li a, .navset .hd li strong {*display:inline-block;}  /* IE: 100% clickable */
.navset .hd li em {font-style:normal;padding: .5em .7em;}
.navset .hd li.orphan, .navset .hd li.orphan a, .navset .hd li.orphan em {background:transparent none;border-width:0;margin:0;}

/* secondary tabs */
.navset .bd ul {border-top-width:1px;border-top-style:solid;margin:0;padding:.6em 0 .6em .4em;}
.navset .bd li {border-left-style:solid;border-left-width:1px;display:inline;padding:0 1em;}
.navset .bd li.first {padding-left:0;border:0;}
#maincontent
{
padding:20px;
min-height: 400px;
background-color: #dddbdb;
}
#footer
{

height:50px;
background:transparent url(../images/figure-footer.png) no-repeat scroll left top;
background-color: #174578;

}
.simpletable {
background-color: #fff;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
border: 1px outset #12679b;
}

.simpletable thead{
background-color: #12679b;
text-align:left;
color:#fff;
border-collapse:collapse;
margin:1em 0pt;
width:100%;
height:30px;

}
.simpletable th{
padding-left: 5px;
text-align:left;
}

.simpletable td {
color:#135880;
font-family:"Lucida Grande",Helvetica,Verdana,Arial,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0.5em;
}
.simpletable td.altrow {
background-color:#384949;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}


.clearfix {display: block;}
/* End hide from IE-mac */

label,input {
	display: block;
	float: left;
	
	
}

input,select,textarea {
border: 1px solid #ABBEBE;
background:#FFFFFF url(/images/inputBg.gif) no-repeat scroll left top;
}

fieldset{
padding:10px;

border:1px solid #12679b;
margin-top:10px;
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid #E6673B;
  color:#E6673B;
  font-size:14px;
  text-align:right;
  }
  
#formfieldset
{
width: 600px;

}
  
.formsubmit {
margin:5px;
text-align:right;
}
ul, li {
list-style-type:disc;
padding-left:20px;
}
li 

{
padding-left: 0px;
padding-top:5px;
}
#del_icio_us ul, li {
list-style-type:none;
padding-left:0px;
}
#tagcloud ul, li {
list-style-type:none;
padding-left:0px;
}

.hiddeninput{

border:0;
background: none;
}
h2,h3{
color: #12679b;
}
label {
	text-align: left;
	width: 250px;
	font-weight: bold;
	color: #12679b;
	
	
}

.formbutton {
	height: 35px;
		
}


.form-row {
	clear: left;
}

#button.form-row
{
	padding-left: 170px;
	}
/* imagebtn */
.imagebtn{
background: #FFE5BF;
border: 1px solid #ff6633;
text-align:left;
margin-top:10px;
height: 35px;
color: #FF6633;
font-weight: bold;
font-size:14px;
font-family: Trebuchet MS, Verdana, sans-serif;
cursor:pointer
}

.imagebtn:visited{
color: navy;
}

.imagebtn:hover{

color: #12679b;
font-size:14px;
cursor:pointer
}

.imagebtn:active{
color: navy;
}

.clear { clear: both; background: none; }

* ------------------------- validational ---------------------*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #ff6633;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	
}


.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}

#headerlinks
{
height: 30px;color: #ff6633;padding-top: 10px;font-weight: bold;
}

#headerlinks a
{
color: color: #ff6633;
font-weight: bold;
}


/* ------------------------- validational ---------------------*/
#post_container
{
float:left; width:600px;padding-top:10px;padding-bottom:20px;margin-bottom:20px;
}
#postheader
{
border-bottom: 1px dotted #12679b;
margin-bottom: 10px;
}
#postcarrier
{
border-bottom: 1px dotted #12679b;
margin-bottom: 10px;
}
#comment
{
background-color:rgb(195, 217, 255);
margin-bottom: 10px;
padding-left: 20px;
padding-top: 10px;
}


ul#tag_cloud
{
  list-style: none;
}
 
ul#tag_cloud li
{
  list-style: none;
  display: inline;
}
 
ul#tag_cloud li.tag_popularity_1
{
  font-size: 60%;
}
 
ul#tag_cloud li.tag_popularity_2
{
  font-size: 100%;
}
 
ul#tag_cloud li.tag_popularity_3
{
  font-size: 130%;
}
 
ul#tag_cloud li.tag_popularity_4
{
  font-size: 160%;
}

.odd
{
background-color: #d1e4ef;
margin-bottom: 20px;
}

.even
{
background-color: #ffe5bf;
margin-bottom: 20px;
}
#language {
float:left;
}

#language img{
padding-left:10px;
}


form.cmxform {
color:#333333;
font-size:1.1em;
width:370px;
}
form.cmxform legend {
padding-left:0;
}
form.cmxform legend, form.cmxform label {
color:#333333;
}
form.cmxform fieldset {
background:transparent url(../images/cmxform-fieldset.gif) repeat-x scroll left bottom;
border-color:#C9DCA6 -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:1px medium medium;
}
form.cmxform fieldset fieldset {
background:transparent none repeat scroll 0 0;
}
form.cmxform fieldset li {
background:transparent url(../images/cmxform-divider.gif) repeat-x scroll left bottom;
padding:5px 10px 7px;
}


form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

hr {

	height: 1px;
	color:#664B52;
	background-color:#664B52;
	border: 0;
	margin-left: 15px;
	margin-right: 15px;
}

#latest_news {
	clear: both;
	background: #dddbdb;
	width: 980px;
	text-align: left;
	overflow: auto;
}

#news_container {
	width: 450px;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}
#blog_container {
	width: 450px;
	float: left;
	margin-left: 40px;
	margin-top: 15px;
}

#latest_news h4 {
	font-size: 140%;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 8px;
	color: #ff6633;
}

#latest_news h5 {
	font-size: 100%;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 0px;
}

#latest_news h5 a {
	color: #12679b;
	text-decoration: none;
}

#latest_news p {
	margin: 0;
	width: 420px;
	margin-left: 15px;
	padding-bottom: 6px;
}

.wide_panel_top {
	width: 450px;
	height: 6px;
	background-image: url(../images/wide-white-panel-top.png);
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}

.wide_panel {
	width: 450px;
	background: #ededed;
	color: #12679b;
}

.wide_panel_bottom {
	width: 450px;
	height: 6px;
	background-image: url(../images/wide-white-panel-bottom.png);
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
	margin-bottom: 13px;
}

.wide_panel hr {
	width: 420px;
	height: 1px;
	color:#664B52;
	background-color:#664B52;
	border: 0;
	margin-left: 15px;
}

h4 {
	font-size: 140%;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 8px;
	color: #12679b;
}

h5 {
	font-size: 120%;
	margin: 0;
	margin-left: 15px;
	margin-bottom: 6px;
}

h5 a {
	color: #550A2E;
	text-decoration: none;
}

#leftcolumn p {
	margin: 0;
	width: 570px;
	margin-left: 15px;
	padding-bottom: 6px;
}

#rightcolumn
{
float:left;
width: 300px; 
margin-left: 40px;
}

#latest_news h5 a
{
font-weight: bold;
}
.news_post a:hover {
background-color: #ccc;
color: #fff;
}

#sddm
{	
	z-index: 30}



#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #12679b;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #19629b;
		font-size: 11px;}

	#sddm div a:hover
	{	background: #ff6633;
		color: #FFF}
.error
{
color: red;
border: 1px solid: red;
}
  span.checkbox {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(../images/checkbox.png) no-repeat;
  display: block;
    clear: left;
     float: left;
   }
  span.radio {
     width: 19px;
    height: 25px;
     padding: 0 5px 0 0;
     background: url(radio.gif) no-repeat;
    display: block;
     clear: left;
    float: left;
   }
   span.select {
     position: absolute;
     width: 228px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
     height: 21px;
     padding: 0 24px 0 8px;
     color: #fff;
    font: 12px/21px arial,sans-serif;
     background: url(../images/select.png) no-repeat;
     overflow: hidden;
   }
   #message {

width:260px;
}
#checkmark {

}
h3{

padding-left:10px;}