/* CSS Document */
body {
	background-color: #CC0033;
	font-size: 80%;
	margin:10px;
}
p {
	font-size: medium;
	font-family: "VAG Rounded Bold";
	height: auto;
}
h1 {
	font-size: large;
	font-weight: normal;
	color: #000000;
	font-family: "VAG Rounded Bold";
	padding: 4px;
	background-repeat: repeat;
	border: 1px none #000000;

}
h2,h3,h4,h5,h6 {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #000000;
}
a {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	border: none;

}
a:hover {
	color: #333333;
	text-decoration: underline;
	border: none;
}

a:visited {
	color: #CC0000;
	text-decoration: underline;
	border: none;

}

.maintable {
	height: 1px;
	width: 780px;
	margin: 30px auto 0px;
	overflow: hidden;
	display: table;
	vertical-align: middle;
	position: absolute;
	top: 44px;
	left: 630px;
}


.divcontent {
	height: 297px;
	width: 510px;
	overflow: auto;
	position: relative;
	top: -20px;
	left: 20px;
	padding: 0px 10px 10px;
	SCROLLBAR-FACE-COLOR: #e77b18;
	SCROLLBAR-HIGHLIGHT-COLOR: #e77b18;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #effb18;
	SCROLLBAR-DARKSHADOW-COLOR: #e77b18;
}
.divcontent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	line-height: 1.5em;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #2580AF;
}
.divcontent ul {
	list-style-type: none;
	list-style-position: outside;
	border: 0px none;
	color: #FFFFFF;
	margin: 10px 30px;
	padding: 5px;
	background-color: #B3D3B3;
	display: block;
}
.divcontent ul li {
	padding: 0px;
	margin-right: 40px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.navlist li {
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #ffffff;
}
.logoholder {
	width:300px;
	height:132px;
	position: relative;
	visibility: visible;
	z-index: 500;
	top: -50px;
	left: 350px;
	overflow: hidden;
	clear: both;
}
.casestudytable {
	vertical-align: top;
}	
.casestudytable td {
	vertical-align: top;
}
.imgleft {
	padding-right: 10px;
}
.VClogo {
	z-index: 500;
	height: 32px;
	width: 198px;
	top: 510px;
	position: relative;
	border: 0px none;
	overflow: hidden;
	visibility: visible;
	clear: both;
}
.formfield {
	border: 1px dashed #FF0033;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #CC3366;
	width: 300px;
}

.imgholder {
	float: right;
}
.tickgrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFFFFF;
	clear: both;
	border: 1px solid #FF0033;
}
.tickgrid td {
	padding: 2px;
}
.quotediv {
	margin: 0px;
}

.insertbox {
	margin: -5px 0px 10px 10px;
	padding: 0px;
	border: 2px solid #F45C0B;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	width: 100px;
	background-color: #EA155A;

}

.insertbox a:link {
	color: #CC0000;
}
.insertbox a {
	color: #CC0000;
	text-decoration: none;
	background-color: #000000;
	padding: 2px;
}
.insertbox a:visited {
	color: #CC0000;
}
.insertbox a:hover {
	color: #000000;
	background-color: #000000;
	text-decoration: underline;
}
.insertbox a:active {
	color: #CC0000;
}
.insertbox ul {
	list-style-type: none;
	line-height: 1.5em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	width: auto;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #EA155A;
}
.insertbox ul li {
	margin-left: 10px;
	padding-left: 0px;
	padding-bottom: 7px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 10px;
}
.likeblockquote {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.inlinejiggle {
	background-color: #DE6321;
}
#quoteholder {
	height: 100px;
	width: 170px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top: 0px dashed #000000;
}
.smalltext {
	font-family: "VAG Rounded Bold", Verdana;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.introhead {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	background-repeat: repeat;
	background-color: #FFFFFF;
	border: thin solid #000000;
	text-align: left;
	width: 300px;
	margin-left: 130px;
	margin-top: 30px;

}


.intromain {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 8px;
	background-repeat: repeat;
	background-color: #FFFFFF;
	border: thin solid #000000;
	text-align: left;
	width: 300px;
	margin-left: 130px;
	margin-top: 10px;
}


.intro_go {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
	background-color: #FFFFFF;
	background-repeat: repeat;
	border: thin solid #000000;
	text-align: left;
	width: 300px;
	height: 10px;
	margin-left: 130px;
	margin-top: 10px;
}

#horizon {
	DISPLAY: block; 
	VISIBILITY: visible; 
	VERTICAL-ALIGN: middle; 
	OVERFLOW: visible; 
	WIDTH: 167px; 
	POSITION: absolute; 
	LEFT:-3px;
	TOP: 284px; 
	HEIGHT: 40px; 
	TEXT-ALIGN: center
}

#content {
	display:block;
	MARGIN-LEFT:-390px;
	Margin-top:-268px;
	POSITION:absolute;
	WIDTH:830px;
	HEIGHT:536px;
	LEFT:553px;
	TOP:12px;
	VISIBILITY:visible;
	BACKGROUND-COLOR: #cc0033;
	background-image:none;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: 150px 30px;
	
}

#leftcol {
	position: absolute;
	width: 200px;
	overflow: hidden;
	background-image:url(images/dotnav4d.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align: top;
	height: 500px;
	top: 0px;
	left: 0px;
	border: thin none #00CC99;
	display:block;
}
	
