@import url("reset.css");
/*
 * Client: 
 * Site Name: 
 * URL: 
 *
 * Author: 
 * URL: http://www.whitespace-creative.com/
 *
 * Created: 
 *
 * --------------------------------------------------------------- */

/* Basic Structure */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: #df2766 url(../../elements/skin/bg.gif) repeat-x left top;
	text-align: center;
}
#wrapper {
	background: transparent url(../../elements/skin/wrapper_bg.jpg) no-repeat left top;
	width: 1215px;
	min-height: 878px;
	margin: 0 auto;
	text-align: left;
}

#tools {
	width: 722px;
	height: 67px;
	margin-left: 369px;
	background: transparent url(../../elements/skin/header_tools_bg.gif) no-repeat left top;
	position: relative;
	z-index: 1;
}

#tools .greeting {
	position: absolute;
	z-index:1;
	top: 42px;
	left: 61px;
	width: 260px;
	color: #f7de45;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

#tools .greeting a {
	color: #f7de45;
	text-decoration: none;
}

#tools .navigation {
	position: absolute;
	z-index: 1;
	bottom: 6px;
	left: 337px;
}

#tools .navigation li { float: left;}

#tools .navigation a {
	background: transparent url(../../elements/skin/tools_navigation.gif) no-repeat left top;
	display: block;
	height: 27px;
	text-indent: -9999px;
	float: left;
}

#tools .navigation_001 a { width: 87px; background-position: left top; }
#tools .navigation_002 a { width: 91px; background-position: -87px top; }
#tools .navigation_003 a { width: 90px; background-position: -178px top; }
#tools .navigation_004 a { width: 93px; background-position: -268px top; }



#header,
#navigation,
#main,
#ads,
#footer { margin-left: 152px; margin-right: 143px; }

#header {
	position: relative;
	z-index: 1;
	height: 213px;
	background: transparent url(../../elements/skin/main_bg.jpg) repeat-y left top;
}

#header .corner {
	background: transparent url(../../elements/skin/header_corner.gif) no-repeat left top;
	width: 19px;
	height: 100px;
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	margin-right: -19px;
}

#header .butterfly {
	background: transparent url(../../elements/skin/butterfly.gif) no-repeat left top;
	width: 137px;
	height: 134px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 88px;
	margin: 0 0 0 -56px;
}

#header .circle {
	background: transparent url(../../elements/skin/header_circle.jpg) no-repeat left top;
	width: 246px;
	height: 264px;
	position: absolute;
	z-index: 3;
	left: -29px;
	top: -52px;
}

#header .logo {
	display: block;
	text-indent: -9999px;
	background: transparent url(../../elements/logo.gif) no-repeat left top;
	width: 237px;
	height: 236px;
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	top: -44px;
	left: -22px;
}

#header .image {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: transparent url(../../elements/skin/ads_bg.gif) repeat-y right top;
	width: 695px;
	padding:  0 0 8px 8px;
}
/*
#header .image img { margin: 0 0 8px 8px; }
*/
#navigation {
	background: transparent url(../../elements/skin/main_bg.jpg) repeat-y left top;
	padding: 10px 0 0 6px;
}

#navigation .navigation li { float: left;}

#navigation .navigation a {
	background: transparent url(../../elements/skin/navigation_main.gif) no-repeat left top;
	display: block;
	height: 54px;
	text-indent: -9999px;
	float: left;
}

#navigation .navigation_1095 a { width: 113px; background-position: left top; }
#navigation .navigation_1096 a { width: 114px; background-position: -113px top; }
#navigation .navigation_1097 a { width: 114px; background-position: -227px top; }
#navigation .navigation_1098 a { width: 113px; background-position: -341px top; }
#navigation .navigation_1099 a { width: 113px; background-position: -454px top; }
#navigation .navigation_1100 a { width: 114px; background-position: -567px top; }
#navigation .navigation_1101 a { width: 114px; background-position: -681px top; }
#navigation .navigation_1102 a { width: 116px; background-position: -795px top; }



#main {
	background: transparent url(../../elements/skin/main_bg2.jpg) repeat-y left top;
	border-bottom: solid 1px #a38b69; 
}

#left {
	float: left;
	width: 216px;
}

#left .content { padding: 8px; }

