body{ margin:0;padding:0; line-height: 1.5em; font-family:arial, trebuchet ms; font-size:12px ; background:#fff; TEXT-ALIGN: justify;}

b{font-size: 110%;}
em{color: red;}

#maincontainer{ width:100%;  margin: 0 auto; background:#fff url(/images/Themes/header-bg-w2wts03.gif) top repeat-x; }

#contentwrapper
{
padding-top:15px;
width:920px;
min-height:400px; 
height:auto;
margin:auto;
/*background:url("/images/bg-strip-w2wts.gif") repeat-y;*/
background-color:#FFFFFF; }

/*********  [HEADER] ********************/

#top { height:80px; width:920px; margin: 0 auto;}
#top-right{float:right; margin:0px; padding-right:25px; width:600; font:bold 12px verdana; text-align:right; line-height:40px;}

.links-small a{font-size:10px; font-family:verdana; font-weight:normal; text-decoration:none; color:#777; border-right:0px solid #ccc; padding:5px;}

.links-small a:hover{text-decoration:none; color:green;background-color:#f1f1f1;border-top:1px solid #aaa;border-bottom:1px solid #aaa }

#logo { margin-top:10px; float:left; padding:5px; padding-top:0px; border:0px solid red; height:70px; }
#logo a { text-decoration: none; color: #000; }

/********* [TOP - MENU] ******************/

.menu { padding:0; margin:0 ; width:710px;  float:right; }
.menu ul {  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; background:url(/images/Themes/r_menu00.gif) no-repeat right; padding:21px 0; color:#3f3f3f; font:bold 15px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:20px 10px; background:url(/images/Themes/l_menu00.gif) no-repeat left; }
.menu ul li a:hover { color:#fff;  background: url(/images/Themes/r_menu03.gif) no-repeat right;}
.menu ul li a:hover span { color:#fff;  background:url(/images/Themes/l_menu03.gif) no-repeat left;}

.menu ul li a.active {  color:#fff;background:url(/images/Themes/r_menu03.gif) no-repeat right;}
.menu ul li a.active span { color:#fff;  background:url(/images/Themes/l_menu03.gif) no-repeat left;}


	.top-right li ol{
		//background:#515151;
		background:#6B825F;
		border-right:1px solid #3B552D;
		border-left:1px solid #3B552D;
		border-bottom:1px solid #3B552D;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:12em;
		/*width:225px;*/
		z-index:2000;
		/*top:1em;
		/*left:0;*/
		}
	.top-right li:hover ol{
		display:block;
		}
	.menu_bar li li {
		display:block;
		float:none;
		width:10em;
		/*width:225px;*/
		}
	.top-right li ol a{
		display:block;
		font-size:12px;
		font-style:normal;
		height:26px;
		line-height:26px;
		padding:5px 10px 5px 15px;
		text-align:left;
		width:10em;
		}
		.top-right li ol a:hover{
			background:#9BB78B;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
			
	form ol { margin:0; padding:0; list-style:none;}
	form li { margin:0; padding:0; background:none; border:none; display:block;}
	form li.buttons { margin:5px 0 5px 110px;}
	form ol li label { margin:2px 10px 2px 0; width:170px; display:block; padding:3px 0;
				 text-transform:capitalize; float:left; text-align:right;}
	form ol li label span { color:#2c2c2c;}
	form ol li input.text { width:260px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; height:16px; background:#FFF; float:left;}
	form ol li textarea { width:260px; border:1px solid #dcdcdc; margin:5px 0; padding:5px; background:#FFF; float:left;}

#maincontent { float:left; width:530px; padding:5px; margin:0; text-align:justify; }
#sidebar { float:right; width:250px; padding:10px; }
#sidebar ul.contact_info { padding:0; margin:0; list-style:none;} 
#content { width:900px; margin:0 auto; background-color:#FFF; padding:5px; }
	
.litebgcolor { background-color: #E7BB9F;//#EFEFFB; }	
.text{ width:230px; padding:5px; }
.regTable td{ padding:5px;	}

.shadowBordered {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 18px #C8C8C8;
    font-weight: normal;
    margin-left: 8px;
    padding: 7px 7px 15px;
    }

/*-----------Following CSS used only in Theams page---------------*/
.imageborder input
{
	border :10px solid #f1f1f1;
	}
.imageborder input:hover
{
	width:170px;
	height:170px;
	border :10px solid green;
	}

#menu3{background:#EFEFEF;border:1px solid #ccc; padding:5px; margin:0px 0px 0px 35px;width:352px;}
#menu3 a{height:25px; margin:0; padding:0px 8px 0px 8px; color:#000; border-right:1px solid #ccc; font-weight:normal; text-decoration:none}
#menu3 a:hover{color:#f00; text-decoration:underline}
#menu3 span{height:25px; padding:0px 14px 0px 0px; border-right:1px solid #fff}
#menu3 .selected{color:red; text-decoration:none; font-weight:normal}
/************ [CONTENT] ******************/
/*#contentwrapper{ width:732;float: left; width: 100%;  border-top:0px solid #ccc; min-height:300px;}*/
#contentcolumn{width:725px; float:left; margin:0px; padding:2px; color:#4C5B53;}
/************ [RIGHT MENU] ******************/
#rightcolumn{ float: left; width: 188px; min-height:405px; border-left:0px solid Solid #f1f1f1; padding:0px; }

div.hr { margin-top: 40px; margin-bottom: 30px; height: 4px; border-top: 1px solid #ccc; clear:left; }
/******************** [RIGHT MENU]******************/
#rightmenu ul { list-style: none; font:bold; margin:10px 0 30px 0px; padding: 0px; border: none; }
#rightmenu ul li { margin: 0px; padding: 0px; }
#rightmenu ul li a { display: block; border-bottom: 1px dotted #ccc; padding: 3px 0; padding-left: 15px; margin: 0; height:20px; 
text-decoration: none; color: #666666; width:135px; background: url(dot2.gif) no-repeat 0px 50% ; }

#rightmenu ul li a:hover, #vertmenu ul li a:focus,.MSel { color: green;background-color:#f1f1f1;border-bottom:1px solid #aaa; background:url(/images/Themes/l_menu003.jpg) right no-repeat; }
#rightmenu ul li:hover { background:url(dot2_dark.gif) no-repeat 0px 50% ; }
/*********************** [HEADLINES] *************************/

h1{font-family:arial;font-weight: bold; font-size:12px;color:black;
padding:0px; margin:0 0 10px 0; border-bottom:1px solid #ccc;}

h2{font-family:georgia; font-weight: normal; font-size:18px;color:#777777;
padding:0 0 5px 0; margin:0px 0 3px 0; border-bottom:0px solid #ccc; }

p{margin:0 0 25px 0; padding:0; }

.btn {border-radius:3px;border:1px solid #555; color:#555; padding:3px 10px; font-weight:bold; background:url(/images/Themes/buttons-bg-w2wts03.gif);}
.btn:hover{background:url(/images/Themes/buttons-bg-hovr.jpg);border:1px solid green;}
/*************************************[HOME PAGE]**********************************************/

#home-contentcolumn{width:430px; float:left; margin:0px; padding:50px 25px 25px 25px; color:#4C5B53; border-right:0px solid #ccc;}
#home-rightcolumn{ float: left; width: 100%; border-right:0px solid #ccc; padding:100px 0px; margin:0px;}

#login{ padding:30px 30px 20px 50px; margin:0px; background:url(/images/loginbox.gif); color:#000;}
#login h1{ border-bottom:0px solid #2095D5; font:normal 21px georgia; margin:0px; color:#000;}
#login  .small{font-size:11px; margin-bottom:30px;}
#login  input{ padding:0px; margin:0px; width:200px;}
#login .btn{ border:1px solid #555; color:#555; padding:2px 10px; width:70px; margin:0px; font-weight:bold; background:url(btn-bg.jpg);}

/************ [FOOTER] ******************/
 
#footer{ clear: left; font-size:10px; width: 100%; color: darkgray; text-align: center; padding: 4px 0; min-height:48px; background:#fff url(/images/Themes/footer-strip03.gif) repeat-x;}
#footer a{color: darkgray; text-decoration:none; font-weight:bolder; padding:2px; }
#footer a:hover{color:black;}

.innertube{ margin: 40px;}
.rightinnertube{ margin: 20px; }
.cenx {text-align: center;}

#column23{margin:0px 0px 30px 0px; padding-right:30px; border-left:#f1f1f1 0px solid; width:30%; float:right}

.tables{border:3px solid #C0CDDD; width:650px; padding:0px; font-weight:normal; margin-bottom:10px;float:left }

.tables td {border-bottom:1px solid #f1f1f1; text-align:left; font-size:15px; border-right:1px solid #C0CDDD; margin:0px; padding:5px;
}
.tables th { border: 2px solid #D7E4F4; padding: 0.5em; background:#D7E4F4; text-align :center ; font-weight:bold;}
.bluebox{
   BORDER-RIGHT: #e5e5e5 1px solid;
    PADDING-RIGHT: 7px;
    BORDER-TOP: #e5e5e5 1px solid;
    PADDING-LEFT: 7px;
    FONT-WEIGHT: normal;
    BACKGROUND: #ffffff 0px 0px;
    PADDING-BOTTOM: 15px;
    MARGIN-LEFT: 8px;
    BORDER-LEFT: #e5e5e5 1px solid;
    PADDING-TOP: 7px;
    BORDER-BOTTOM: #e5e5e5 1px solid;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 4px 18px #C8C8C8;
    background-color:#f1f1f1; border:1px solid gray;  font:normal 13px Arial, Helvetica, sans-serif;  padding:5px; margin-top:20px; margin-bottom:40px; text-align:left; padding:10px; color:4D7097; }
.bluebox h1{font-weight:bold; font-size:14px; text-align:left; line-height:0px; color:green;PADDING-BOTTOM: 5px}
.bluebox:hover {background-color:#DDDDDD;}

input {border:1px solid gray;}
input:hover {border:1px solid green;color:green;}
textarea {border:1px solid gray;}
textarea:hover {border:1px solid green;color:green;}

#coverBG {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
height:100%; 
}
#popUpDiv,#PreviewBox {
position:absolute;
top:15%;
left:40%; 
background-color:#eeeeee;
z-index: 9002;
}
#Templates,#popupInfo {
position:absolute;
top:15%;
padding:20%; 
background-color:#f1f1f1;
z-index: 9002;
}
#templatesHeader {
background: -moz-linear-gradient(center top , #FFFFFF 1%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
    color: #777777;
    display: block;
    font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
    font-size: 19px;
    height: 30px;
    line-height: 33px;
    padding: 5px 12px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    z-index: 10;
}
/* Tab Bar */
#bar {margin-top:10px;}
#bar a{padding:7px; background:#f8f8f8; text-decoration:none; font-weight:bold;font-size:small;margin-top:15px;}
#bar a:hover{color:#003366;}
/* Content Layers */
#container{background:#f8f8f8; padding:10px; height:300px;}
div.main div {display: none;}
div.main div:target {display: block;}