@import url("typography.css");
@import url("flash.css");


body {
	background-color: #ffffff;
	font-size: small;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000;
	padding:0px;
	margin:0px;
	font-size:12px;
}

img {
	-moz-outline: none !important;
}

/* ----------container to center the layout---------- */
#wrap {
	margin:0px;
	width: 100%;
	}

#section {
	display: block;
	margin: 0 auto;
	width: 800px;
	overflow:hidden }

/* ----------header-------------- */
#header {
	position:relative;
	width: 800px;
	height: 77px;
	padding:0px;
	margin-bottom:10px;
	margin-top:15px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
} 
#logo {
	position:relative;
	float:left;
}

#nav {
	position:relative;
	float:right;
	width:560px;
	height:28px;
	margin-top:50px;
}

#nav-01 {
	position:relative;
	float:left;
	width:43px;
	height:28px;
	margin-right:20px;
}

#nav-02 {
	position:relative;
	float:left;
	width:122px;
	height:28px;
	margin-right:3px;
}

#nav-03 {
	position:relative;
	float:left;
	width:122px;
	height:28px;
	margin-right:3px;
}

#nav-04 {
	position:relative;
	float:left;
	width:122px;
	height:28px;
	margin-right:3px;
}

#nav-05 {
	position:relative;
	float:left;
	width:122px;
	height:28px;
}



/* ----------content-------------- */
#container {
	position:relative;
	width: 800px;
	padding:0px;
	padding-bottom:20px;
	border-bottom:3px solid #DBDBDB;
	margin-bottom:10px;
	margin-top:15px;
	background-color: #ffffff;
} 

#flash_component {
	position:relative;
	width: 800px;
	padding:0px;
	margin-bottom:10px;
}
#left {
	position:relative;
	float:left;
	width:230px;
	height:auto;
	padding-top:20px;
	z-index:10;
}
#main {
	position:relative;
	float:right;
	width:560px;
	height:auto;
	margin:0;
	overflow:visible;
	z-index:30;
}
#main_full {
	position:relative;
	float:left;
	width:800px;
	height:auto;
	margin:0;
	overflow:visible;
}

.rule {
	border-bottom:3px solid #DBDBDB;
	margin-bottom:20px;
}

.rule_blue {
	border-bottom:3px solid #BFD0FF;
	margin-bottom:20px;
}
.rule_green {
	border-bottom:3px solid #BFDCBB;
	margin-bottom:20px;
}
.rule_pink {
	border-bottom:3px solid #EABAFF;
	margin-bottom:20px;
}
.rule_yellow {
	border-bottom:3px solid #F6C795;
	margin-bottom:20px;
}


.listitem_normal {
	padding-left:20px;
	background-image: url(../images/arrow_normal.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

.listitem_light {
	padding-left:20px;
	background-image: url(../images/arrow_light.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
.listitem_light a {
	color:#999999;
}

.listitem_selected {
	padding-left:20px;
	background-image: url(../images/arrow_selected.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
.sub_listitem_normal {
	font-size:10px;
	font-weight:normal;
	padding-left:40px;
}

.sub_listitem_selected {
	font-size:10px;
	font-weight:bold;
	padding-left:40px;
}

#sublink {
	margin-bottom:2px;
}

/* ----------clear left float-------------- */
.clear {
	clear:both;
}

/* ----------boxes-------------- */
#boxes {
	position:relative;
	width:800px;
	height:180px;
	margin-bottom:10px;
}

.box_1 {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	width:230px;
	height:180px;
	background-image: url(../images/box_bg_blue.gif);
	background-repeat: repeat-x;
}

.box_a, .box_b, .box_c {
	position:relative;
	width:180px;
	height:180px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.box_a, .box_b {
	float:left;
	margin-right:10px;
}
.box_c {
	float:right;
}

.box_inner {
	text-align:left;
	overflow: hidden;
	width:180px;
	height:180px;
	background-color:#CCCCCC;
	background-image: url(../images/box_bg.gif);
	background-repeat: repeat-x;
}
.box_inner_green {
	text-align:left;
	overflow: hidden;
	width:180px;
	height:180px;
	background-color:#F3F7EA;
	background-image: url(../images/box_bg_green.gif);
	background-repeat: repeat-x;
}
.box_inner_blue {
	text-align:left;
	overflow: hidden;
	width:180px;
	height:180px;
	background-color:#D2ECF9;
	background-image: url(../images/box_bg_blue.gif);
	background-repeat: repeat-x;
}
.box_inner_purple {
	text-align:left;
	overflow: hidden;
	width:180px;
	height:180px;
	background-color:#F6AEF8;
	background-image: url(../images/box_bg_purple.gif);
	background-repeat: repeat-x;
}
.box_inner_yellow {
	text-align:left;
	overflow: hidden;
	width:180px;
	height:180px;
	background-color:#FDE29D;
	background-image: url(../images/box_bg_yellow.gif);
	background-repeat: repeat-x;
}

.pad_5 {
	padding:5px;
	height:150px;
	overflow: hidden;
}

.pad_5_nolink {
	padding:5px;
	height:170px;
	overflow: hidden;
}
	

.box_footer {
	height:20px;
	width:180px;
	text-align:right;
}

/* ----------footer-------------- */
#footer {
	position:relative;
	width:800px;
	height:50px;
	padding-top:10px;
	font-size:9px;
	color:#999999;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}

#footer a, #footer a:hover {
	color:#999999;
	font-size:9px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}