@charset "utf-8";
/* CSS Document */


/*=== Tag Styles ===*/
html {
	background-color:#000; 
	background-image:url(../img/page_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
	
body {
	font-family: Georgia, "Times New Roman", Times, serif /* Standard font-set-1 */
	font-size:12px;
	font-variant:normal;
	/* background-color:#000;  Same as our black for text */
	margin:0px;
}

hr { color:#FFCC33; }

object,
a {	outline:none; }

form { margin:0px; }

h1 { font-size:24pt; }
h2 { font-size:20pt; }
h3 { font-size:16pt; }

table,
table tr td {
	padding:0px;
	margin:0px;
}
table.border-collapse { border-collapse:collapse; }
table.border-seperate { border-collapse:separate; }

/*=== Class Styles ===*/

/*== Text Stuff ==*/
.font-set-1 { font-family:Georgia, Times, Times New Roman; }
.font-set-2 { font-family:Arial, Helvetica, sans-serif; }

.tiny {	font-size:7.5pt; line-height:10pt }
.small { font-size:8pt; line-height:12pt }
.small-medium { font-size:9pt; line-height:12pt }

.medium { font-size:10pt; line-height:14pt }
.large { font-size:12pt; line-height:16pt }
.x-large { font-size:14pt; line-height:18pt }
.xx-large { font-size:16pt; line-height:20pt }
.huge { font-size:20pt; line-height:24pt }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-top { vertical-align:top; }
.align-middle { vertical-align:middle; }
.align-bottom { vertical-align:bottom; }

/*= Special Text formatting =*/
.bold,
.hover-bold:hover,
.active-bold:active {
	font-weight:bold;
	letter-spacing: 0.01em;	
}
.no-bold,
.hover-no-bold:hover,
.active-no-bold:active { 
	font-weight:normal; 
	letter-spacing:normal;
}
.italics,
.hover-italics:hover,
.active-italics:active { font-style:italic; }
.no-italics,
.hover-no-italics:hover,
.active-no-italics:active { font-style:normal; }
.underline,
.hover-underline:hover,
.active-underline:active { text-decoration:underline; }
.no-underline,
.hover-no-underline:hover,
.active-no-underline:active { text-decoration:none; }

/*= Text/Link Colors and Overrides =*/
.medium-gray { color:#999; }
.black,
a.black:link { color:#232323; }
.hover-black:hover,
.active-black:active {	color:#232323 !important; }
.yellow,
a.yellow:link { color:#FFCC66; }
.hover-yellow:hover,
.active-yellow:active { color:#ffcc00 !important; }
.blue,
a.blue:link { color:#003366; }
.hover-blue:hover,
.active-blue:active { color:#003366 !important; }
.dark-gray,
a.dark-gray:link  { color:#333333; }
.hover-dark-gray:hover,
.active-dark-gray:active {	color:#333333 !important; }
.gray,
a.gray:link { color:#4A4A4A; }
.hover-gray:hover,
.active-gray:active { color:#4A4A4A !important; }
.light-gray,
a.light-gray:link { color:#efefef; }
.hover-light-gray:hover,
.active-light-gray:active { color:#efefef !important; }
.green,
a.green:link { color:#006600; }
.hover-green:hover,
.active-green:active { color:#006600 !important; }
.orange,
a.orange:link { color:#ff6600; }
.hover-orange:hover,
.active-orange:active { color:#ff6600 !important; }
.red,
a.red:link { color:#990000; }
.hover-red:hover,
.active-red:active { color:#990000 !important; }
.white,
a.white:link { color:White; }
.hover-white:hover,
.active-white:active { color:White !important; }

.hover-pointer:hover { cursor:pointer }

/*= Standard link hover colors =*/
a.blue:hover { color:Blue; }
a.orange:hover { color:#ff9900; }
a.dark-gray:hover {	color:#666666; }
a.gray:hover { color:Blue; }
a.light-gray:hover { color:#ffcc00; }
a.green:hover { color:#00FF00; }
a.white:hover {	color:#cccccc; }
a.red:hover { color:Red; }
a.yellow:hover { color:#f9f08b; }
a.black:hover { color:#333333; }

/*== Element Stuff ==*/
.display-none { display:none; }
.display-inline { display:inline; }
.display-block { display:block; }

.visible { visibility:visible; }
.invisible { visibility:hidden; }

.float-left {
	float:left; 
	display:inline; /* Fixes ie 6 */
}
.float-right {
	float:right; 
	display:inline; /* Fixes ie 6 */
}
.float-none { float:none; }

.clear-both { clear:both; }

.no-wrap { white-space:nowrap; }

.position-relative { position:relative; }
.position-absolute { position:absolute; }
.position-static { position:static; }

.overflow-hidden { overflow:hidden; }
.overflow-auto { overflow:auto; }
.overflow-visible { overflow:visible; }

.width-100 { width:100%; }
.height-100 { height:100%; }

/*== Standard background colors ==*/

.background-white { background-color:White; }
.background-black { background-color:#000000; }
.background-blue { background-color:#003366; }
.background-red { background-color:#990000; }
.background-yellow { background-color:#ffcc00; }
.background-gray { background-color:#4A4A4A; }
.background-light-gray { background-color:#efefef; }
.background-dark-dray { background-color:#333333; }

.border-none {
	border-width:0px;
	border-style:none;
}

.border-tiny { border-width:1px; }
.border-small { border-width:2px; }
.border-medium { border-width:3px; }
.border-large { border-width:4px; }
.border-huge { border-width:5px; }

.border-black { border-color:#232323; }
.border-white { border-color:White; }
.border-blue { border-color:#003366; }
.border-red { border-color:#990000; }
.border-yellow { border-color:#ffcc00; }
.border-gray { border-color:#4A4A4A; }
.border-light-gray { border-color:#efefef; }
.border-dark-gray { border-color:#333333; }

.border-solid { border-style:solid; }
.border-dashed { border-style:dashed; }
.border-inset { border-style:inset; }

.border-top-solid { border-top:solid; }
.border-left-solid { border-left:solid; }
.border-bottom-solid { border-bottom:solid; }
.border-right-solid { border-right:solid; }

/* Do not use padding if you defined a width. IE and FF will interpret differently! */
.padding-none { padding:0px; }
.padding-5 { padding:5px; }
.padding-10 { padding:10px; }
.padding-15 { padding:15px; }
.padding-left-0 { padding-left:0px; }
.padding-left-5 { padding-left:5px; }
.padding-left-10 { padding-left:10px; }
.padding-left-15 { padding-left:15px; }
.padding-right-0 { padding-right:0px; }
.padding-right-5 { padding-right:5px; }
.padding-right-10 { padding-right:10px; }
.padding-right-15 { padding-right:15px; }
.padding-top-0 { padding-top:0px; }
.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-bottom-0 { padding-bottom:0px; }
.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }

.margin-none { margin:0px; }
.margin-5 { margin:5px; }
.margin-10 { margin:10px; }
.margin-15 { margin:15px; }
.margin-20 { margin:20px; }
.margin-left-0 { margin-left:0px; }
.margin-left-5 { margin-left:5px; }
.margin-left-10 { margin-left:10px; }
.margin-left-15 { margin-left:15px; }
.margin-left-20 { margin-left:20px; }
.margin-right-0 { margin-right:0px; }
.margin-right-5 { margin-right:5px; }
.margin-right-10 { margin-right:10px; }
.margin-right-15 { margin-right:15px; }
.margin-right-20 { margin-right:20px; }
.margin-top-0 { margin-top:0px; }
.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-bottom-0 { margin-bottom:0px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-center {
	margin-left: auto;
	margin-right: auto;
}

.list-none { list-style-type:none; }
.list-circle { list-style-type:circle; }


/* Standard Button */
.btn { height:21px; }

.btn .l,
.btn .m,
.btn .r {
	background-repeat: no-repeat;
	height:100%;
	float:left;
}

.btn .l,
.btn .r { width:6px; }

.btn .l { background-position:top left; }
.btn .m { background-position:top center; }
.btn .r { background-position:top right; }
.btn .m div { margin-top:2px; }

/* Sepecific Button looks */
.btn-dark-blue .l,
.btn-dark-blue .m,
.btn-dark-blue .r { background-image: url(/includes/images/buttons/btn_dk-blu.gif); }

.btn-green .l,
.btn-green .m,
.btn-green .r { background-image: url(/includes/images/buttons/btn_green.gif); }

.btn-light-blue .l,
.btn-light-blue .m,
.btn-light-blue .r { background-image: url(/includes/images/buttons/btn_lt-blue.gif); }

.btn-orange .l,
.btn-orange .m,
.btn-orange .r { background-image: url(/includes/images/buttons/btn_orange.gif); }

.btn-red .l,
.btn-red .m,
.btn-red .r { background-image: url(/includes/images/buttons/btn_red.gif); }


.default-content-width { width:981px; } /* Should be same as the above style definitions width! */

.home-page { background-image:url(../img/bg_page.jpg);background-repeat:no-repeat; }
.child-page { background-image:url(../img/bg_child-page.jpg);background-repeat:no-repeat; }

.header { background-image:url(../img/bg_header.png);background-repeat:no-repeat;
	width:981px; }