@charset "utf-8";
/* CSS Document */

/* mac hide\*/
html, body {
height:100%;

}
/* end hide */

* {
	padding : 0;
	margin : 0;
	border : 0;
	}

input.send_date_box, #header
{
font-family : verdana, arial, sans-serif;
color : #000000;
font-size: small;
margin : 0px 0px 0px 0px;
background-color: #25773c;
}

body {
	text-align:center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:14px;
	background: #25773c;
	margin:0 auto;
	min-width:910px;/* for mozilla*/
	color:#FFFFFF; 	
}

#container{
	text-align:left;
	width:910px;
	margin:5px auto 0 auto;
	position:relative;
	background:#25773c;
	}

#header {
	height:70px;
	}

#topmenu {
	width:195px;
	height:45px;
	position:absolute;
	top:4px;
	right:15px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:15px;
	color:#FFFF00;
	list-style-type:none;
	
		}

	
#topmenu li {
	list-style-type:none;
	text-align:right;
			}
		
#topmenu a {
	text-decoration:none; 
	color:#FFF; 
	}
	
#topmenu a:hover {
	color:#000; 
	}

#main {
	padding:5px;
	background:#25773c;
	background-image:url(images/bckg.gif);
	background-position:top;
	background-repeat:no-repeat;
	color:#000000;
	height:640px;
	width:910px;
	clear:both;}

#centre_top {
	width:760px;
	margin: 55px 0px 0px 60px;
	background-position:top;
	background-repeat:no-repeat;
	color:#000000;
	position:relative;
	height:97px;
	padding:3px 2px 0 2px;
	}
	
#centre {
	float:left;
	width:590px;
	margin: -5px 0px 0px 50px;
	color:#000000;
	padding:30px 0 0 0;
	position:relative;
	height:430px;
	display: inline;
	}
	
#centre1 {
	float:left;
	width:590px;
	margin: 5px 0px 0px 50px;
	color:#000000;
	position:relative;
	height:450px;
	display: inline;
		}
	
#centre2 {
	float:left;
	width:500px;
	margin: 5px 0px 0px 50px;
	color:#000000;
	position:relative;
	height:535px;
	display: inline;
	}
	
#centre3 {
	float:left;
	width:835px;
	margin: -60px 0px 0px 38px;
	color:#000000;
	position:relative;
	height:415px;
	display: inline;
	overflow:auto;
	overflow-x:hidden;
	}
	
#centre4 {
	float:left;
	width:750px;
	margin: 5px 0px 0px 50px;
	color:#000000;
	position:relative;
	height:400px;
	display: inline;
	overflow:auto;
	}
	
#centre5 {
	float:left;
	width:835px;
	margin: 40px 0px 0px 38px;
	color:#000000;
	position:relative;
	height:530px;
	display: inline;
	overflow:auto;
	overflow-x:hidden;
	}
	
#centre6 {
	float:left;
	width:835px;
	margin: 50px 0px 0px 38px;
	color:#000000;
	position:relative;
	height:530px;
	display: inline;
	overflow:auto;
	overflow-x:hidden;
	}
	
#left {
	width: 555px;
	margin: 0 0 0 0px;
	font-size:14px;
	height:400px;
	display:inline;
	text-align:center;
	
	}

#left2 {
	width: 410px;
	margin: 0 0 0 0px;
	font-size:14px;
	height:450px;
	display:inline;
	
		}
	
#right_menu {
	width: 175px;
	float:right;
	margin-top:-15px;
	margin-right:20px;
	font-size:16px;
	color:#fff;
	padding:3px;
			}
		
#right2 {
	width: 350px;
	float:right;
	margin:0 0 0 -20px;
	font-size:14px;
	color:#000;
	padding:2px;
	position:absolute;
	top:10px;
	left:440px;
		}	
		
#links {
	background-image:url(images/present.gif);
	background-repeat:no-repeat;
	height:66px;
	width:180px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding-top: 5px;
	vertical-align:middle;
	}
	
#links p {
	padding-top:25px;
	}
	
#links a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
	
#links a:hover {
	color:#000; 
		}
	
#links2 {
	float:left;
	}
	
#bottom {
	margin: auto;
	bottom:0;
	left:0;
	position:absolute;
	height:55px;
	width:750px;
	padding:0 0 10px 0;
	}
	
#bottom2 {
	margin: auto;
	bottom:40px;
	left:55px;
	position:absolute;
	height:55px;
	width:750px;
	padding:0 0 5px 0;
	}
	
#bottom3 {
	margin: auto;
	bottom:40px;
	left:55px;
	position:absolute;
	height:55px;
	width:830px;
	padding:0 0 5px 0;
	text-align:center;
	}
	
#bottom4 {
	margin: auto;
	bottom:70px;
	left:55px;
	position:absolute;
	height:55px;
	width:830px;
	padding:0 0 5px 0;
	text-align:center;
	}

#bottom4 a {
	font-size:16px;
	}
	
#tagline {
	color:#023c59;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	position:absolute;
	top:5px;
	right:110px;
	height:42px;
	width:390px;
	line-height:1.1;
	}

