/*====================================================
|                                                    |
|                 General Styles                     |
|                                                    |
====================================================*/

body {
  background: #737373;
  color: #555555;
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;	
}

/* Hyperlinks */

a:link, a:visited, a:active  {
  color: #0066CC;
  text-decoration: none;
}

a:hover {
  color: #0066CC;
  text-decoration: underline;
}

em {
  background: #fcf6a2;
  font-style: normal;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
  color: #F06102;
  margin-bottom: 5px;	
  line-height: 21px;
}

h1 { font-size: 19px; }

h2 { font-size: 17px;}

h3 { font-size: 17px; }

h4 { font-size: 17px; color: #333;}

h5 { font-size: 17px; }

h6 { font-size: 17px; }

/* List Styles */

ol { list-style: decimal; }
ol li {margin-bottom:5px; }

ul { list-style: disc; }
ul li {margin-bottom:5px; }

/* Spacing */

li {
  margin-left: 25px;
  margin-bottom: 10px;	
}

p, dl, ol, ul, pre, table, address, fieldset {
  margin-bottom: 20px;
}

/* Other */

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

.clear {
  clear: both;
  display: block;
  height: 0;	
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

#page-wrap {
  background: transparent;
  margin: 0 auto;
  width: 960px;
}

/*====================================================
|                                                    |
|                        Top                         |
|                                                    |
====================================================*/

#top {
  background: transparent url(/img/top.jpg) bottom left no-repeat;
  height: 28px;
  margin: 0;
  width: 960px;
  text-align: right;
  padding-top: 12px;
}

#top a:link, #top a:visited, #top a:active  {
  color: #EEEEEE;
  text-decoration: none;
}

#top a:hover {
  color: #EEEEEE;
  text-decoration: underline;
}

#top ul {
  margin: 0 40px 0 0;
  padding: 0;
  font-size: 12px;
}


/*====================================================
|                                                    |
|                      Header                        |
|                                                    |
====================================================*/

#header-wrap {
  background: transparent url(/img/header.jpg) top left no-repeat;
  height: 140px;
  margin: 0;
  width: 960px;
}

#header-wrap a:link, #header-wrap a:visited, #header-wrap a:active {
  color: #FFFFFF;
  text-decoration: none;
}

#header-wrap a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#header-left {
  display: inline;
  float: left;
  position: relative;
  margin: 20px 30px 0 70px;
  width:320px; 
  height:110px;
}

#header-left h1 {
  width:320px; 
  height:110px;
  text-indent: -100em; 
  overflow: hidden;
  padding:0; 
  margin:0;
}

#header-left a { 
  display: block; 
  height: 110px; 
  width: 320px; 
}

#header-left p{
  color: #EEEEEE;
  margin: 0 0 0 10px;
  padding: 0;
}

#header-right {
  display: inline;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: right;
  width:470px;
  height: 110px;
  margin: 20px 0 0 0;
}

#header-right h3 {
  margin-top: 37px;
  font-size: 19px;   
  color: #eeeeee;
}

#center-wrap {
  background: transparent url(/img/content.jpg) top left repeat-y;
  padding-bottom: 5px;
}

/*====================================================
|                                                    |
|                     Menu Bar                       |
|                                                    |
====================================================*/

#menu-bar {
  background: transparent url(/img/shadow.jpg) bottom left repeat-x;
  margin: 0 45px 0 45px;
  padding-bottom: 15px;
  width: 870px;
}

#menu-bar ul {
  background: transparent url(/img/menu.jpg) 0 -50px repeat-x;
  color: #666;
  float: left;
  font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;		
  font-size: 17px;	
  padding-left: 0;
  margin: 0;
  width: 100%;
}

#menu-bar ul li { 
  display: inline; 	
  margin: 0;
}

#menu-bar ul li a {
  background: transparent url(/img/menu.jpg) 0 -50px repeat-x;
  border-right:1px solid #007835;		
  color: #FFFFFF;
  float: left;
  padding: 0.4em 1.2em;
  text-decoration: none;
}

#menu-bar ul li a:hover {
  background: transparent url(/img/menu.jpg) 0 0 repeat-x;
  color: #FFFFFF;
}

#menu-bar li a#current {
  background: transparent url(/img/menu.jpg) 0 -100px repeat-x;
  color: #FFFFFF;	
}

/*====================================================
|                                                    |
|                   Main Content                     |
|                                                    |
====================================================*/

#main-content {
  display: inline;
  float: left;
  position: relative;
  margin: 0px 5px 0 55px;
  width: 575px;
}

#full-width {
  display: inline;
  float: left;
  position: relative;
  margin: 0 10px 0 55px;
  width: 850px;
}

.breadcrumb {
  background: #FFFFFF url(/img/top-fade.jpg) top left repeat-x;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 10px;
  padding: 15px 15px 0 15px;
}

.breadcrumb p {
  margin-bottom: 15px;
}

