/* BroadVision ClearVale Stylesheet by Aaron Elliott - forwardtrends.com */
/*This is the stylesheet that uses the updated greeen coloring. In December 2009 we began using 
it because it goes better with the CV Connect Network colors. This style sheet is used for index.html.
Note that the index page uses a different style sheet because it has an extra column.*/


body {
	margin:0px;
	padding:0px;
	background-image:url(../img/background_blue.JPG);
	background-repeat:no-repeat;
	background-position:top center;
	/*background-color:#809EDA;*/
	background-color:white;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

hr {
	height:1px;
	border:0;
	background-color:#BABDD6;
	color:#BABDD6;
}

h1 {
	font-size:24px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8787CD
    letter-spacing:-1px;
	margin:0px;
	padding:0px;
}
h2 {
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	letter-spacing:-1px;
}

h3 {
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	letter-spacing:-1px;
}





/* structural ids */

#wrapper {
	display:block;
	width:960px;
	margin:0 auto;
		
	
}

#header {
	display:block;
	height:140px;
	
}

#logo {
	width:205px;
	height:74px;
	position:absolute;
	margin-top:28px;
	
}

#logo img {
	border: medium none;
}


#nav {
	display:block;
	position:absolute;
	margin-left:688px;
	top:100px;
	width:270px;
}

#nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#nav li {
	float:left;
	margin:0px;
	padding:0px;
	color:#002442;
	font-size:12px;
}

#nav li a {
	color:#015297;
	font-weight:bold;
}

#nav li a:hover {
	color:#000;
}


#main {
	display:block;
	padding:10px;
			
}

#signup-box {
	display:block;
	padding:10px;
}

.signup-label {
	font-size:12px;
	color:#666666;
	line-height: 16px;
	font-weight:bold;
}

.signup-info {
	font-size:12px;
	color:#666666;
	line-height: 16px;
}

.signup-input {
	font-size:12px;
	color:#666666;
	line-height: 16px;
	width:320px;
}

#splash {
	display:block;
	width:940px;
	height:410px;
	margin-bottom:20px;
	background-image:url(../img/main-home-bg.jpg);
	background-repeat:no-repeat;
}

#form {
	height:80px;
	width:600px;
	position:absolute;
	margin-top:326px;
	margin-left:333px;
	font-size:11px;
}


#content {
	display:block;
	background-color:#FFF;	
	padding:10px;
	
}

#sub {
	display:block;
	width:940px;
		
}


/*changed*/
#sub_nav {
	float:left;
	width:250px;	
	display:block;	
}



#sub_nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	margin-bottom:10px;	
}

#sub_nav ul li {
	display:block;
	font-size:14px;
	/*font-weight:bold;*/
	color:#D9B38E;
	/*color:#993300;*/
	width:230px;
	width:200px;
	height:30px;
	line-height:30px;
	/*padding-left:50px;*/
	padding-left:3px;	
}





/*test sub-sub_nav*/
#sub_nav menu {
	list-style-type:none;
	margin:5px;
	display:block;
	font-size:12px;
	color:#55758E;
	width:200px;
	height:30px;
	line-height:30px;
	padding-left:3px;
}


#sub_nav ul li a {
	display:block;
	font-size:12px;
	/*font-weight:bold;*/
	color:#55758E;
	width:200px;
	height:30px;
	line-height:30px;
	text-decoration: none; 

}

#sub_nav ul li a.selected {
	background-color:#FFF;
	color:#6D92D3;
	/*font-weight:bold;*/
}

#sub_nav p {
	font-size:12px;
	padding-left:30px;
}


#sub_nav a {
	color:#666;
	
}


/*changed, also added white background color*/
#sub_main {
	/*width:670px;*/
	/*width:650px;*/
	width:390px;
	float:left;	
	padding-top:10px;
	background-color:#ffffff;
}


#sub_main p, #sub_main li {
	font-size:12px;
	line-height:16px;
	color:#666;
}

#sub_main a {
	color:#6D92D3;
}


#threecol {
	display:block;
	height:160px;
}

#threecol p {
	font-size:12px;
	width:90%;
	line-height:20px;
}

#threecol a {
	color:#666666;
	font-weight:bold;
}	

#footer {
	display:block;
	border-top:1px solid #efefef;
	padding-top:20px;
	margin:30px;
	font-size:10px;
	color:#333333;
}

#footer a {
	color:#333333;
}

#mid1 {
    font-size: 14px;
}

#mid2 {
    font-size: 11px;
}

/* classes */

.forminput {
	background-color:#E8FBA8;
	border:1px solid #9BCE01;
	font-size:18px;
	font-weight:bold;
	color:#506A00;
}

.left_33 {
	float:left;
	width:33%;
}

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

.right_50 {
	float:right;
	width:50%;
	text-align:right;
}

.small {
	font-size:10px!important;
}

#title {
	display:block;
	padding:6px;
	/*background-color:#E6EEFB;*/
	/*background-color:#dbefc7;*/
    background-color: #E0E0E0;
}

#title a {
	/*color:#8787CD;*/
	color:#1d4bae;
	text-decoration:none;
	}
	
#title h1 {
	color:#1d4bae;
	text-decoration:none;	
}

 

.leftimg {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}

.rightimg {
	float:right;
	margin-top:10px;
	margin-right:22px;
	margin-bottom:10px;
}

#content_block {
	width:700px;
	height:1200px;
	overflow:auto;
}

/*12-2009: New style added to highlight items on index page*/
.ad {
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
	background-color:#dbefc7;
	margin-left:675px;
	width:226px;
	padding:10px;
	padding-right:5px;
	font-size:14px;
	line-height:17px;
	/*color:#666;*/
	/*color:#1d4bae;*/
    background-color: #F8F8F8;
	margin-top:5px;

}

#sub_main a {
	color:#6D92D3;

}

/* clearfix */

.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	width:100%;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/* PNG Fix */

img, div, input { 
	behavior: url("htc/iepngfix.htc") ;
}