@charset "UTF-8";

/* Handy font size definitions 
font-size: .833em;   12px x .833   = 10px 
font-size: .917em;   12px x .917   = 11px 
font-size: 1em;      12px x 1      = 12px 
font-size: 1.083em   12px x 1.083  = 13px 
font-size: 1.167em;  12px x 1.167  = 14px
font-size: 1.25em;   12px x 1.125  = 15px
font-size: 1.417em;  12px x 1.417  = 17px
font-size: 2em;      12px x 2    = 24px
*/

/************ Styles that define the layout of the page. *************/


.wrap { 
  width: 960px; 
  margin: 0 auto; 
  
  }

#wrapper {
  margin: 50px auto 0;
  width: 980px;
  background: url(/sites/all/files/images/background_white_cloth.gif) repeat scroll center top #EEEEEE;
  padding: 10px;
  border: 1px solid #FFFFFF;
}

#container {
  margin: 30px 0 10px;
  }

#outer-wrapper {
  background: url("../images/body_bg_vert_line.jpg") repeat scroll 0 0 #EAEAD2;
 }

/* Home page */

body{
	background: url("../images/body_bg_vert_line.jpg") repeat scroll 0 0 #EAEAD2;
}

body.front-page #sidebar-left {
  float: left;
  width: 200px;
}

body.front-page #container {
  /*background: url(../images/bkg/bg-3col.png) repeat-y;*/

}


body.front-page #op-content {
  margin-left: 15px;
  float: left;
  width: 500px;
  padding:0 0 0 15px;
}



/* 1 column */
#center {
  margin: 0 0 10px;
  position: relative;
  min-height: 500px;
}

/* 3 columns */
body.sidebars #center {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  float: left;
  padding: 0 10px;
  width: 600px;
}

/* 2 columns - sidebar-left */
body.sidebar-left #center {
  border-left: 1px solid #dddddd;
  float: right;
  padding-left: 10px;
  width: 720px;
  padding:20px;
}

/* 2 columns - sidebar-right */
body.sidebar-right #center {
  float: left;
  padding-right: 10px;
  width: 680px;
}


#sidebar-left {
  float: left;
  width:200px;
 }


#sidebar-right {
  float: right;
  width: 210px;
  padding: 10px;
  margin-right: 20px;
 }
 
 body.front-page #sidebar-right {
  float: right;
  width: 210px;
  padding: 10px;
  margin-top: 0px;
  background: url("../images/dark_hatch.png") repeat scroll center top transparent;
  margin-right:0px;
  padding-top:0px;

}

.indented {
  margin-left: 14px;
  padding-left: 5px;
}

.block {
  margin: 0 0 10px;
  clear: both;
}

.comment {
  margin: 30px 0 0;
  padding: 0;
}


#header {
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  text-align: center;
}

#logo-area {
  height: 114px;
  background: url("../images/mosaic.png") repeat scroll center top #01193F;


}

#footer {
  border-top: 3px solid #000;
  margin: 0 auto;
  padding: 15px 10px 45px 10px;
  position: relative;
  clear: both; 
  font-weight: normal;
  width:980px;
}

#news-package-left {
 float:left;
 width:225px;
 margin-right: 25px; 
}

#news-package-right {
 float: right;
 width: 225px;
 margin-left: 20px; 
}

#news-package-center {
  float: left;
  width: 450px; 
}


#news-package-left {
 float:left;
 width:225px;
 margin-right: 25px; 
}

#news-package-right {
 float: right;
 width: 225px;
 margin-left: 20px; 
}

#news-package-center {
  float: left;
  width: 450px; 
}


#comments {margin: 45px 0 0 0;}