body { margin:0px; padding:0px; text-align: center; background-image:url('../images/bg.gif'); background-repeat:repeat; background-position: center top;    }
html {  }

.floatleft  { float: left; }
.floatright { float: right; }
.linebreak { background-image:url('../images/line_break.gif'); background-repeat:repeat-x; height:1px; font-size: 1px; line-height:1px; margin:15px 0px 15px 0px; }
.linebreak hr { display: none; }

#bg {   }

#page { width:960px; margin:0px auto 0px auto; background-color:white; text-align:left;  }
#header .logo {width:auto; height:auto; margin-bottom:10px; }

/* =navigation */

#nav { font-weight:bold; float:left; margin-left:30px; padding:0px; list-style-type:none; width:930px; background-color:black; }
#nav li { list-style-type:none; float:left; margin:0 0 0 4px; padding:0 0 0 10px; background:url('../images/tabblack.gif') black top left no-repeat;  }
#nav li a { color:white; background:url('../images/tabblack.gif') transparent top right no-repeat;  display:block; padding:0 10px 0 0; }
#nav li.cur, #nav li.over, #nav li:hover { color:black; background:url('../images/tabwhite.gif') #3375b2 top left no-repeat;  }
#nav li strong, ul#nav li.cur a, ul#nav li.over a, ul#nav li:hover a { display:block; color:black; padding:0 10px 0 0; text-decoration:none; background:url('../images/tabwhite.gif') transparent top right no-repeat; }


/* =home page content */

#content { padding:10px 15px 0px 15px; height:auto; width:auto;}
#content .columnleft { width:280px; float:left; padding:0px 15px 0px 15px; }
#content .columnmiddle { width:280px; float:left; padding:0px 15px 0px 15px; }
#content .columnright { width:280px; float:left; padding:0px 15px 0px 15px; }

#content ul { margin:0px 0px 0px 15px; padding:0px; }

/* =other page content border using right height */

#content1 { padding:10px 15px 0px 15px;}
#content1 .columnleft { width:280px; float:left; padding:0px 15px 0px 15px;  }
#content1 .columnright { width:589px; float:left; padding:0px 15px 0px 15px; border-left: thin solid black;  }

#content1 ul { margin:0px 0px 0px 15px; padding:0px; }

/* =other page content border using left height */

#content2 { padding:10px 15px 0px 15px;}
#content2 .columnleft { width:280px; height:auto; float:left; padding:0px 15px 0px 15px; border-right: thin solid black;  }
#content2 .columnright { width:589px; float:left; padding:0px 15px 0px 15px; }

#content2 ul { margin:0px 0px 0px 15px; padding:0px; }


/* =footer */

#footer { width:auto; height:30px; margin:10px 0px 0px 0px; padding:8px 0px 0px 30px; background-color:black;  }
#footer a { color:white;  }

.image-thumbnail {float:left; padding-right:10px;}




/* =general form style */

#form-container {   }

form label.vsmall  { color:black; font-size: 70%; font-weight: bold; display: block; padding-right:15px; height:30px; width:100px;  }
form label.small  { color:black; font-size: 70%; font-weight: bold; display: block; padding-right:15px; height:30px; width:200px;   }
form label.medium { color:black; font-size: 70%; font-weight: bold; display: block; padding-right:15px; height:30px; width:300px;   }
form label.large  { color:black; font-size: 70%; font-weight: bold; display: block; padding-right:15px; height:30px; width:400px;   }
form label { color:black; font-size: 70%; font-weight: bold; display: block; padding-right:15px; height:30px; width: 200px;   }

form input { color:black; font-size: 70%; font-weight: normal; height:15px;  }
form radio { color:black; font-size: 70%; font-weight: normal; height:15px;  }