﻿body {
	margin: 0;
	padding: 0;
	background: url(images/img01.jpg) repeat-x #cde0eb !important;
}

#header {
	width: 954px;
	height: 90px;
	margin: 0 auto;
        margin-top: 35px;
        margin-bottom: 9px;
	/*background: url(images/img02.jpg);*/
}

/* Logo */

#logo {
	float: left;
}

#logo h1, #logo h2 {
	float: left;
	text-transform: lowercase;
	color: #FFFFFF;
	display:block !important;
}

#logo h1 {
	padding: 0px 0 0 20px;
	font-weight: bold;
}

#logo h2 {
	padding: 143px 0 0 8px;
	font-size: 14px;
	font-weight: bold;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0;
	padding: 43px 20px 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0 28px 0 0;
	text-decoration: none;
	color: #FFFFFF;
	font: normal 16px/28px "Futura Medium", "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
}

/* Page */

#pagebody {
	width: 954px;
	margin: 0 auto;
	/*background: #FFFFFF url(images/img03.jpg) repeat-y;*/
}

#bg {
	background:#fff /*url(images/img06.jpg) 0 0 repeat-y*/;
	width:933px;
	padding: 10px 10px 10px 10px;
	position:relative;
}

/* Content */

#content {
	float: left;
	width: 460px;
	margin: 0 4px 0 3px;
	/*color: #405A67;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px !important;

	/*background: url(images/img04.jpg) no-repeat;*/
}


/* Right Panel */

#rightpanel {
	float: left;
	width: 460px;
	/*background: url(images/img05.jpg) no-repeat;*/
}

/*#rightpanel ul {
	width: 206px;
	margin: 0;
	padding: 0 0 0 0px;
	list-style: none;
}

#rightpanel li {
}

#rightpanel li ul {
	width: auto;
	padding: 0 15px 0 10px;
}

#rightpanel li li {
	padding: 5px 0 5px 0;
	background: url(images/img13.gif) repeat-x;
}

#rightpanel li li.first {
	padding-top: 0;
	background: none;
}

#rightpanel li h2 {
	font-size: 18px;
	padding: 30px 0 40px 10px;
	background: url(images/img12.jpg) no-repeat left bottom;
}*/

/* Footer */

#footer {
	padding: 15px 0;
}

#footer p {
	text-align: center;
	font-size: 12px;
	color: #4d4c4c;
}

#footer a {
	color: #4d4c4c;
}

.topround{ background:url(images/roundtop.png) 0 0 no-repeat; height:13px; }

.roundbox {
	background: #fff;
	width: 424px;
	min-height: 400px;
	display:block;	
	padding: 10px;
	border: 1px solid #d7d7d7;
	margin-left:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	
}


@media screen and (-webkit-min-device-pixel-ratio:0){
.roundbox {
	background: #fff;
	width: 424px;
	min-height: 330px!important;
	display:block;	
	padding: 10px;
	border: 1px solid #d7d7d7;
	margin-left:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	
}
}
/* added by ongraph*/
/*#quicknote input[type="text"],textarea {width: 264px!important;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px;
	border: 1px solid #999999;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
}
*/

/*.cssform p {clear:left; margin: 0; padding: 10px 10px 10px 7px;  width of left column containing the label elementsheight: 8px;}
.cssform text{	
	float: left;
	margin-left: 20px;
	width: 300px;
	padding: 3px 0 3px 0;
	height:18px;
	
	
}
.cssform label{font-weight:normal; float: left; margin-left: 0px; width of left column width: 180px; width of labels. Should be smaller than left column (155px) to create some right margin height: 8px;}
.cssform label1{font-weight:normal; float: left; margin-left: 0px; width of left column width: 240px; width of labels. Should be smaller than left column (155px) to create some right margin height: 8px;}
.cssform input[type="text"]{
 width of text boxes. IE6 does not understand this attributewidth: 160px!important; height: 18px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px 1px;
	border: 1px solid #999999;
 }
 
 .cssform input[type="password"]{
 width of text boxes. IE6 does not understand this attribute
    width: 160px!important;
	height: 18px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px 1px;
	border: 1px solid #999999;
 }

 .cssform input[type="submit"],input[type="reset"]{ width of text boxes. IE6 does not understand this attributewidth: 110px!important;}


.cssform p.center{padding: 10px; text-align:center; color:maroon;}







div.RightFormContent
{
	padding: 12px 20px!important;
    width: 358px!important;
}


div.RightFormContent #quicknote input[type="text"],textarea {width: 263px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px;
	border: 1px solid #999999;
	margin-bottom:5px!important;
}

div.RightFormContent .livespell_textarea{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px;
	border: 1px solid #999999;
	margin-bottom:5px!important;
}*/

