@charset "UTF-8";
/*****************/
/* General Setup */
/*****************/
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333;
	margin:0;
	padding:0;
}
body {
	background-color:#888;
}
.clr {
	clear:both;
}
h1 {
	font-size:20px;
	color:#306;
	padding-bottom:20px;
}
h2 {
	font-size:16px;
	color:#306;
	font-weight:bold;
	padding-top:40px;
	padding-bottom:10px;
}
#content p {
	padding-bottom:14px;
}
#content ul {
	padding-left:20px;
}




/**********/
/* Layout */
/**********/
#header-top {
	height:50px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#header {
	height:50px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-bottom:2px solid #306;
}
#content {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#content-box-bottom {
	background-color:#FFF;
	height:20px;
	width:760px;
	padding:20px;
	overflow:auto;
	margin-left:100px;
	margin-bottom:120px;
}
#footer {
	overflow:hidden;
	height:150px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border-top:2px solid #306;
}
#f1,
#f2,
#f3,
#f4,
#f5,
#f6 {
	overflow:hidden;
	height:150px;
	float:left;
	padding-top:10px;
}
#f1 {width:165px;}
#f2 {width:175px;}
#f3 {width:140px;}
#f4 {width:100px;}
#f5 {width:130px;}
#f6 {
	width:190px;
	text-align:right;
}






/*************/
/* Main Menu */
/*************/
#menu {
	height:40px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	padding-top:15px;
}
#menu li {  
    float:left;  
    display:block;  
    position:relative;  
    margin-right:60px;  
    border:none;  
}
#menu li a {
	font-size:18px;
	color:#fff;
	text-decoration:none;
    display:block;  
    outline:0;  
}
#menu a:hover {color:#306;}
#menu li a:hover {color:#306;}
#menu li:hover a {color:#306;}

.dropdown-ws,
.dropdown-uu {  
    margin:1px auto;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding-top:8px;
}
.dropdown-ws {width:420px;}
.dropdown-uu {width:190px;}

.dropdown-ws ul li,
.dropdown-uu ul li {
	width:120px;
}
.dropdown-ws ul li a,
.dropdown-uu ul li a {
	font-size:12px !important;
	color:#fff !important;
}

#menu li:hover .dropdown-ws, 
#menu li:hover .dropdown-uu {  
    left:1px;
	top:auto;
} 
#menu li:hover .dropdown-ws ul li a:hover, 
#menu li:hover .dropdown-uu ul li a:hover {  
	color:#306 !important;
} 

.col_1,
.col_2 {  
    display:inline;  
    float: left;  
    position: relative;  
}  
.col_1 {width:140px;}
.col_2 {width:95px;}







/***************/
/* Color Boxes */
/***************/
#color-box-orange,
#color-box-green,
#color-box-blue,
#color-box-red,
#color-box-purple,
#color-box-yellow {
	height:60px;
	width:600px;
	margin-top:80px;
}
#color-box-orange {background-color:#f90;}
#color-box-green {background-color:#0c0;}
#color-box-blue {background-color:#06f;}
#color-box-red {background-color:#f63;}
#color-box-purple {background-color:#90f;}
#color-box-yellow {background-color:#dd0;}

#color-box-orange p,
#color-box-green p,
#color-box-blue p,
#color-box-red p,
#color-box-purple p,
#color-box-yellow p {
	font-size:16px;
	color:#FFF;
	padding-top:22px;
	padding-left:30px;
}

#content-box-orange,
#content-box-green,
#content-box-blue,
#content-box-red,
#content-box-purple,
#content-box-yellow {
	background-color:#FFF;
	width:740px;
	padding:30px 30px 0px 30px;
	overflow:auto;
}
#content-box-orange {border-left:100px solid #f90;}
#content-box-green {border-left:100px solid #0c0;}
#content-box-blue {border-left:100px solid #06f;}
#content-box-red {border-left:100px solid #f63;}
#content-box-purple {border-left:100px solid #90f;}
#content-box-yellow {border-left:100px solid #dd0;}

#content-box-orange a,
#content-box-green a,
#content-box-blue a,
#content-box-red a,
#content-box-purple a,
#content-box-yellow a {
	text-decoration:none;
}
#content-box-orange a {color:#f90;}
#content-box-green a {color:#0c0;}
#content-box-blue a {color:#06f;}
#content-box-red a {color:#f63;}
#content-box-purple a {color:#90f;}
#content-box-yellow a {color:#dd0;}

#content-box-orange a:hover,
#content-box-green a:hover,
#content-box-blue a:hover,
#content-box-red a:hover,
#content-box-purple a:hover,
#content-box-yellow a:hover {
	color:#60c;
	background-color:#f6f6f6;
}






/**********/
/* Footer */
/**********/
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	color:#306;
}
#footer p {
	color:#000;
	line-height: 16px;
}