
/* ----------------------------------------
   Main classes */

body {
	background: #fafafa url('/img/design_bg.gif') repeat-x;
	font-family: "Georgia", Serif;
}

div.main {
	width: 100%;
	text-align: center;
}

table.table {
	background-color: #ffffff;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}

img {
        border: 0px;
}

input.box {
        margin-bottom: 5px;
        font-family: "Georgia", Serif;
        color: #666666;
        border: 1px solid #cccccc;
        padding: 2px;
}

textarea {
        margin-bottom: 10px;
        font-family: "Georgia", Serif;
        color: #666666;
        border: 1px solid #cccccc;
        padding: 2px;
}


/* ----------------------------------------
   Shadows */

td.top {
	background-image: url('/img/design_top.gif');
	height: 20px;
}

td.leftg {
	background-image: url('/img/design_leftshadow_gradient.gif');
	height: 380px;
	width: 20px;
	background-repeat: no-repeat;
}

td.rightg {
	background-image: url('/img/design_rightshadow_gradient.gif');
	height: 380px;
	width: 20px;
	background-repeat: no-repeat;
}

td.left {
	background-image: url('/img/design_leftshadow.gif');
	width: 20px;
}

td.right {
	background-image: url('/img/design_rightshadow.gif');
	width: 20px;
}

td.bottom {
	background-image: url('/img/design_bottom.gif');
	height: 20px;
}


/* ----------------------------------------
   Main classes */

div.top {
	background: #b3c54d url('/img/design_menubg.gif');
	height: 120px;
	font-size: 12px;
	color: #336633;
	text-align: center;
}

div.content {
	margin-top: 10px;
	margin-left: 10px;
	font-size: small;
	color: #666666;
	text-align: justify;
}

div.maincontent {
	width: 440px;
}

div.fullcontent {
	margin-right: 10px;
}

div.blogbuttons {
        border-top: 1px dashed #cccccc;
        padding-top: 6px;
	text-align: center;
}

div.rightcol {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: x-small;
	text-align: right;
	color: #666666;
	position: static;
}

div.headerrow {
	background-color: #e2efac;
	height: 80px;
	width: 600px;
	color: #335533;
	text-align: left;
	margin-top: 10px;
}

span.img {
        font-size: x-small;
}


/* ----------------------------------------
   Text classes */

h1, .h1 {
	font-size: large;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 3px;
}

h2, .h2 {
	font-size: medium;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #808080;
}

h3, .h3 {
	font-size: small;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 1px;
}

.blockheader {
        margin-bottom: 18px;
        border-bottom: 1px dashed #CCCCCC;
}

.blogheader {
        margin-bottom: 0px;
}

.blogdate {
        font-size: xx-small;
        color: #808080;
        margin-bottom: 5px;
}

a {
	color: #666666;
}

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

a.header {
	color: #808080;
}

a:hover.header {
	color: #808080;
	text-decoration: none;
}

a.menu {
	color: #336633;
	text-decoration: none;
}

a:hover.menu {
	text-decoration: underline;
}

a:active.menu {
	text-decoration: none;
}

p {
	margin: 0px;
	margin-bottom: 20px;
}

hr {
	border: 0px;
	border-top: 1px dashed #cccccc;
}

p.blockquote {
	background-color: #fcfcfc;
	margin: 20px;
	margin-left: 40px;
	margin-right: 40px;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}




/* ----------------------------------------
   Text decorations */

.underlined {
	text-decoration: underline;
}

.mainheader {
	text-decoration: none;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 10px;
}


/* ----------------------------------------
   Color classes */

white {
	color: #ffffff;
}
