/**
 * Basic
 */
body, html{height: 100%; padding: 0; margin: 0;}
body { font-family: Verdana,Arial,Helvetica,sans-serif; color: #CCCC66; background-color: #333333; font-size: 14px; }
table, tr, td { font-family: Verdana,Arial,Helvetica,sans-serif; color: #CCCC66; background-color: #63239E; }

body.mceContentBody {
   background: #7200A2;
}

a, td a { color: #F2F0E3; text-decoration: none; }
a:hover, td a:hover { text-decoration: underline; }

p { line-height: 17px; }
p + p { margin: 20px 0px 0px 0px; }

pre { margin: 10px 0px 10px 0px; padding: 20px; font-family: Courier, monospace; }

h1 { font-family: Arial, sans-serif; font-size: 34px; color: #222; }
h2 { font-weight: bold; font-size: 20px; margin: 20px 0px 20px 0px; color: #CCCC66; }
h3 { font-family: Arial, sans-serif; font-size: 20px; margin: 0px; color: #222; }

blockquote { margin: 20px 0px 20px 0px; padding: 20px 50px 20px 50px; }
blockquote p { font-size: 16px; font-style: italic; }
blockquote p cite { text-align: right; display: block; }

div.paging { text-align: center; margin: 30px; }

#wrapper { 
	min-width: 990px;
	max-width: 1280px; 
	margin: 0 auto; 
	background: #63239E; 
	min-height: 100%;
	background: #7200A2 url(/img/wrapper_bgr.gif) repeat-y;
	position: relative;
}

#main {
	background: url(/img/left_animated.gif) no-repeat;
	min-height: 100%;
}
#content{
	padding-right: 15px;
	padding-left: 300px;
}

#logo{
	position: fixed;
	bottom: 0;
}
/**
 * Form
 */
form { margin: 10px 0px 0px 0px; }
form label { display: block; font-weight: bold; }
form .input { margin: 0px 0px 10px 0px; }
form .text input,
form .password input,
form .textarea textarea { width: 300px; }
form .error-message { color: #ee4b33; }


/**
 * Header
 */
#header { background-image: url(/img/header_animated.gif); height: 95px;}
#header h1 { margin: 50px 0px 10px 0px; }
#header h1 a { text-decoration: none; }
#header .site-tagline { color: #666; font-style: italic; font-size: 13px; }


/**
 * Navigation (with dropdown)
 */
#nav { margin-left: 90px; padding-top: 16px; width: 200px; min-height: 350px; position: absolute;}
#nav ul li,
#nav ul li a { display: block; line-height: 1.2em;}
#nav ul li a { color: #663399; padding: 3px; text-decoration: none; }
#nav ul  li a {height: 22px;}

#nav ul ul {padding: 2px 0 0 0}
#nav ul li.selected {font-weight: bold }
#nav ul li a {margin-bottom: 0px}

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
/*.sf-menu ul { position:absolute; top:-999em; width:10em; }*/
.sf-menu ul li a { background: url(/img/menu-item-background-hover.png) top right no-repeat; }
.sf-menu li:hover { visibility:inherit; background: url(/img/menu-item-background-hover.png) top right no-repeat; margin-bottom: 0px; }
.sf-menu li { background: url(/img/menu-item-background.png) top right no-repeat; margin-bottom: 0px; }
#nav .sf-menu li a { padding: 0.5em;}
#nav .sf-menu li li a { padding-left: 2em;  font-weight: normal;}
#nav .sf-menu li li li a { padding-left: 4em;  font-weight: normal;}
#nav .sf-menu li li.selected  a.selected {background: url(/img/submenu-background-hover.png) top right no-repeat;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:10em; top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0; }

#nav ul li:first-child ul { margin: 0px 0px 0px 0px; }
#nav ul li ul { margin: -3px 0px 0px -1px; }
#nav li li a:hover { background: url(/img/submenu-background-hover.png) top right no-repeat;  }

#nav li li li:first-child { margin: 2px 0px 0px -1px; border-left: 0px solid #ccc; }
#nav li li li { margin: 0px 0px 0px -1px; }


/**
 * Main
 */
.message { border: 2px dashed #eee; padding: 10px; margin: 0px 0px 10px 0px; }

.node h2 a { text-decoration: none; display: block; float: left; width: 75% }
.node h3 { margin: 15px 0px 10px 0px; }
.node .node-info,
.node .node-more-info { font-size: 13px; color: #666; font-style: italic; display: block; }
.node .node-info a,
.node .node-more-info a { font-style: normal; }
.node .node-right-column{width: 19%; padding: 0 5px; padding-right: 0; float: right; max-width: 160px; margin-top: -40px;}
.node .node-body{
	width: 80%;
	float: left;
}
.node .node-body ul,
.node .node-body ol { margin: 14px; }
.node .node-body ul li { list-style-type: disc; margin: 0px 0px 2px 25px; }
.node .node-body ol li { list-style-type: decimal; margin: 0px 0px 2px 25px; }

.comments h3 { margin: 50px 0px 10px 0px; }
.comments .comment { border-top: 1px solid #f7f7f7; }
.comments .comment .comment { margin: 0px 0px 0px 40px; }
.comments .comment .comment-body { line-height: 20px; }

.comment .comment-info { border-top: 1px solid #fff; background: #f7f7f7; display: block; height: 39px; }
.comment .avatar { float: left; }
.comment .avatar img { padding: 3px; }
.comment .name { float: left; padding: 8px 0px 8px 10px; font-weight: bold; color: #000; }
.comment .date { float: left; padding: 8px; color: #666; }
.comment .comment-body { clear: both; font-size: 13px; padding: 10px 0px 3px 0px; }
.comment .comment-reply { padding: 10px 5px 10px 0px; }
.comment .comment-reply a { font-size: 11px; text-transform: lowercase; color: #000; background: #f7f7f7; padding: 5px; text-decoration: none; }
.comment .comment-reply a:hover { background: #464646; color: #fff; }

.comment-form h3 { margin: 50px 0px 10px 0px; }
.form .comment-form h3 { margin: 0px 0px 10px 0px; }
.comment-form p { padding: 10px 0px 20px 0px; }
.comment-form #recaptcha_widget_div { margin: 0px 0px 10px 0px; }

.block { margin: 0px 0px 30px 0px; font-size: 13px; }
.block h3 { margin: 0px 0px 10px 0px; font-size: 20px; }
.block .block-body { line-height: 25px; }
.block ul li { list-style-type: disc; margin: 0px 0px 0px 25px; }

.block-search input[type=text] { width: 200px; float: left; margin: 2px; }


/**
 * Footer
 */
#footer { border-top: 1px solid #ccc; margin-top: 50px; padding: 20px 0px 20px 0px; font-size: 11px; }
#footer .right { text-align: right; }

#debug-kit-toolbar ul li.panel-tab { display: none; }
#debug-kit-toolbar ul li.icon { display: inline; }

.clear {
	clear: both;
}
.contact-body{
	/*font-size: 90%;*/
}
.contact-body p{
	margin: 0.3em 0;
}

dl { padding: 0.5em 0 }
dt { float: left; clear: left; width: 50px; text-align: left;}
dt:after { content: ":"; } dd { margin: 0 0 0 50px; padding: 0 0 0.5em 0; }

.contact-form label {
	width: 100px;
	float: left;
}
.contact-form .submit {
	margin-left: 100px;
}
.contact-form .error-message {
	margin-left: 100px;
	font-size: 90%;
	padding-top: 1px;
	color: #FF6600;
}

#contact-1 #flashMessage {
	color: #FF6600;
	font-size: 110%;
	font-weight: bold;
	border: 0px;
	padding: 20px 0 10px;
}


.rounded-corners {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
} 

.divRightTextBox.rounded-corners{
	margin-top: 10px;
	background-color: #E4E98B;
	color: black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 10px;
    width: 105px;
}

.divRightTextBox.rounded-corners a {
	color: #663399;
}