body{
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
}

img,a{
	border:0;
	outline:0;
}


.container{
	position:relative;
	margin:0 auto;
	width:860px;
	top:20px;
}

.header{
	position:relative;
	padding-left:35px;
	margin-bottom:20px;
	width: 100px;
}


/*************** Navigation *****************/

.nav{
	position:relative;
	float:left;
	width:180px;
}

.nav a{
	padding:3px 10px 3px 4px;
	line-height:23px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#B1B3B4;
}

.nav a:hover{
	background:#ccc;
}

.nav a.highlight{
	background:#009EE0;
}

.nav .subnav a{
	padding:6px 30px 6px 10px;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#B1B3B4;
	background:none;
}

.nav .subnav a:hover{
	color:#ccc;
	background:none;
}


/*************** Main Content *****************/

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.content{
	position:relative;
	float:right;
	width:570px;
	padding: 0px 70px 0px 0px;
}

.content-with-dots{
	position:relative;
	float:right;
	width:655px;
	padding: 130px 0px 0px 20px;
}

.main-graphic{
	position:relative;
	width: 640px;
	height: 277px;

	margin: 0px;
	padding: 128px 0px 0px 35px;
	float: right;
}

.workshop-graphic{
	position:relative;
	width: 640px;
	margin: 0px;
	padding: 128px 0px 0px 35px;
	float: right;
	overflow:hidden;
}

.content-container{
	margin-top:20px;
	background:#fff;
}

.content .divider{
	position:relative;
	clear:both;
	width:570px;
	height:33px;
	background:url(../images/divider.gif) repeat-x left center;
}

.content-block{
	position:relative;
	width:570px;
	padding: 0px 0px 0px 0px;
}

.content-block-dots
{
	position:relative;
	width:650px;
}

.content-block .left{
  width: 190px;
	float:left;
	display:inline;
	font-size:11px;
	color:#B2B3B5;
}

.content-block .left a{
	color:#00a0dc;
	text-decoration:none;
}

.content-block .left a:hover{
	color:#ccc;
}

.content-block .left h1 span{
	font-size:22px;
	font-weight:bold;
	margin:0;
	line-height:32px;
	color:#fff;
	padding:2px 16px 2px 6px;
	background-color:#B2B3B5;
}

.content-block .left h2{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.content-block .left p{
	padding:5px 0;
	margin:0;
}

.content-block .left ul{
	padding:0;
	margin:0;
	list-style:inside;
}

.content-block .right{
	width:365px;
	float:right;
	padding-top:8px;
}

.content-block .right h1{
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:5px 0;
	margin:0;
}

.content-block .right p{
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:5px 0;
	margin:0;
}

.content-block .right a{
	font-size:11px;
	font-weight:normal;
	color:#00a0dc;
	text-decoration:none;
}

.content-block .right a:hover{
	color:#270752;
}

.content-block .right ul{
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0px 15px;
	margin:0;
}

.content-block .right li{
	padding:5px 0;
	margin:0;
}

.content-block .right a.button{
	color:#fff;
	background:#B1B3B4;
	padding:6px 10px;
	display:inline-block;
}

.content-block .right a:hover.button{
	color:#fff;
	background:#ccc;
}

.content-block .right .bold{
	font-weight:bold;
}

.content-block .right .bold a{
	font-weight:bold;
}

.content-block .faqs a{
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.content-block .right .moreInfo{
	padding-left:9px;
	padding-bottom:15px;
}

.content-block .right .moreInfo a{
	font-size:11px;
	font-weight:normal;
	color:#009EE0;
	text-decoration:none;
}

.content-block .right label{
	width:100px;
	display:block;
	float:left;
	padding-right: 10px;
}

.content-block .right .divider{
	position:relative;
	clear:both;
	width:365px;
	height:33px;
	background:url(../images/divider.gif) repeat-x left center;
}



/*************** Footer *****************/

.footer{
	clear:both;
	margin:20px 0;
}

.footer .divider{
	position:relative;
	clear:both;
	width:800px;
	height:18px;
	background:url(../images/divider.gif) repeat-x left center;
}

.footer span{
	padding-left:200px;
	font-size:10px;
	color:#B2B3B5;
}

.footer span a{
	color:#00a0dc;
	text-decoration:none;
}

.footer span a:hover{
	color:#270752;
}

/** added **/
input.req {
  border-color:#E90268;
}

div.req {
  border: 1px solid #E90268; 
}

.content-block .right h1 a:hover
{
color: #009EE0;
}


/*
	Scrolling gallery
*/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
.workshop_images { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 640px; 
    height:240px;
	margin-bottom:10px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.workshop_images .items { 
    /* this cannot be too large */ 
    width:40000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.workshop_images .items div { 
    float:left; 
	margin-right:5px;
} 
 
/* you may want to setup some decorations to active item */ 
.items .active { 
 
}

.next, .nextPage{
	float:right;
	cursor:pointer;
}

.prev, .prevPage{
	float:left;
	cursor:pointer;
}