#footer {
	width: 840px;
	clear:both;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	}

#footer a {
	color:#023c59;
	font-weight:bold;
	}
	
#footer2 {
	width: 870px;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 10px ;
	text-align: right;
	color:#FFFFFF;
}

#footer2 a {
	color:#000;
}

#images {
	margin:5px 0 0 20px;
	}
	
#table2 {
	border:0px;	
	}
	
	
h1
{
display: inline;
font-size:14px;
color:#023c59;
}

h2
{
display: inline;
font-size:13px;
color:#023c59;
}

.main_table
{
background-image: url(../../site_images/header1.jpg);
background-repeat:no-repeat;
border: 0;
margin: 0px 0px 10px 0px;
}

.logo_table
{
background-color : #023c59;
margin : 0px 0px 0px 0px;
color: #ffffff;
}


input, textarea, select
{
padding: 3px 3px 3px 3px;
font-size: medium;
border: solid 1px #dfdfdf;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

fieldset {
border: solid 1px #000;
color:#000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:393px;
}


.sub_header 
{
font-size : medium;
font-weight: bold;
} 

.page_header 
{
font-size : large;
font-weight: bold;
text-decoration: underline;
} 

.small, a.small, a:link.small, a:visited.small, a:active.small, a:hover.small 
{
font-size : small;
text-decoration:none;
} 

.main_header 
{
font-size : large;
font-weight: bold;
} 

a:link , a:visited , a:active
{
text-decoration : underline;
color : #023c59;
font-weight : bold;
}

a:hover
{
text-decoration : none;
color : #34498B;
font-weight : bold;
text-decoration : underline;
}

input.clear
{
border: 0;
}

legend
{
font-size : 14px;
font-weight : bold;
text-decoration : none;
color: black;
} 

.cat_list
{
padding-bottom : 20px;
}

.title 
{
font-size : medium;
font-weight : bold;
text-decoration : none;
} 

input.clear 
{
border: 0;
}

hr 
{
color : #000000;
width : 100%;
}

table 
{
border: 1px solid black;
}

.stats
{
background-color : #5176B5;
color: #ffffff;
border: 0;
}

.noborder 
{
border: 0;
}

.warning 
{
color: #cc0000;
padding: 3px;
border: 1px solid #cc0000;
background-color: #ffffcc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.success
{
color: #000000;
padding: 3px;
border: 1px solid #ffcc00;
background-color: #ffffcc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.head_link, a.head_link, a:visited.head_link, a:hover.head_link, a:active.head_link
{
font-weight: bold;
text-decoration: none;
color: #ffffff;
}

input.send_date_box
{
border-style: none;
}

table.cal {
	width:210px;
	border:0px solid #888;	
	border-collapse:collapse;
}

#categories, #categories ul{
	margin:0;
	padding:0;
}

#categories {
	margin-left: 15px;
}

#categories li{
	list-style: none;
	list-style-image: url(http://www.mywebcards.net/demo/site_images/bullet.png);
	margin-left: 10px;
	margin-top: 5px;
}


/* Styles for the calendar */
td.cpCurrentMonthDate, td.cpOtherMonthDate, td.cpCurrentDate, table.cal_bg
{
background-color: #F0F5FA;
}

td:hover.cpCurrentMonthDate , td:hover.cpCurrentDate
{
background-color: #F00;
}

a.cpCurrentMonthDate, a:link.cpCurrentMonthDate, a:hover.cpCurrentMonthDate, a:active.cpCurrentMonthDate, a:visited.cpCurrentMonthDate,a.cpCurrentDate, a:link.cpCurrentDate, a:hover.cpCurrentDate, a:active.cpCurrentDate, a:visited.cpCurrentDate {
text-decoration: none;
color: #000;
}

a.cpOtherMonthDate, a:link.cpOtherMonthDate, a:hover.cpOtherMonthDate, a:active.cpOtherMonthDate, a:visited.cpOtherMonthDate {
text-decoration: none;
color: #e1e1e1;
}

.member_menu
{
float: left;
margin-right: 50px;
width: 15%;
}

ul.member_links
{
list-style-type: none;
}

ul.member_links li
{
margin-bottom: 5px;
background-color: #25773c;
padding: 5px;
}

ul.member_links li a
{
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
}

.member_main
{
float: left;
width: 70%;
}

.login_main
{
float: left;
margin: 20px auto 20px auto;
width: 40%;
}

.login_side
{
float: left;
width: 50%;
}

tr.history_row
{
background-color : #e4eaf2;
}

.history_options
{
float: right;
}

.avatar
{
vertical-align: middle;
}

.clist1
{
background-color: #25773c;
}

.clist2
{
background-color: #25773c;
}


.pagelink, .pagecurr, a.pagelink {
background-color: #8394b2;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
padding-left: 4px;
color: #ffffff;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

.pagecurr
{
background-color: #5176b5;
font-weight: bold;
}

input[type=text], input[type=password], input[type=submit] {  
  border: 1px solid #000;
 }