div.RightFormContent .cssform p {clear:left; margin: 0; padding: 10px 10px 10px 5px;  /*width of left column containing the label elements*/height: 8px;}
div.RightFormContent .cssform text{	
	float: left;
	margin-left: 20px;
	width: 230px;
	padding: 3px 0 3px 0;
	height:18px;
	
	
}
div.RightFormContent .cssform label{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 92px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}
div.RightFormContent .cssform label1{font-weight:normal; float: left; margin-left: 0px; /*width of left column*/ width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/ height: 8px;}
div.RightFormContent .cssform input[type="text"]{
 /*width of text boxes. IE6 does not understand this attribute*/width: 160px!important; height: 18px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px 1px;
	border: 1px solid #999999;
 }
 
div.RightFormContent .cssform input[type="password"]{
 /*width of text boxes. IE6 does not understand this attribute*/width: 160px!important; height: 18px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	-webkit-box-shadow: #B3B3B3 1px 1px 1px 1px;
	-moz-box-shadow: #B3B3B3 1px 1px 1px 1px;
	box-shadow: #B3B3B3 1px 1px 1px 1px;
	border: 1px solid #999999;
 }

div.RightFormContent .cssform input[type="submit"],input[type="reset"]{
 /*width of text boxes. IE6 does not understand this attribute*/width: 96px!important;
 margin-top:5px;
 }


div.RightFormContent .cssform p.center{padding: 10px; text-align:center; color:maroon;}
.style{padding-left:20px;width:92px};





#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -45px -45px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}



#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;        
        text-align:center;
        line-height:15px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
#emailTxt{
	color: black; font-size:14px;
}
#email1,#email2,#email3,#email4,#email5,#email6{
	float:left;
}
#email2,#email3,#email4,#email5,#email6{
	display:none;
}
#emailAddr2,emailAddr3,emailAddr4,emailAddr5,emailAddr6,emailAddr7{
	width:250px;
}
#spanAddEmail{
	text-align:right !important;float:left;
}
#mailsubject{
	width:187px;
}

#showBelowPanel{
	height:54px!important;
}


.leftroundbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.width410{
	width:410px;
}

.noprint1{
clear:both;
margin-top:20px!important;
padding-top:20px!important;
width:100%;
text-align:center;
}

.clearBoth{
	clear: both;
}

.socialul{
	list-style:none;
	margin-left:-10px;
	padding-top:0px;
}

li.gplus{
	margin-left:5px!important;
	float:left;
}

li.fbplus{
	width:45px!important;
	margin-left:5px!important;
	float:left;
	overflow:hidden;
}

li.tplus{
	margin-left:5px!important;
	float:left;
}

li.tumplus{
	margin-left:5px!important;
	float:left;
}

li.delplus{
	margin-left:5px!important;
	float:left;
}

li.stuplus{
	margin-left:5px!important;
	float:left;
}

li.digplus{
	margin-left:5px!important;
	float:left;
}
.form1  p{
 clear: left;
 height: 18px;
 padding: 10px 0 3px 5px;
} 

.selectbox{
	-moz-border-radius: 0px 0px 0px 0px;
	-moz-box-shadow: 1px 1px 1px 1px #B3B3B3;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height: 20px ;
	width: 160px ;
}
#loadingimg{
	display: none;
    left: 303px;
    position: absolute;
    top: 150px;
}

#tableft {
    background: url("images/nav_bg.png") repeat-x scroll 0 0 transparent;
    float: left;
}
#leftpanel #tableft li {
    background: url("images/split.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    margin: 8px 0 0;
    padding: 0 4px;
}
#tableft li a span {
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    line-height: 15px;
	padding:4px;
}
#tableft li a span img {

	width:14px;

	height:14px;

	margin:0 5px 0 0;

}
#tableft li a {
    color: #FFFFF1;
	height:28px;
	float:left;
    font: 14px/28px "Futura Medium","Myriad Pro",Helvetica,Verdana,Arial,sans-serif;
}
#tableft a {
    text-decoration: none;
}

/*#leftfooter {
    background: url("images/foot_orange.jpg") repeat scroll 0 -45px transparent;
    height: 45px;
    margin: 0 0 0 5px;
    padding: 0;
}
*/
#tableft li a:hover {

	color:#C20231;

	background: url("images/menulaft.png") top left no-repeat;

}

#tableft li a:hover span {

	background:url("images/menuright.gif") top right no-repeat;

}

#tableft li.active a {

	color:#C20231;

	background: url("images/menulaft.png") top left no-repeat;

}

#tableft li.active a span {

	background:url("images/menuright.gif") top right no-repeat;

}
