/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: #e5e4e4;
	color: #5d5b5b;
	font: .95em "Times New Roman", Times, serif
}
a{
	color: #14bbf2;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #d4d3d3 1px solid;
	color: #666666;
	font-size: 13px;
	padding: 4px
}
li{
	list-style: none
}
h2, h3{
	color: #00b3e3;
	font: 2em Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 1em
}
h4{
	font-size: 1em;
	margin: 0 0 1em
}
p{
	line-height: 1.8em;
	padding: 0 0 2em
}
/*=== Layout ===*/
#bgr{
	background: url(../images/bgr.gif) #f8f9fa repeat-x top
}
#page{
	margin: 0 auto;
	width: 1009px
}
/*=== Header ===*/
#header{
	height: 128px;
}
#header .content{
	color: #ff0084;
	float: right;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 77px 23px 0 0;
	text-align: right
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 454px
}
#header h1 a{
	display: block;
	height: 128px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	font-size: 25px;
	height: 48px;
	margin: 0 0 0px;
	overflow: hidden
}
#nav1 li{
	float: left;
	line-height: 48px;
	padding: 0 17px 0 0
}
#nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 5px
}
#nav1 li a:hover,
#nav1 li.active a{
	background: #ff42a4;
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	font-size: 20px;
	letter-spacing: -1px;
	margin: 0 0 1em
}
.nav2 li{
	margin: 0 0 5px
}
.nav2 li a{
	background: url(../images/nav2-bgr.gif) #f7f8f8 repeat-y left;
	color: #666666;
	display: block;
	height: 33px;
	line-height: 33px;
	padding: 0 0 0 9px
}
.nav2 li a:hover,
.nav2 li.active a{
	background: #fd2997;
	color: #ffffff;
	text-decoration: none
}
/*=== Title Placeholder ===*/
#title{
	height: 320px;
	overflow: hidden
}
#title-fix{
	background: url(../images/title-fix.jpg) no-repeat top;
	height: 319px;
	margin: 0 0 0 -166px;
	position: absolute;
	top: 176px;
	width: 166px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 20px 0 0;
	padding: 0 0 15px
}
#columns h1{
	color: #003333;
	font: 40px Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	margin: 12px 0 0;

}
#columns h2{
	color: #00b3e3;
	font-size: 50px;
	letter-spacing: -2px;
	margin: 0;
	text-transform: lowercase
}
#columns #leftcol h2{
	color: #00b3e3;
	padding: 0 0 0 20px
}
/*=== Left Column ===*/
#leftcol{
	float: left;
	width: 250px
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 0 0 0 28px;
	width: 430px
}
#centercol a:hover{
	color: #ff0099
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	text-align: right;
	width: 250px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 180px
}
.col2{
	float: left;
	margin: 0 0 0 65px;
	width: 230px
}
.col3{
	float: left;
	margin: 0 0 0 80px;
	width: 300px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	background: url(../images/box-bgr.jpg) no-repeat right top;
	color: #333333;
	margin: 0 0 1em;
	padding: 18px 20px 0;
	width: 210px
}
/*- News Box -*/
.box.news{
	margin: 0 0 1em;
	padding: 25px 20px
}
.news p{
	line-height: normal;
	padding: 0;
	text-align: right
}
.news a{
	color: #333333
}
.news em{
	color: #0099cc;
	font-style: normal
}
/*- Tag Cloud Box -*/
.tag-cloud{
	color: #333333;
	font-size: 22px;
	line-height: 30px
}
.tag-cloud a{
	color: #333333
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	margin: 0 0 1em
}
.list1 li{
	font-size: 15px;
	margin: 0 0 .7em
}
/*=== Styling Forms ===*/
input.btn{
	background: none;
	border: 0;
	margin: 0;
	padding: 0
}
/*- Form1 Setup -*/
.form1{
	margin: 0 0 .5em
}
.form1 div{
	margin: 0 0 5px
}
.form1 input{
	width: 220px
}
/* Form1 Buttons */
.form1 .submit{
	margin: 5px 0 0;
	text-align: right
}
.form1 input.btn{
	width: auto
}
/* Form1 Textarea */
.form1 textarea{
	height: 150px;
	overflow: auto;
	width: 220px
}
/*=== Page Bottom ===*/
#page-bot{
	background: url(../images/page-bot.jpg) #f4f3f3 no-repeat top;
	border-top: 3px solid #ffffff;
	color: #666666;
	height: 390px;
	padding: 60px 0 0
}
#page-bot a{
	color: #444444;
	padding: 5px
}
#page-bot a:hover{
	background: #ff0084;
	color: #ffffff;
	text-decoration: none
}
#page-bot h3{
	font-size: 25px;
	margin: 0 0 10px
}
#page-bot .content{
	margin: 0 auto;
	width: 930px
}
/*=== Footer ===*/
#footer{
	color: #666666;
	font: .75em Arial, Helvetica, sans-serif;
	height: 225px;
	padding: 10px 0;
	text-align: center
}
#footer a{
	color: #333333
}
#footer a:hover{
	color: #ff0084;
	text-decoration: none
}
#footer p{
	line-height: 2em;
	padding: 0 0 .8em
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
