/* Color Scheme 

#3088f4 = blue
#CC33FF = purple
#550055 = dark purple text

#C0C0C0 = silver
#e2feff = aqua 1
#f1fefe = aqua 2
#e0e7f1 = blue-gray
#c2d1e5 = blue-gray color match
#becde0 = blue gray color match alpha
#5063ae = dark blue
#000050 = dark blue text
#001482 = indigo menu
#00ff00 = button green

*/

/* Global Styles */

body {
	font:Arial, Helvetica, sans-serif;
	background-image:url(UI/midnitegrad.gif);
	margin:0px;
	background-color:#ffffff;
	/*scrollbar-base-color:#ffabee;
	scrollbar-arrow-color:#CC3399;
	scrollbar-darkshadow-color:#550055;
	scrollbar-face-color:#ffabee;
	scrollbar-shadow-color:#CC33FF;
	scrollbar-track-color:#ffe4ee;*/	
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
p { 
	font:12px Arial, Helvetica, sans-serif;
	color:#000050;
	}
	
ul {
	list-style:disc;
	text-align:left;
	list-style-position:inside;
	font:12px Arial, Helvetica, sans-serif;
	color:#000050;
	}
	
a:link {color:#3088f4; text-decoration:underline;}
a:visited {color:#000050; text-decoration:underline;}
a:hover {color:#CC3399; text-decoration:underline;}
a:active {color:#CC3399; text-decoration:underline;}

/* DIV ID Styles */

#all {
	background-color:#ffffff;
	width:765px;
	z-index:2;
	margin:0px auto 0px auto;
	height:695px;
	border:none;
	position:relative;
	visibility:visible;
	border:thin;
	border-color:#000000;
	border-style:solid;
	border-width:thin;	
	border-bottom:thin;
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-left:thin;
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width:thin;
	border-right:thin;
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:thin;
	border-top:thin;
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width:thin;
	}
	
#banner {
	background:url(UI/banner.jpg) no-repeat;
	background-color:#ffffff;
	position:absolute;
    left:0px;
    top:0px;
    z-index:3;
    width:765px;
    height:120px;
	border:none;
	}

#border {
	/*background-color:#CC3399;*/
	position:absolute;
    left:0px;
    top:120px;
    z-index:4;
    width:765px;
    height:20px;
	border-top:thin;
	border-top-color:#000000;
	border-top-style:solid;
	border-top-width:thin;
	}
	
#menu {
	/*background:#001482;*/
	position:absolute;
	left:10px;
	top:183px;
	z-index:3;
	width:150px;
	height:486px;
	border:none;
	/*filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;*/
	}
	
#promo {
	position:absolute;
	z-index:4;
	width:150px;
	border:none;
	left:0px;
	top:560px;
	visibility:visible;
	}
	
#bkg {
	background:url(UI/content_cobalt2.gif) no-repeat;
	position:absolute;
    left:0px;
    top:120px;
    z-index:1;
    width:768px;
    height:576px;
	border:none;
	}

#title {
	font:Arial, Helvetica, sans-serif;
	position:absolute;
    left:320px;
    top:155px;
    z-index:3;
    width:275px;
    height:40px;
	border:none;
	overflow:auto;
	}

#content {
	font:Arial, Helvetica, sans-serif;
	position:absolute;
    left:170px;
    top:205px;
    z-index:3;
    width:560px;
    height:445px;
	border:none;
	overflow:auto;
	}
	
#blogspace {
	position:absolute;
    left:650px;
    top:140px;
    z-index:3;
    width:150px;
    height:370px;
	border:none;
	overflow:auto;
	}
	
#footer {
	position:absolute;
    left:160px;
    top:670px;
    z-index:3;
    width:595px;
    height:25px;
	border:none;
	visibility:visible;
	}
	
#stylecontainer {
	top:125px;
	left:630px;
	position:absolute;
	z-index:3;
	width:120px;
	height:55px;
	}
	
#style1 {
	top:15px;
	left:14px;
	width:20px;
	height:20px;
	position:absolute;
	z-index:4;
	/*border:thin;
	border-color:#000000;*/
	}
	
#style2 {
	top:15px;
	left:49px;
	width:20px;
	height:20px;
	position:absolute;
	z-index:4;
	/*border:thin;
	border-color:#000000;*/
	}
	
#style3 {
	top:15px;
	left:84px;
	width:20px;
	height:20px;
	position:absolute;
	z-index:4;
	/*border:thin;
	border-color:#000000;*/
	}

/* ID Styles */
	
#navigation td {
	/*background:#c2d1e5;*/
	/*border-bottom:1px solid #F4FFE4;*/
	border:none;
	}
	
#navigation a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ddeeff;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration:none;
	display:block;
	padding:8px 6px 10px 20px;
	background:url(UI/cobalt_button_up.gif) no-repeat;/
	}
	
#navigation a:hover {
	/*background:#ffffff;*/
	background:url(UI/cobalt_button_dn.gif) no-repeat;
	color:#00ccff;
	}
	
/* Class Styles */

.styleimg {
	border:1px;
	border-color:#5063ae;
	}

.navText {
	text-align:left;
	font:24px Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.date {
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration:none;
	display:block;
	padding:0px 6px 10px 20px;
	}
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:26px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5063ae;
	line-height:22px;
	letter-spacing:.2em;
	text-align:left;
	}

.header {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5063ae;
	line-height:20px;
	}

.smallText {
	font:10px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:22px;
	}