.post {
  background: #FFFFFF url(/img/top-fade.jpg) top left repeat-x;
  border-bottom: 1px solid #D4D4D4;
  margin-bottom: 10px;
  padding: 15px 15px 0 15px;
}

.post h2 {
  margin-bottom: 5px;
  font-size: 19px;
  line-height: 23px;
}

.post .details {
  margin-bottom: 10px;
}
.post .details p {
  color: #999999;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 10px;
  padding: 0;
}

.page-nav p {
  text-align: center;
  margin:0 0 13px 0;
}

/*====================================================
|                                                    |
|                      Gallery                       |
|                                                    |
====================================================*/

.gallery-wrap {
  width: 260px;
  background: transparent url(/img/thumb-shadow.jpg) top left no-repeat;
  display: inline;
  float: left;
  position: relative;
  margin: 6px;
}

 

.gallery-wrap img {
  display: block;
  border: 0;
  margin: 15px;
}

.gallery-wrap p {
  text-align: center;
  margin-bottom: 10px;
}

.gallery-wrap .thumb-caption {
  background: #0054A5;
  padding: 5px;
  margin: 0 15px;
}

.gallery-wrap .thumb-caption p { 
  margin: 0; 
  color: #FFFFFF;
}

.gallery-wrap .thumb-links {
  background: #EEEEEE; border-bottom: 1px solid #dddddd;
  padding: 5px 10px 5px 25px;
  margin: 0 15px;
  text-align: center;
}

.preview-wrap {
  margin-bottom: 15px;
}

/*====================================================
|                                                    |
|                      Sidebar                       |
|                                                    |
====================================================*/

#sidebar {
  display: inline;
  float: left;
  position: relative;
  margin: 0 55px 0 5px;
  width: 265px;
}

.sidebar-wrapper {
  background:#FFFFFF url(/img/top-fade.jpg) top left repeat-x;
  border-bottom: 1px solid #D4D4D4;	
  margin-bottom: 10px;	
  padding: 15px;
}

.sidebar-wrapper p {
  margin: 0;
}

.sidebar-wrapper h5 {
  line-height: 18px;
  margin: 2px 0 5px 0;
}

.sidebar-wrapper ul {
  margin: 8px 0 0 0;
}

.sidebar-wrapper ul li {
  margin-left: 20px;
  margin-bottom: 5px;
}


/*====================================================
|                                                    |
|                      Footer                        |
|                                                    |
====================================================*/

#footer {
  background: transparent url(/img/footer.jpg) top left repeat-y;
  margin: 0;
  width: 960px;
  text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active {
  color: #C0DFF1;
  text-decoration: none;
}

#footer a:hover {
  color: #C0DFF1;
  text-decoration: underline;
}

#footer p {
  padding: 30px 90px 3px 90px;
  margin:0;
  text-align: center;
  color: #EEEEEE;
}


/*====================================================
|                                                    |
|                      Bottom                        |
|                                                    |
====================================================*/

#bottom {
  background: transparent url(/img/bottom.jpg) top left no-repeat;
  margin: 0;
  width: 960px;
}

#bottom p {
  font-size: 12px;
  padding: 40px 90px 0 90px; 
  text-align: center;
  color: #CCCCCC;	
}

#bottom a:link, #bottom a:visited, #bottom a:active {
  color: #EEEEEE;
  text-decoration: none;
}

#bottom a:hover {
  color: #EEEEEE;
  text-decoration: underline;
}

#bottom ul {
  text-align: center;
  margin:0;
}

#bottom li {
  display: inline;
  list-style-type: none;
  padding: 0 10px;
  margin: 0;
}

/*====================================================
|                                                    |
|                   Other Styles                     |
|                                                    |
====================================================*/

/* 
Wufoo Buttons
http://particletree.com/features/rediscovering-the-button-element/ 
------------------------------------------------------------------
*/

.buttons a, .buttons button {
  display:block;
  float:left;
  margin:0 7px 0 0;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}

.buttons button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type] {
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* standard */

button:hover, .buttons a:hover {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}

.buttons a:active {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* positive */

button.positive, .buttons a.positive {
  color:#529214;
}

.buttons a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}

.buttons a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* negative */

.buttons a.negative, button.negative {
  color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

.buttons a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}


/* 
Icons Lists
http://css.maxdesign.com.au/listutorial/11.htm 
----------------------------------------------
*/

ul.iconlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.iconlist li { 
  margin-left: 0; 
  margin-bottom:0; 
}

li.checkmark {
  background-image: url(/img/icons/tick.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: 2px 0;
}

li.disk {
  background-image: url(/img/icons/disk.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin-right: 20px;
  display: inline;
}

li.magnifier {
  background-image: url(/img/icons/magnifier.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin-right: 20px;
  display: inline;
}

li.rss {
  background-image: url(/img/icons/rss.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin-right: 20px;
  display: inline;
}