/*******
 * GENERAL
 *******/
body{
	background-color: #FFCC33;
	margin: 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
}
a:link, a:visited { color:#3392b1; text-decoration:none; }
a:active, a:hover { color:#3aa3c5; text-decoration:underline; }

h4 {
  /* We use display:inline to allow image to be in background.
   * However we lose 15px top/bottom margin.
   */
  display: inline;
  text-align: left;
  font-size:13px;
  font-weight:bold;
  color:#0071BC;
  margin-top: 5px;
}
h3 {
  display: inline;
  text-align: left;
  font-size:11px;
  font-weight:bold; 
  color:#000000;
  margin-top: 5px;
}

hr {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 1px;
  border: none;
  background: transparent url(/images/line.jpg) repeat-x scroll 0%;
}
img { border:none; }

p {
	margin-top: 10px;
}

/*************
 * SHARED STYLES
 *************/
.left_aligned {
  float: left;
}
.left_aligned .image_desc {
  padding: 5px;
  font-weight: bold;
}

.main img, #sidebar_left img, #sidebar_right img { margin-right: 10px; }

.http_error {
  width: 25em;
	padding: 0 4em;
	margin: 4em auto 40px auto;
	border: 1px solid #ccc;
	border-right-color: #999;
	border-bottom-color: #999;
}
.http_error h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
.http_error_stretch_bottom {padding-bottom: 20%;}



/*******
 * LAYOUT
 *******/
#allBody {
  width: 908px;
  margin: 0 auto;
}

.tbl_box_top{
	clear:both;
	background:url(/images/bg_top.jpg);
	width:908px;
}
.tbl_box_middle{
	clear:both;
	background:url(/images/bg_middle.jpg);
	background-repeat:repeat-y;
	width:908px;
}
.tbl_box_middle:after{
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tbl_box_bottom{
	clear:both;
	background:url(/images/bg_bottom.jpg);
	background-repeat:no-repeat;
	width:908px;
}

.storybox {
	background-color:#cbedf8;
	padding: 5px;
}

#headerContent {
  position:relative;
  padding-left:14px;
  padding-right:14px;
  text-align:right;
}
#headerHr { margin-top:3px; background:#CCCCCC; height:1px; }
#logo {
  display:block;
  float:left;
  width:109px;
  height:107px;
  background: url(/images/logo.jpg) scroll no-repeat 0px 0;
}
.search_bar {
  padding-right:10px;
	padding-bottom:2px;
	font-size:10px;
	text-align:right;
}
.search_bar input[type="text"] {
  width:80px;
  height:11px;
  font-size:10px;
  text-align:left;
}

#mainContent {
  padding-left:14px;
  padding-right:14px;
}

#leftContent {
  float:left;
  width:170px;
  padding-bottom:10px;
  text-align:left;
}
#sidebar_left {
  margin-top:15px;
  margin-left:3px;
  margin-right:3px;
}

#middleContent {
  float:left;
	border-left:solid 1px #cccccc;
}
.middle_with_sidebar    { border-right:solid 1px #cccccc;}
.middle_with_sidebar    .main { width:460px; } /* + padding = 500px */
.middle_without_sidebar .main { width:679px; } /* + padding = 719px */
.main {
	padding: 15px;
	text-align: left;
}
#breadcrumb {
  padding-left: 15px;
  margin-bottom: 15px;
  font-size: 9px;
  background: url(/images/ar5.jpg) no-repeat left;
}
#breadcrumb .current { border-bottom: 1px solid #0071BC; }

#rightContent {
  float:left;
  width:218px;
  padding-bottom:10px;
  text-align:left;
  background-color: #E8F6FF;
}
#join_our_community {
  margin-top:15px;
  text-align:center;
}
#sidebar_right {
  margin-top:15px;
  margin-left:7px;
  margin-right:7px;
}

#footerContent{
	clear:both;
	margin-top:5px;
	margin-left:16px;
	margin-right:16px;
	text-align:center;
}



/*******
 * NAVIGATION MENUS
 *******/
ul.nav, ul.nav li, ul.nav li ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
  font-size: 13px;
  line-height: 20px;
	background-color:#E8F6FF;
}
ul.nav a:link, ul.nav a:visited {
  color:#000000;
  text-decoration:none;
}
ul.nav a:hover, ul.nav a:active {
  color:#084b76;
  background-color:#acdcfb;
  text-decoration:underline;
}
ul.nav li a{
  display:block;
  padding-left: 18px;
  padding-right: 4px;
	background-image:url(/images/ar1.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position: 6px center;
	background-color:#E8F6FF;
	border-bottom:solid 1px #cccccc;
}
ul.nav li a.nav_open{
	background-image:url(/images/ar3.jpg);
	color:#084b76;  
	background-color:#acdcfb;
}
ul.nav li ul li a{
  margin-left: 10px;
font-size: 10px;
	background-image:url(/images/ar4.jpg);
}
ul.nav li ul li ul li a{
  margin-left: 20px;
}


/*****************
 * Search Results
 ****************/
.search em {
  font-style: italic;
  font-weight: bold;
}

/**************
 * Pagination
 *************/
.pagination {
  text-align: center;
}