/**
 * project: ptscc.org 
 * author: admin@prosoftcorp.com
 * date:  Tuesday, September 08 2009
 * www.prosoftcorp.com
 */
body {
    padding: 0px;
    background:#FFF url(../images/bg.jpg) repeat-x;
    font-family: Verdana;
    background-color: #fff;
    color: #444;
    text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.5em;
    font-size: 0.7em;
    margin:0px auto;
}
a {
    color: #BF3C08;
    background: inherit;
    text-decoration: underline;
}
a:hover {
    color: #808080;
    background: inherit;
}
p {
    margin: 0 0 15px 0;
}
h1 {
    font-family: Georgia;
    font-size: 18px;
    margin: 10px 0 2px;
    background-color: #fff;
    color: #564B47;
    line-height:1.2em;
}
h2 {
    font-family: Georgia;
    font-size: 22px;
    margin: 10px 0 12px;
    background-color: #fff;
    color: #56523B;
}
h4 {
    color:#201F1B;
    font-weight: normal;
    font-size: 1.2em;
    padding: 5px 20px 5px 35px;
    margin-left:0px;
    margin-top:10px;
    background:#BDD288 url(../images/1248749102_home.gif) center no-repeat;
    background-position: 10px 50%;
    width:169px;
}
h3 {
    color: #47371D;
    background: inherit;
    font-weight: bold;
    font-size: 1.5em;
    text-decoration:underline;
    padding: 5px 20px 5px 20px;
    margin-left:0px;
    background:#fff url(../images/1251775611_application_view_list.gif) center no-repeat;
    background-position: 0px 65%;
}

/* CONTENT */
#wrapper{
    width: 875px;
    margin: 0px auto;
}
#content {
    padding:0px;
    background-color:#FFF;
    width: 910px;
    margin: 5px auto;
}
#header{
    padding: 0px;
    background: transparent;
    align:center;
}
#header-content {
    text-align: left;
    width: 830px;
    \width: 860px;
    w\idth: 830px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    position: relative;
}

#left {
    border:0px solid #000;
    clear: left;
    float: left;
    width: 220px;
    padding: 0 7px 0 20px;
    margin: 10px 0 2px;
}
#right {
    margin: 10px 55px 20px 0;
    padding: 7px 0 0 7px;
    float: right;
    width: 590px;
    text-align: left;
    border-left: 1px solid #C5B792;   
	min-height:520px;
}
* html #right{height:420px}

#right p {
    font-family: Verdana;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    word-spacing: normal;
    text-align: justify;
    letter-spacing: 0;
    line-height: 21px;
    font-size: 1.3em;
}
#right strong {
    color: #352420;
    font-weight:bold;
    line-height: 18px;
    font-size: 1.0em;
}

#right ul {
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;

    
}
#right li {
    font-family: Verdana;
    background-color: #fff;
    color: #222;
    text-decoration: none;
    word-spacing: normal;
    line-height: 1.2em;
    font-size: 1.3em;
}

/* DEC CLASSES */

.events {
    font-family: Georgia;
    font-size: 1.7em;
    background-color: #fff;
    color: #0C261B;
    padding: 5px 20px 5px 35px;
    background:#CFC2A2 url(../images/events.gif) center no-repeat;
    background-position: 10px 50%;  
    -moz-border-radius:4px;
    -webkit-border-radius:4px; 
}

.welcome {
    font-family: Georgia;
    font-size: 1.6em;
    background-color: #fff;
    color: #0C261B;
    padding: 5px 20px 5px 35px;
    background:#CFC2A2 url(../images/1250490509_home.gif) center no-repeat;
    background-position: 10px 50%;   
    -moz-border-radius:4px;
    -webkit-border-radius:4px; 
}

a.search-results {
    font-family: Georgia;
    font-size: 1.6em;
    background-color: #fff;
    color: #0C261B;
    padding: 5px 20px 5px 35px;
    background:#fff url(../images/mark-search.gif) center no-repeat;
    background-position: 10px 50%;    
}

a.news-title {
    font-family: Verdana;
    font-size: 0.9em;
    background-color: #fff;
    color: #0C261B; 
    background:#fff;    
}

.price {
    color: #47371D;
    background: inherit;
    font-weight: bold;
    font-size: 1.8em;
    text-decoration:underline;
}

.top-nav{
	width: 478px;
	overflow: hidden;
}

.top-nav ul{
	margin-top: 60px;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 11.5px Verdana;
	list-style-type: none;
}

.top-nav li{
	display: inline;
	margin: 0;
}

.top-nav li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 9.5px 5px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: #444;
	background: ##CFC2A2; /*background of tabs (default state)*/	
}
.top-nav li a:hover, .top-nav li a.selected{
	background-color: #A2B66F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	color: #fff;
}

.left-menu{
    width: 224px;
    /*width of menu*/
}

.left-menu .headerbar{
    font: bold 14px Verdana;
    color: white;
    background-color: #606060;
    /*last 2 values are the x and y coordinates of bullet image*/
    margin-bottom: 0;
    /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    padding: 7px 0 7px 31px;
    /*31px is left indentation of header text*/
}

.left-menu ul{
    list-style-type: none;
    margin: 0px;
    padding: 0;
    margin-bottom: 11px;
    /*bottom spacing between each UL and rest of content*/
}

.left-menu ul li{
    padding-bottom: 0px;
    /*bottom spacing between menu items*/
}

.left-menu ul li a{
    font: normal 14.5px Arial;
    color: black;
    background: #FFF;
    border-bottom:1px #C5B792 solid;
    display: block;
    padding: 3px 0;
    line-height: 17px;
    padding-left: 5px;
    /*link text is indented 8px*/
    text-decoration: none;
    color:black;
}

