@media print{
#leftcolumn, #rightcolumn, #topsection{
display:none;
}
#contentcolumn{
margin: 0 20px 0 20px !important;
}
}

body{
margin:0;
padding:0;
line-height: 1.5em;
font:normal 13px verdana;
line-height:1.5em 
}

b{font-size: 110%;}
em{color: red;}

#topsection{
border-bottom: 2px solid navy;
margin-bottom: 8px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 230px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -100%;
background: white;
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
margin-left: -230px; /*Set left marginto -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

////Nav bar CSS below/////////////////////

.urbangreymenu{
width: 170px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 14px Verdana;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0;
padding-left: 5px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Arial;
color: white;
background: #E9E9E9 url(../image-files/glossyback3.gif) center left repeat-x;
display: block;
padding: 5px 0;
line-height: 17px;
margin-bottom: 5px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
border-bottom: 1px solid blue;
}

.urbangreymenu ul li a:visited{
color: white;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #E9E9E9 url(../image-files/glossyback4.gif) center left repeat-x;
}

#navbar ul li a:hover{
background: black;
color: white;
}

////Sidebard Optin CSS below/////////////////////

#newsletter{
width: 175px;
font: normal 12px Arial;
text-align:left;
}

#newsletter #header{
margin-bottom:1em;
background:#59CDFF;
-moz-border-radius: 5px 5px 0 0;
text-align:center;
color:black;
padding:2px 0;
font: bold 13px Arial;
border-bottom:4px solid lightblue;
margin:5px 0;
}

#newsletter form{
margin:0;
margin-top:5px;
padding:0;
}

#newsletter p{
font: normal 12px Arial;
margin: 0;
margin-bottom:5px;
}

#newsletter label{
font:bold 10px Arial;
}

#newsletter input{
width: 130px;
font-size:10px;
}


#newsletter #submit{
width:110px;
}




######## form css ###########################

div#feedback{
width: 650px;
margin: 0 auto;
text-align:center;
background:gray;
clear:left;
}

#feedback input{
width: 300px;
}

#feedback textarea{
width: 700px;
height: 500px;
}

#feedback .header{
font:bold 18px Arial;
}

#feedback .required{
color:red;
}




.relatedbox{
box-shadow: 6px 6px 5px #CCC6C1;
-webkit-box-shadow: 6px 6px 5px #CCC6C1;
-moz-box-shadow: 6px 6px 5px #CCC6C1;
margin:0 0 5px 5px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width:200px;
border:1px solid blue;
float:right;
padding:8px;
}

.relatedbox ul{
margin:0;
padding:0;
list-style:none;
}

.relatedbox li{
margin-bottom:3px;
}

#rightcolumnoptin{
width:190px;
border:5px solid #215289;
background:#eef9ff;
padding:8px;
moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin-bottom:1em;
}

#rightcolumnoptin:before{ /*top left tape effect*/
content: '';
position:absolute;
width: 110px;
height: 25px;
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform:translate(-50px,0)
skew(10deg,10deg)
rotate(-50deg);
-moz-transform:translate(-50px,0)
skew(10deg,10deg)
rotate(-50deg);
-o-transform:translate(-50px,0)
skew(10deg,10deg)
rotate(-50deg);
-ms-transform:translate(-50px,0)
skew(10deg,10deg)
rotate(-50deg);
transform:translate(-50px,0)
skew(10deg,10deg)
rotate(-50deg);
}

#rightcolumnoptin h3{
letter-spacing:-1px;
text-transform:uppercase;
font:bold 26px Tahoma;
line-height:1.1em;
margin:5px auto 10px auto;
}

#rightcolumnoptin p{
margin:10px auto;
}

#rightcolumnoptin form input[type="text"]{
border:1px solid gray;
width:160;
padding: 5px;
padding-right:24px;
background: white url(../image-files/letter2.gif) 98% center no-repeat;

}

######## CSS for Bottom Optin-Box ###########################

#optin {
	width:220px;
	float:right;
}

#optin .container {
	float:right;
	width:186px;
	padding:5px;
	border:2px solid #6596b8;
	border-radius:7px;
	background:url(../images/optin_background.png) no-repeat;
}

#optin .title, #optin .subtitle, #optin .action  {
	text-align:center;
}

#optin .title {
	padding:8px 0 0 0;
}

#optin .text {
	text-align:center;
	padding:185px 0 10px 0;
	background:url(../images/optin_ecover.png) top center no-repeat;
}


#optin form, #optin input {
	margin:0;
	padding:0;
}

#optin input[type="text"] {
	width:167px;
	font-size:14px;
	line-height:26px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background:#d5f1ff;
	border:1px solid #6596b8;
	border-radius:4px;
	text-align:left;
	padding:0 5px;
	margin:0 0 9px 3px;
}

#optin input[type="submit"] {
	width:179px;
	height:51px;
	background:url(../images/optin_submit.png) no-repeat top left;
	padding:0;
	border:0;
	margin:0 0 4px 3px;
	cursor:pointer;
}

#optin .arrow {
	height:356px;
	width:100px;
	position:absolute;
	float:right;
	background:url(../images/optin_arrow.png) no-repeat bottom left;
}