#left .search { margin: 0 0 10px 0; }
#left .search .text {
	border: solid 1px #4f8f10;
	border-right: none;
	padding: 0 5px;
	line-height: 20px;
	height: 15px;
	font-size: 11px;
	color: #d91a79;
	width: 170px;
}
#left .search .button {
	background: transparent url(../../elements/skin/btn_search.gif) no-repeat left top;
	width: 21px;
	height: 17px;
	vertical-align: bottom;
	margin: 0 0 0 -5px;
}

#left .navigation {
	background: transparent url(../../elements/skin/left_navigation.gif) no-repeat left bottom;
	padding: 0 0 5px 0;
	width: 200px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

#left .navigation li {
	background: transparent url(../../elements/skin/left_navigation.gif) no-repeat left -10px;
	border-top: solid 1px #a4b767;
}

#left .navigation>li:first-child {
	background-position: left top;
	border: none;
}

#left .navigation li a {
	color: #f5e9d8;
	text-decoration: none;
	padding: 4px 10px 4px 15px;
	display: block;
}

#left .navigation ul { background-color: #d91a79; }
#left .navigation li li { background: none; }
#left .navigation li li a { color: #ffcc00; padding-left: 25px; }
#left .navigation li li li a { padding-left: 40px; }

#left .navigation li .clicker {
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px 0 0 5px;
	display: block;
	cursor: pointer;
	padding: 0;
	line-height: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}

#left .navigation li .clicker.open { line-height: 5px; }

#left .navigation li li .clicker { margin-left: 15px; }

#left .navigation li ul { padding: 0; }

/* Quick Links */
#left .quick-links {
	background: transparent url(../../elements/skin/quick_links.jpg) no-repeat left top;
	padding-top: 10px;
}
#left .quick-links h4 {
	font-weight: bold;
	font-size: 16px;
	color: #95b432;
	border-bottom: dotted 4px #f22acf;
	padding: 0 0 4px 0;
	margin: 0 7px 4px 7px;
}
#left .quick-links .navigation { 
	background-image:url(../../elements/skin/quick_links.jpg);
	width: auto;
	height: auto;
}

#left .quick-links .navigation li {
	background-image: url(../../elements/skin/quick_links.jpg);
	border: none;
}

#left .quick-links .navigation a { padding-left: 10px; font-weight: bold; }

#left .quick-links .navigation>li:first-child { background-position: left -10px; }

#left .quick-links .more { display: none; }

/* -------------
 * Right Column
 * ------------- */
#right {
	float: left;
	width: 694px;
	background: #f5e9d8 url(../../elements/skin/right_top.gif) no-repeat top;
	color: #6d6a66;
	font-size: 12px;
}

#right .content { padding: 30px; }

#right .content * { line-height: 16px; }

#right .content h1,
#right .content h2,
#right .content h3,
#right .content h4{ font-weight: bold; line-height: 1em; margin-bottom: .5em; }

#right .content h1 { 
	color: #d91a79;
	font-size: 27px;
	line-height: normal;
	z-index: 1;
}

#right .content h2 {
	color: #1f4c07;
	font-size: 18px;
}

#right .content h3 {
	color: #f46600;
	font-size: 14px;
}

#right .content h4 {
	color: #f46600;
	font-size: 12px;
	margin-bottom: 0;
}

#right .content p { margin-bottom: 1em; }

#right .content ul,
#right .content ol { margin: 0 0 0 20px; list-style: inside; }

#right .content ul { list-style: disc;}
#right .content ul ul { list-style: circle;}
#right .content ul ul ul { list-style: square;}
#right .content ul ul ul ul { list-style: square;}

#right .content ol { list-style: decimal; }
#right .content ol ol { list-style: lower-alpha; }

#right .content .breadcrumb { margin: 0 0 15px 0; }
#right .content .breadcrumb a { text-decoration: none; }
#right .content .breadcrumb span { }

#right dl.library { margin-bottom: 10px; }
#right dl.library dt {font-weight: bold; }
#right dl.library dd { padding-left: 10px; }

/* -------------
 * FAQ
 * ------------- */