.left-menu ul li a:visited{
    color: black;
}

.left-menu ul li a:hover{
    /*hover state CSS*/
    color: white;
    background: #47371D;
}


#leftme{
    width: 250px;
    background: transparent;
    float: left;
    height: 100%;
}

.left-container{
    margin: 10px;
    margin-bottom: 0;
    /* IE6 pushes footer down without this part so... */
}
.left-container img {
    border: 0;
}

#rightme{
    width: 200px;
    background: transparent;
    float: left;
    height: 100%;
}

.right-container{
    margin: 20px;
    margin-bottom: 0;
    /* IE6 pushes footer down without this part so I know what to do*/
}
.right-container img {
    border: 0;
}
.clear {
    clear: both;
}
.donate-btn {
	margin-top:10px;}
}

/*TABLES*/
table {
    background-color: #fafafa;
    border-top: 1px #777 dotted;
    border-collapse: collapse;
    border-spacing: 0px;
    
}
caption {
    color: #FFF;
    font-size:.88em;
    letter-spacing:.1em;
    margin:1em 0 0 0;
    padding:1px;
    text-align:center;
    background-color: #668C3F;
    border-top: 2px solid #6699CC;
    text-decoration:underline;
}
tr.odd td	{
    background:#f7fbff
}
tr.odd .column1	{
    background:#f4f9fe;
}
.column1	{
    background:#f9fcfe;
}
td {
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .7em;
    color: #404040;
    background-color: #fafafa;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 0px;
}
th {
    font-weight:normal;
    color: #678197;
    text-align:left;
    border-bottom: 1px dotted #505050;
    border-top:1px dotted #505050;
    
}
thead th {
    border-bottom: 2px solid #7B933B;
    background-color: #3D481E;
    text-align: center;
    font-size:.88em;
    color: #FFF;
}
tfoot th {
    text-align:center;
    background:#f4f9fe;
}
tfoot th strong {
    font: 0.9em Verdana, Helvetica, Sans-Serif;
    margin:.5em .5em .5em 0;
    color:#66a3d3;
}
tfoot th em {
    color:#f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}
.row1{
    background-color:#f8f8f8;
}
.row2{
    background-color:#fff;
}

.success {
    background: #C0CBA1 url(../images/information.png) center no-repeat;
    background-position: 10px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 35px;
    border-top: 1px solid #3D481E;
    border-bottom: 1px solid #3D481E;
    color:#FFF;
    font: 0.9em Verdana, Helvetica, Sans-Serif;
}

.error {
    background: #7B933B url(../images/information.png) center no-repeat;
    background-position: 10px 50%;
    /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 35px;
    border-top: 1px solid #3D481E;
    border-bottom: 1px solid #3D481E;
    color:#FFF;
    font: 0.9em Verdana, Helvetica, Sans-Serif;
}

#notice {
    padding: 12px 14px 1px;
    background-color: #f4f4f4;
    color: #808080;
}
#right img {
    border:0px solid #000;
}

#left h3 {
    border-bottom: 1px solid #eee;
    padding: 0 0 7px;
    margin: 0 0 15px 0;
}
#right h1 {
    border-bottom: 1px solid #4F8D3A;
    padding: 0 0 6px;
}
#right h2 {
    border-bottom: 2px solid #433D25;
    padding: 0 0 8px;
}
#left h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px;
}
/* ----------- My Form ----------- */
.myform{
    margin:0 auto;
    width:400px;
    padding:10px;
}

/* ----------- stylized ----------- */
#stylized{
    border:solid 2px #FFF;
    background:#FFF;
}
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}
#stylized p{
    font-family: Verdana;
    color: #000;
    line-height: 21px;
    font-size: 1.2em;
    color:#666666;
}
#stylized label{
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}
#stylized .small{
    font-family: Verdana;
    color: #000;
    line-height: 21px;
    font-size: 1.1em;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}

#stylized textarea{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #3D481E;
    width:200px;
    height:110px;
    margin:2px 0 20px 10px;
}
#stylized select{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #3D481E;
    width:200px;
    margin:2px 0 20px 10px;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color:#fff;
	width:210px;
	border:1px transparent;
	text-align:left;
	padding:12px;
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #638F3B;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}

#signin_menu textarea {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #638F3B;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:303px;
	height:100px;
} 
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#638F3B url('../images/bg-btn-green.png') repeat-x scroll 0 0;
	border:1px solid #638F3B;
	color:#fff;
	text-shadow:0 -1px 0 #4A6F29;
	padding:4px 10px 5px;
	font-size:11px;
	margin:5px 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.wrap {
    margin: 0 auto;
    width: 900px;
	background:#8FA35C;
}


#promo {
    clear: both;
    border-top: 7px solid #C5B792;
    background: #8FA35C;
    color: #FFF;
    padding: 30px auto;
	width:100%;
}
#promo h2 {
    color: #fff;
    text-decoration:underline;
}
#promo ul {
    list-style-image: url(../images/1280980177_control_play.png)
}
#promo li {
    padding-top:10px;
}
#promo li a {
    color:#FFF;
}
#promo a {
    color: #D9EAF9;
    border-bottom: 1px solid #C5B792;
}
.col {
    float: left;
    width: 280px;
    margin: 0 30px 20px 0;
}
.col h2 {
    color: #fff;
    background:transparent;
}
.col li a {
	font: 1.2em Verdana, Helvetica, Sans-Serif;
}
.last {
    margin: 0;
}
#footer {
    clear: both;
    padding: 15px 0;
    font-size: .84em;
    color: #FFF;
    border-top: 1px dotted #FFF;
}

#copyright {
    padding: 14px 0 0;
    font-size: .9em;
}

/*gallery */

#gallery {
	position:relative;
	height:207px;
	margin-left:7px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}