body
{
background:url(images/bg.gif) repeat #000000;
padding:0; font-family:arial, sans-serif; font-size:12px;
margin:0px auto auto auto;
color:#36322b;
}
p{
padding:0px;
text-align:justify;
margin:0px;
line-height:20px;
}

p a {
color:#36322b;
text-decoration:none;
}

p a:hover {
text-decoration:underline;
}

p a.documentation-menu {
font-style:italic;
}

div.features a {
color:#467f9b;
text-decoration:none;
}

div.features a:hover {
color:#DA5B23;
}

p.welcome{
padding:30px 35px 0 35px;
}

p.welcome a {
color:#467f9b;
text-decoration:none;
}

p.welcome a:hover{
color:#DA5B23;
}

p.testimonial{
font-style:italic;
padding:5px 15px 0 5px;
}

p.donate{
padding:5px 15px 0 5px;
}

.clear{
clear:both;
}

a{
text-decoration:underline;
}

a.read_more{
display:block;
width:66px;
height:23px;
line-height:23px;
text-align:center;
color:#fff;
float:right;
margin:10px 40px 0 0;
padding:0 0 0 17px;
text-decoration:none;
font-size:12px;
background:url(images/read_more_bg.gif) no-repeat center;
}
a:hover.read_more{
text-decoration:underline;
}
img.left_img{
float:left;
padding:3px 25px 3px 3px;
}

#main_container{
width:843px;
height:auto;
margin:auto;
padding:0px;
}
#header{
width:843px;
height:135px;
margin:0px;
padding:0px;
background:url(images/header_bg.png) no-repeat center top;
}

#headerad {
width:234px;
height:60px;
float:right;
position:relative;
top:37px;
right: 31px;
}

.logo{
padding:30px 0 0 0px;
}
.title, h1 {
width: auto;
padding:2px 0 10px 0;
font-size:17px;
color:#2e2721;
font-weight:bold;
}

.subtitle, h2 {
width: auto;
padding:10px 0 5px 0;
font-size:14px;
font-style: italic;
color:#2e2721;
font-weight:bold;
}

.code, tt[class="docutils literal"] {
font-family: monospace;
background-color: white;
border-style: dashed;
border-width: 1px;
margin: 5px 10px 5px 0px;
padding: 5px 5px 5px 5px;
text-align: left;
}

li .code {
margin-left: 10px;
}

.title_welcome{
width: auto;
padding:0 0 0 35px;
font-size:22px;
color:#24a4b3;
background:url(images/checked.gif) no-repeat left top;
margin:0 0 10px 25px;
}

.title_general{
width: auto;
padding:0 0 0 0;
font-size:22px;
color:#24a4b3;
margin:0 0 10px 30px;

}

span.red{
font-weight:bold;
color:#da5b23;
}

span.orange{
font-weight:bold;
color:#da5b23;
}

/*---------------- documentation----------------------*/
.toc-1{
font-weight: bold;
line-height: 24px;
}
.toc-2{
padding-left: 20px;
line-height: 24px;
}
.toc-3{
padding-left: 40px;
line-height: 24px;
}

.toc-4{
padding-left: 60px;
line-height: 24px;
}

.documentation-1{
font-weight: bold;
font-size: 18px;
padding: 30px 0 10px 0;
line-height: 24px;
}

.documentation-2{
font-weight: bold;
font-size: 14px;
padding: 10px 0px 10px 0;
margin-top: 20px;
}

.documentation-2-top{
font-weight: bold;
font-size: 14px;
padding: 10px 0px 10px 0;
}

.documentation-3{
font-weight: bold;
padding: 10px 0 10px 0;
}

.documentation-4{
font-style: italic;
padding: 10px 0 10px 0;
}

.features img {
border-style: none;
}

/*---------------- menu tab----------------------*/
.menu{
width:843px;
height:42px;
margin:0px;
background:url(images/menu_bg.gif) no-repeat left;
}
.menu ul{
list-style:none;
padding:0 0 0 15px;
margin:0px;
}
.menu ul li{
display:inline;
}
.menu ul li a{
float:left;
height:42px;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
}
.menu ul li.selected a{
float:left;
height:42px;
border:none;
padding:0 15px 0 15px;
text-decoration:none;
color:#fff;
line-height:42px;
font-size:14px;
background:url(images/menu_bullet.gif) no-repeat bottom center;
}
.menu ul li a:hover{
background:url(images/menu_bullet.gif) no-repeat bottom center;
}

/*-------------welcome_box------------*/
.welcome_box{
width:496px;
height:202px;
background:url(images/welcome_box.gif) no-repeat center;
padding:0px;
}
/*---------------center_content-------*/
.center_content{
width:843px;
height:auto;
clear:both;
padding:25px 0 30px 0;
background-color:#e9e5e2;
}
.center_left{
width:500px;
float:left;
padding:10px 0 10px 10px;
}
.center_right{
width:300px;
float:left;
padding:10px 0 10px 0px;
}
.photo_box{
width:278px;
height:280px;
padding:0 0 35px 0;
text-decoration: none;
}

