/***
 * CSS code to support http://www.vianswers.com
 * Last updated: April 7, 2009
 * XHTML/CSS programmed by 461 Design
 * Contact Info:
 *		E-mail  	info@461design.com
 *		Website		http://www.461design.com
 ***/
 
 
 
 /*** Defaults ***/

*{
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	line-height: 1.3em;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #fff;
	line-height:1.3em;
}

a{
	color: #005194;
	text-decoration: none;
	line-height:1.3em;
}

a:hover{
	border-bottom:dotted 1px;
	color: #005194;
	line-height:1.3em;
}

li{
	margin-left: 15px;
	line-height:1.3em;
	list-style-image:url(../images/bullet.gif);
}
 
.icons{
	margin-left:20px;
}

h1{
	font-size:14px;
}
 


/*** Global Classes ***/

#networkbar{
	background-color: #7FA8C9;
	color: #005193;
	height: 25px;
}

.networkbar_text{
	text-align: right;
	width: 850px;
	font-style:normal;
	vertical-align:middle;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	height: 20px;
	color:#005194;
}

#header{
	width:850px;
}

.top_nav{
	width:843px;
	margin-top:7px;
	padding-left:7px;
	font-size:85%;
	color:#CCC;
}

.top_nav a{
	color:#CCC;
}

#teaser{
	width:850px;
	margin-top:20px;
}

#teaser2{
	width:850px;
	margin-top:3px;
}

.teaser_inside{
	width:551px;
	margin-top:3px;
	float:left;
}

.teaser_insideright{
	width:299px;
	margin-top:3px;
	float:right;
}

#main_content{
	width:850px;
}

#tweet{
	padding-left:12px;
	padding-right:10px;
}

#tweet a:hover{
	border-bottom:1px dotted #999;
}

.column_text{
	padding-left:12px;
	padding-right:10px;
}

.column1{
	width:268px;
	float:left;
}

.topcolumn1{
	width:268px;
	float:left;
}

.smcolumn1{
	width:185px;
	float:left;
}

.column2{
	width:268px;
	float:left;
}

.topcolumn2{
	margin-left:15px;
	width:268px;
	float:left;
}

.othercolumn2{
	margin-left:22px;
	width:268px;
	float:left;
}

.smcolumn2{
	margin-left:5px;
	width:185px;
	float:left;
}

.smcolumn3{
	margin-left:5px;
	width:185px;
	float:left;
}

.column3{
	width:268px;
	float:right;
}


#price{
	width:124px;
	float:left;
	text-align:center;
}

#buynow{
	width:124px;
	float:right;
	text-align:center;
}

#column2{
	width:268px;
	float:left;
	margin-right:10px;
}

#column3{
	width:268px;
	float:right;
}

.double_column{
	width:566px;
	float:right;
}

.form_column{
	width:566px;
	float:right;
	text-align:left;
}

.double_columnleft{
	width:566px;
	float:left;
}

.triple_column{
	width:850px;
	float:left;
}

.double_column_schools{
	width:556px;
	float:right;
}

#double_column{
	width:566px;
	float:right;
}

#popup{
	width:566px;
}

.popup_text{
	width:544px;
	float:left;
	padding-left:12px;
	padding-right:10px;
}

.ol_columnleft{
	width:105px;
	float:left;
}

.team_columnleft{
	width:125px;
	float:left;
}

.team_columnright{
	width:125px;
	float:right;
	padding-right:5px;
}

.ol_columnright{
	width:150px;
	padding-right:5px;
	float:right;
}


/*** Values Pop-Up ***/

#values{
	width:525px;
	height:260px;
	background: #C5DEF4;
}

.values_text{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding-left:2px;
	line-height:1.3em;
}

.values_nav{
	width:500px;
	float:right;
	text-align:right;
	padding-right:10px;
}

.values_headline{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:15px;
}

.values_bottom{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}


/*** Footer ***/

#footer{
	width:850px;
	clear:both;
	padding-top:50px;
	padding-bottom:10px;
	text-align:right;
	color:#CCC;
	font-size:85%;
	text-align:right;
}

#footer a{
	color:#CCC;
}

.footer_left{
	width:400px;
	float:left;
	text-align:left;
	padding-bottom:15px;
}

.footer_right{
	width:400px;
	float:right;
	padding-top:5px;
}


/*** Form ***/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% arial,sans-serif;
	padding: 0;
	min-width: 500px;
	width: 560px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	
}

form fieldset {
  	border: #000 1px solid;
	padding: 20px;        /* padding in fieldset support spotty in IE */
	margin: 0;
	font-family: Arial, sans-serif;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
	font-family: Arial, sans-serif;                       /* be careful with padding, it'll shift the nice offset on top of border  */
	text-align:right;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	margin-left: 10px;

} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.formstyle {
	font-size: 100%;
	margin-left: 10px;
	text-align:left;
}

.btn{
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
}