/* CSS Document */
#border{
	background-color:#FFFFFF;
	border:4px solid #D4D4D4;
	/* The width and w/idth values are for an IE hack. In versions of IE previous
	to IE6, the box model was interpreted differently, it would add the border, padding,
	and margin to the width.  Hence we need to add 4 + 4 px to the width (for the border)
	so that it is displayed properly.  Other browsers like firefox, IE6, etc don't add
	these properties to the width so the width only reflects the content and not the margin,
	padding, or border*/
	width:760px;
	w\idth:752px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/wrap_back_inner2.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#wrapper{
	margin:0;
	padding:0;
}

/* Start top header */
#top{
	color:#FFFFFF;
	background-image:url(../images/header_updated.gif);
	background-color:#666666;
	background-position:top left;
	background-repeat:no-repeat;
	height:100px;
	margin:0;
}

#toplinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0 0 0 585px;
	padding:4px 0 0 0;
	position:relative;
	color:#FFFFFF;
	text-decoration:none;
}

#toplinks a:link, #toplinks a:active, #toplinks a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#toplinks a:hover{
	color:#CCCCCC;
}

#flag img{
	float:right;
	margin:17px 15px 0 0;
}
/* End top header */

/* Start of left menu */
#leftcol{
	text-align:left;
	width:200px;
	float:left;
	font-size:9px;
	line-height:1.4em;
	color:#666666;
}

#leftcol h1{
	background-image:url(../images/head_left.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:9px;
	font-weight:bold;
	color:#8F9EC5;
	margin:0;
	padding:15px 15px 0 15px;
	height:30px;
	clear:both;
}

#leftcol h1.menuup{
	background-image:url(../images/head_left_up.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:9px;
	font-weight:bold;
	color:#8F9EC5;
	margin:0;
	padding:15px 15px 0 15px;
	height:30px;
	clear:both;
}

#leftcol p{
	padding:0 15px 1em 20px;
	margin:0;
}

#leftcol ul{
	margin:0 0 1em 0;
	padding:0 0 0 35px;
}

#leftcol ul.mylist{
}

#leftcol ul.mylist li{
	list-style-position:outside;
	list-style-image:url(../images/listbullet.gif);
	list-style-type:square;
}

#leftcol ul a{
	color:#666666;
}

#leftcol ul a:hover{
	color:#333333;
}

#leftcol img.getacro{
	float:left;
	padding:0 0 0 15px;
}

#leftcol p.getacro{
	padding:0 0 5px 15px;
}

/* End of left menu */

/* Start of content */
#content{
	text-align:left;
	width:550px;
	float:left;
	margin:0;	
}

#content a:active, #content a:link, #content a:visited {
	color:#DD3006;
}

#content a:hover{
	color:#B12705;
}

#content p{
	padding:0 0 1em 0;
}
/* End of content */

/* Start of 1st column of content */
#clmain{
	color:#444444;
	font-size:11px;
	width:302px;
	float:left;
	margin:0;
	padding:0;
}

#c1{
	color:#444444;
	font-size:11px;
	margin:0;
	padding:0 5px 0 10px;
}

#c1 h1{
	background-image:url(../images/head_back.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
	color:#8F9EC5;
	margin:0 -4px 10px -8px;
	padding:15px 0 0 5px;
	height:15px;
	border-top:1px solid #D4D4D4;
}

#c1 img{
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:5px;
	margin:0 0 20px 0;
	float:left;
}

#c1 p.highlights{
	text-align:center;
	margin:0;
	padding:0 0 10px 0;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	color:#8F9EC5;
}

#c2{
	font-size:9px;
	margin:0;
	padding:0;
	clear:left;
}

#c2 img{
	margin:0 5px 0 0;
	clear:left;
}

#c2 p{
	margin:0;
	height:100px;
}
/* End of 1st column of content */

/* Start of 2nd column of content */
#optmain{
	color:#444444;
	font-size:11px;
	width:248px;
	float:left;
	margin:0;
	padding:0;
}

#opt1{
	color:#444444;
	font-size:11px;
	margin:0;
	padding:5px 3px 0 5px;
}

#opt1 img{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:4px;
	margin:0 0 15px 0;
	float:left;
}

#opt1 img.coloropt{
	border:1px solid #CCCCCC;
	padding:1px;
	margin:10px 1px 3px 1px;
	float:left;
}

#opt1 div.floatcolors{
	float:left;
}

#opt1 div.floatcolors p{
	clear:left;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	padding:0 0 15px 0;
	margin:0;
	border:0;
}

#opt1 div.floatwindows{
	float:left;
	margin:0 0 -5px 0;
	height:54px;
}

#opt1 div.floatwindows img.windowopt{
	border:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:3px;
	margin:10px 5px 0 0;
	float:left;
}

#opt1 div.floatwindows p.windowp{
	text-align:left;
	font-size:10px;
	font-weight:bold;
	padding:15px 0 0 0;
	margin:0;
	border:0;
}

#opt1 div.floatwindows img.newwindow{
	border:0;
	background-color:transparent;
	padding:0 0 0 5px;
	margin:0;
}

#opt1 h1{
	font-size:14px;
	font-weight:bold;
	color:#8F9EC5;
	margin:0;
	padding:15px 0 0 0;
}

#opt1 div.brochure{
	float:left;
	margin:0;
}

#opt1 div.brochure img{
	border:0;
	background-color:transparent;
	padding:0 0 0 5px;
	margin:10px 10px 20px 0;
	float:left;
}

#opt1 div.brochure p{
	text-align:left;
	font-size:9px;
	padding:0;
	margin:10px 0 0 0;
	border:0;
}

/* End of 2nd column of content */

/* Start of footer */
#footer{
	background-color:#999999;
	color:#666666;
	background-image:url(../images/footer_back_01.gif);
	width:752px;
	height:17px;
	padding:3px 0 0 0;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:9px;
	clear:both;
}
/* End of footer */