.photo_box_tall{
width:278px;
height:449px;
padding:0 0 55px 0;
}

.photo_box img {
border-style: none;
}

.features{
padding:10px 0 0 30px;
}
.news_box{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:30px;
height:33px;
float:left;
background:url(images/news_icon.gif) no-repeat center;
}
.news_content{
width:400px;
float:left;
text-align:justify;
line-height:20px;
padding:0 0 0 10px;
}

.news_content span.date {
font-weight: bold;
}

.features p {
 padding: 5px 30px 5px 0px;
}

.question {
font-weight: bold;
padding: 20px 10px 0 0;
text-align:justify;
margin:0px;
line-height:20px;
}

.answer {
padding: 0 10px 0 0;
text-align:justify;
margin:0px;
line-height:20px;
}
/*----------------------list-------------------------*/
ul.list{
list-style: none;
 margin-left: 0;
 padding-left: 39px;
  /* text-indent: -48px; */

}

li.list {
  height:24px;
  padding: 0;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;

}

ul.list li a{
height:24px; width: auto; padding:0 0 0 0; margin:0;color:#467f9b;text-align:left;line-height:24px;
text-decoration:none;
}

ul.list li span{
height:24px; width:24px; display:block;padding:0px 15px 0 0; margin:0 0 0 -39px;color:#000;text-align:center; float:left; float:left; line-height:24px;
background:url(images/bullet_list.gif) no-repeat left;
}
ul.list li a:hover{
color:#DA5B23;
}
.testimonials{
padding:20px 0 20px 0;
}

/* list from reStructured text file converted using ReText */


div.features ul li{
width: auto;height: auto;padding:0 30px 0 5px; margin:8px 0 8px 0; line-height:24px;
text-align:justify;
}
div.features ul li a{
height:24px; width: auto; padding:0 0 0 0; margin:0;color:#467f9b;text-align:left;line-height:24px;
text-decoration:none;
}
div.features ul.list li a:hover{
color:#DA5B23;
}

div.features dd li {
padding:0 0 0 0; margin-left: -50px;
}
/*-------------------right hand column-------------*/
.donations{
padding:0 0 20px 0;
}

.text_box{
width:300px;
height:144px;
padding:15px 0 0 10px;
background:url(images/text_box.gif) no-repeat center;
background-position:0px 0px;
}

.right_ad {
width:300px;
height:250px;
margin-bottom: 55px
}

.text_box_small{
width:300px;
height:114px;
padding:15px 0 0 10px;
background:url(images/text_box_small.gif) no-repeat center;
background-position:0px 0px;
}

/*-------------------footer------------------------*/
#footer{
width:843px;
height:50px;
clear:both;
color:#837d7b;
}
.left_footer{
float:left;
padding:20px 0 0 0;
}
#footer a{
color:#837d7b;
padding: 0 8px 0 8px;
text-decoration:none;
}

#footer a.damonlynch {
padding: 0 0 0 0;
}
#footer a.templatelink {
padding: 0 0 0 0;
}

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

.right_footer{
float:right;
padding:20px 0 0 0 ;
}


/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;
	padding: 1.2em;
	font-weight: bold;
	font-size: 13px;
	font-family: arial;
	cursor: default;
	background: #000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
}
.caption-bottom {
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* download button */

div.download{
padding:10px 0 0 30px;
}

.buttonDownload {
	display: inline-block;
	position: relative;
	padding: 10px 25px;

	background-color: #305e99;
	color: white;

	font-family: sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	text-align: center;
	text-indent: 15px;
}

.buttonDownload:hover {
	background-color: #21416a;
	color: white;
}

.buttonDownload:before, .buttonDownload:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 15px;
	top: 52%;
}

/* Download box shape  */
.buttonDownload:before {
	width: 10px;
	height: 2px;
	border-style: solid;
	border-width: 0 2px 2px;
}

/* Download arrow shape */
.buttonDownload:after {
	width: 0;
	height: 0;
	margin-left: 3px;
	margin-top: -7px;

	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: transparent;
	border-top-color: inherit;

	animation: downloadArrow 2s linear infinite;
	animation-play-state: paused;
}

.buttonDownload:hover:before {
	border-color: #4587db;
}

.buttonDownload:hover:after {
	border-top-color: #4587db;
	animation-play-state: running;
}

/* keyframes for the download icon anim */
@keyframes downloadArrow {
	/* 0% and 0.001% keyframes used as a hackish way of having the button frozen on a nice looking frame by default */
	0% {
		margin-top: -7px;
		opacity: 1;
	}

	0.001% {
		margin-top: -15px;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		margin-top: 0;
		opacity: 0;
	}
}