#rightcol {
	width: 580px;
	background-repeat: no-repeat;
	background-position: left 40px;
	background-image: url(images/newbg1_nosun3.gif);
	height: 500px;
	position: absolute;
	top: 0px;
	left: 200px;
	margin:0px;
	padding:0px;
}
	
#logo {
	width:167px;
	height:153px;
	position: absolute;
	top: 3px;
	right: 0px;
	border: thin none #996699;
	display:block;
	left: 649px;
}	

#navbox {
	position: absolute;
	overflow: hidden;
	width: 170px;
	height: 200px;
	top: 127px;
	left: 15px;
	padding: 0px;
	border: 2px dashed #FFD614;
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
	background-color: #FFFFFF;
	display:block;
}

#adbox {
	height: 100px;
	width: 170px;
	position: absolute;
	top: 331px;
	left: 15px;
	border: thin none #CCCCCC;
	display:block;
}

#contentbox {
	height:261px;
	width:509px;
	overflow:auto;
	position:absolute;
	margin:0px 0px 0px -15px;
	padding:0px;
	top:211px;
	left:216px;
	display:block;
	text-align: left;
	SCROLLBAR-FACE-COLOR: #e77b18;
	SCROLLBAR-HIGHLIGHT-COLOR: #e77b18;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #000000;
	SCROLLBAR-TRACK-COLOR: #eAA884;
	SCROLLBAR-DARKSHADOW-COLOR: #e77b18;
	border: none;
	
}
#contentbox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	line-height: 1.5em;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #cc0033;
	font-size: 12px;
}

.navlist {
	list-style-type: none;
	margin: 0px;
	padding: 20px 10px 10px;
	line-height: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: small;
	background-color: #cc0033;
	color: #000000;
}

#footer {
	position: absolute;
	height: 32px;
	width: 198px;
	left: -156px;
	bottom: 0px;
	top: 529px;
}





#divnav a:link {
	color: #000000;
	font-family: VAG Rounded Bold, Verdana, Arial, Helvetica, sans-serif;
	
}
#divnav a {
	color: #000000;	
	text-decoration: underline;
	background-color: none;
	font-family:VAG Rounded Bold, Verdana, Arial, Helvetica, sans-serif;



}
#divnav a:visited {
	color: #000000;
	text-decoration: none;
}
#divnav a:hover {
	color: #000000;
	text-decoration: underline overline;

}
#divnav a:active {
	color: #000000;
}



#divnav {
	position: absolute;
	overflow: hidden;
	width: 135px;
	height: 1px;
	top: 92px;
	left: -135px;
	padding: 0px;
	font-family: "VAG Rounded Bold", Verdana, Arial, Helvetica, sans-serif;
	display:block;
	background-image: none;
	background-color: #FFFFFF;
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
	font-size: medium;
	color: #000000;

}
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-top-color: cc0033;
	border-right-color: cc0033;
	border-bottom-color: cc0033;
	border-left-color: cc0033;
	vertical-align: bottom;
	bottom: auto;
	display: none;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	left: auto;
	position: static;
	background-color: #FFFFFF;

}

.h1 {
	border-width: thick;
	border-style: dashed;
	border-color:none;
	font-size: large;
	font-weight: bold;
	color: #0a7ce3;
	width: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	}
	
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 0px solid #00000;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 
.background_image {
	overflow: visible;
	position: absolute;
	visibility: visible;
	z-index: auto;
	height: auto;
	width: 493px;
	right: 50px;
	left: 265px;
	top: 158px;
}
.tc_text {
	font-family: "VAG Rounded Bold", Verdana;
	font-size: 10px;
	color: #000000;
}

================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
	border:1px solid #666;
	}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0.5em 0;
	}
.two {
	width:45%;
	float:left;
	}
.three {
	width:45%;
	float:right;
	}
/* Rules for the top corners and border */
.bt {
	background:url(../images/box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
	}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(../images/box.png) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(../images/box.png) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(../images/box.png) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(../images/borders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(../images/borders.png) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
	}
/* CSS for the box ends here */

/* You can use different borders for different boxes on the same page. Just adjust the CSS. The following is an example that uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
.three .i1,
.three .i2 {
	background-image:url(../images/borders.gif);
	}
.three .bt,
.three .bt div,
.three .bb,
.three .bb div {
	background-image:url(../images/box.gif);
	}

/* Just a bit of styling for this example. Adjust as you wish. */
.cb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}

[if lt IE 7]>
/* Serve gif images to IE/Win pre version 7 */
.i1,
.i2 { background-image:url(../images/borders.gif); }
.bt,
.bt div,
.bb,
.bb div { background-image:url(../images/box.gif); }
/* Set a height to fix up some rendering issues. */
.i1,
.i3 { height:1px; }
<![endif]


.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block;
}



.linkdrop{


<form name="mycombo">
<p><select name="example" size="1">
<option value="http://www.javascriptkit.com">JavaScript Kit</option>
<option value="http://www.codingforums.com">Coding Forums</option>
<option value="http://www.dynamicdrive.com">Dynamic Drive</option>
</select></p>

<script type="text/javascript">

function go(){
location=
document.mycombo.example.
options[document.mycombo.example.selectedIndex].value
}
//
</script>

<input type="button" name="test" value="Go!" onClick="go()">
</form>

}
.titletext {
	font-family: "VAG Rounded Bold";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.linkdrop {
	font-family: "VAG Rounded Bold";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	page-break-before: always;
	page-break-after: always;
}