.faq dt { font-weight: bold; font-size: 1.3em; }
.faq dd { margin-bottom: 10px; border-bottom: solid 1px #CCCCCC; }

/* -------------
 * Glossary
 * ------------- */
#right .content .termLinks { list-style: none; margin: 0 0 10px 0; padding: 0; }
.termLinks li {display: inline; margin-right: 5px; }
.terms { margin-bottom: 15px; }
.terms h2,
.terms dt { font-weight: bold; font-size: 1.3em; }
.terms dd { margin-bottom: 10px; border-bottom: solid 1px #CCCCCC; }

/* -------------
 * News
 * ------------- */
#right .newsItem {
	border-bottom: solid 1px #CCC;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#right .newsItem .newsHeadline { font-weight: bold; }


/* -------------
 * Ads
 * ------------- */
#ads {
	clear: both;
	background: transparent url(../../elements/skin/ads_bg.gif) repeat-y left top;
	height: 100px;
	padding: 15px 0 0 0;
}

#ads div {
	float: left;
	margin: 0 0 0 10px;
	width: 340px;
}

#ads .social-media {
	width: 197px;
	position: relative;
	z-index: 1;
	background: transparent url(../../elements/skin/social_media.gif) no-repeat 50px 0;
	height: 80px;
}

#ads .social-media .facebook,
#ads .social-media .twitter {
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	position: absolute;
	z-index: 1;
	top: 52px;
}

#ads .social-media .facebook { left: 96px; }
#ads .social-media .twitter { left: 127px; }

#ads .ad1 {}
#ads .ad2 {}


/* -------------
 * Footer
 * ------------- */
#footer {
	background: transparent url(../../elements/skin/footer_bg.gif) no-repeat left top;
	padding: 25px 0 30px 20px;
	font-size: 9px;
	color: #FFF;
}

#footer .navigation { margin: 0 0 15px 0; }

#footer .navigation li { 
	display: inline;
	border-left: solid 1px #ffd500;
}

#footer .navigation li a {
	color: #ffd500;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px;
}

#footer .navigation li:first-child { border: none; }
#footer .navigation li:first-child a { padding-left: 0; }
	 
#footer .copyright { margin: 0 0 7px 0; }

/* -------------
 * SIFR
 * ------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #right .content h1 { 
	visibility: hidden;
	/*letter-spacing: 50px;*/
	font-size: 40px;
	height: 40px; 
	overflow: hidden;
}
#right .content h1.sIFR-replaced { margin-bottom: 0; }


/* -------------
 * Error Messaging
 * ------------- */
.ok, .error, .caution {
	color:#333333;
	padding: 5px 5px 5px 25px;
	margin: 0px;
	display: block;
}
.ok {
	background: #E5F1E8 url(../../elements/icon_ok.gif) no-repeat 5px 5px;
	border-top: 2px solid #007520;
	border-bottom: 2px solid #007520;
	margin-bottom: 5px;

}
.error {
	background: #F5E5E5 url(../../elements/icon_error.gif) no-repeat 5px 5px;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
	margin-bottom: 5px;
}
.caution {
	background: #fff5cc url(../../elements/icon_caution.gif) no-repeat 5px 5px;
	border-top: 2px solid #fece00;
	border-bottom: 2px solid #fece00;
	margin-bottom: 5px;
}



/* -------------
 * Misc.
 * ------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Remove the outline */
a,
input[type=image] { outline: none !important; }


.form p { position: relative; }
.form label.over-apply { color: #777373; position: absolute; top: .5em; left: .5em;}
.form label.over-apply-hide { text-indent: -10000px; }
body .form .no-label label.over-apply-hide,
.form label.over-apply-show { text-indent: 0px; }
.form label.over-apply-type-select-one { left: -9999px; }
.form label.over-apply-type-radio,
.form label.over-apply-type-checkbox { position: static; display: inline; }
.form label.over-apply-type-file { position: static; display: block; }
.form label.label-checkbox { color: #367c2b; font-weight: bold; }
.form .over-group { overflow: hidden; clear: both; }
.form .over-group p { float: left; margin-right: 5px; }
.form .no-label label { position: static; left: 0; }

.hide { display: none; }
.invisible { visibility: hidden; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #1f4c07; }
hr { 
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	text-align: left;
}

#SignUp .signupframe { border: none; background: transparent; color: #226699; font-family: Arial, Helvetica, sans-serif;}
.color1 { color: #d91a79; } /* Pink */
.color2 { color: #1f4c07; } /* Dark Green */