/* ----------css main elements-------------- */
body {
	margin-top:10px;
	padding: 0px;
	background-color: #999999;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none;  
  line-height: 16px;
  color: #000000; 
}


img { border: 0;}

/* ----------Link Styles and H's-------------- */

H1 {font-size: 20px; font-weight: normal; color: #ff7d14; margin-top: 0px;}
#h1-support {color: #ff7d14;}
#h1-resources {color: #ff7c12;}

H2 {
	font-size: 11px;
	font-weight: bold; 
	color: #FF7D14; 
	margin-top: 6px; 
	margin-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/h2-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

a, a:link {text-decoration: none; color:#0078FF;}
a:hover {text-decoration:underline; color:#0078FF;}

.trail, a.trail:link {font-size: 9px; text-decoration: none; font-weight: normal; color:#666666;}
a.trail:hover {text-decoration:underline; color:#666666;}

.trailON-S, a.trailON-S:link {font-size: 9px; text-decoration: none; font-weight: normal; color:#0078FF;}
a.trailON-S:hover {text-decoration:underline; color:#0078FF;}

.trailON-R, a.trailON-R:link {font-size: 9px; text-decoration: none; font-weight: normal; color:#ff7c12;}
a.trailON-R:hover {text-decoration:underline; color:#ff7c12;}

.arw {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; }

.more, a.more:link { font-size: 10px; text-decoration: none; color: #f0aa23;}
a.more:hover {text-decoration: underline; color: #f0aa23;}

div#readmore {text-align: right; margin: 0px 0px 0px 0px; padding: 0px 6px 0px 0px;}

/* ----------Page Content & Copy-------------- */

#Content-Body {margin: 0px; padding: 10px 10px;}

/* ----------container-------------- */
#container {
	width: 800px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid #666666;
	border-bottom: 0px solid #666666;	
	border-left: 0px solid #666666;
	border-right: 0px solid #666666;
	background-image:url(../images/bck-main.jpg);
}

#container-home {
	width: 800px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid #666666;
	border-bottom: 0px solid #666666;	
	border-left: 0px solid #666666;
	border-right: 0px solid #666666;
	background-image:url(../images/home-back.jpg);
}

/* ----------------------------------------------------- */
/* ---------- Begin Main Navigation Column-------------- */
/* ----------------------------------------------------- */
#Left-Col {
	padding: 0px;
	margin: 0px;
	width: 195px;
	vertical-align: top;
	
}
#logo {
	padding: 0px;
	margin: 0px;
	background-color: #0078FF;
}


#sub-menu,  {
	margin: 0px;
	padding: 0px;
	width: 195px;
}

/* ----------Sub Menus-------------- */
#support-menu {
	position: relative; 
	margin-top: 0px;
	padding: 0px;
}

/* ---------- Navigation "Lifelong Support" -------------- */

#support {
	padding: 0px;
	margin: 0px;
	background-color: #0078FF;
}

#sub-menu-s_brkout {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	background-color: #005EC7;
	width: 195px;
}

td#support-pad {padding: 4px 0px;}
td#support-sub-pad {padding: 3px 4px 3px 0px; line-height: 12px; }

/* ---------- Link Styles "Lifelong Support" -------------- */
.support, a.support:link {
	font-size: 14px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
a.support:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-support-sub, a.m-support-sub:link {
	font-size: 12px;
	line-height: 12px; 
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-support-sub:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-support-subON, a.m-support-subON:link {
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-support-subON:hover {
	text-decoration: none; 
	color: #FFFFFF;
}


.m-support-sub2, a.m-support-sub2:link {
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-support-sub2:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-support-sub2ON, a.m-support-sub2ON:link {
	font-size: 12px;
	text-decoration: none; 
	font-weight: normal;
	color: #f3c33d;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-support-sub2ON:hover {
	text-decoration: none; 
	color: #f3c33d;
}

/* ---------- Navigation "Resources and Information" -------------- */

#resources {
	padding: 0px;
	margin: 0px;
	background-color: #FF7D14;
}

#sub-menu-r_brkout {
	margin: 0px;
	padding: 4px 0px 4px 0px;
	background-color: #CD6510;
	width: 195px;
}

td#resources-pad {padding: 4px 0px;}
td#resources-sub-pad {padding: 3px 4px 3px 0px; line-height: 12px; }


/* ---------- Link Styles "Resources and Information" -------------- */

.resources, a.resources:link {
	font-size: 14px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
a.resources:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-resources-sub, a.m-resources-sub:link {
	font-size: 12px;
	line-height: 12px; 
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-resources-sub:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-resources-subON, a.m-resources-subON:link {
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-resources-subON:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-resources-sub2, a.m-resources-sub2:link {
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-resources-sub2:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

.m-resources-sub2ON, a.m-resources-sub2ON:link {
	font-size: 12px;
	text-decoration: none; 
	font-weight: normal;
	color: #F5C340;
	float: left;
	position: relative;
	margin-left: 56px;
}
.m-resources-sub2ON:hover {
	text-decoration: none; 
	color: #F5C340;
}

/* ---------- Search -------------- */

#search {
	padding: 0px;
	margin: 0px;
	float: left;
	position; relative;
	margin-left: 56px;
}

td#search-pad {padding: 4px 0px; }

#search-form {margin-left: 8px;}

img.seacrh {vertical-align:middle;}

/* ---------- Link Styles "Search" -------------- */

.search, a.search:link {
	font-size: 12px;
	text-decoration: none; 
	color: #FFFFFF;
	margin-left: 20px;
}
a.search:hover {
	text-decoration: none; 
	color: #FFFFFF;
}

/* ---------------------------------------------------- */
/* ---------- End Main Navigation Column -------------- */
/* --------------------------------------------------- */

/* ---------- Begin Right Column "Template" -------------- */

#right-col {
	margin: 10px 8px;
	width: 133px;
	color:#666666; 
}

#right-col td{
	color:#666666; 
}

#achievaments {
	border-bottom: 1px solid #CCCCCC; 
	margin-bottom: 10px;
	padding-bottom:10px;
	font-size: 14px;
}

img.achievaments {padding: 0px 0px 4px 0px; } 

img.subpics {margin: 20px 0px 4px 0px; border: 1px solid #CCCCCC;} 

img.titlepic {margin: 0px 6px 4px 0px; border: 1px solid #CCCCCC;} 

/* ---------- Begin Right Column "Home" -------------- */

#home-Left {
	margin: 10px 10px 5px 20px;
	width: 280px;
}

#home-Right {
	margin: 10px 10px 5px 20px;
	width: 260px;
}


/* This is the transparent box */

/* This is the background image */
#bg {
	width: 605px;
	height: 241px;
	}
	
/* This is the transparent box */
#transbox {
	width: 605px;
	margin: 170px 0px 10px 0px;
	background-image:url(../images/pics/trans001.png);
            /* ieWin only stuff */
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/pics/trans001.png');
}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
#transtext {
	margin: 0px 0px 0px 0px; 
	padding: 14px 10px 0px 20px;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	}
	
div#pic-readmore {
	font-size: 12px;
	color: #f0aa23;
	text-align: right; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 20px 6px 0px;
	position: relative;
}

.transmore, a.transmore:link { font-size: 11px; font-weight: bold; text-decoration: none; color: #f0aa23;}
a.transmore:hover {text-decoration: underline; color: #f0aa23;}

div#teaser {
	margin: -10px 0px 0px 0px;
}


/* ---------------------------------------------------- */
/* ----------Header and Banner Elements-------------- */
/* ---------------------------------------------------- */
#Header { 
	height: 46px;
	width: 605px;
	position: relative; 
	margin-top: 0px;
	margin-left: -10px;
}

/* ----------Home Page Banner-------------- */

#banner { background-color: #F4C85B; }

#pic-footer { 
	background-image: url(../images/Pic-Footer.jpg);
	height: 32px;
}

/* ---------------------------------------------------- */
/* ---------------Footer Elements---------------------- */
/* ---------------------------------------------------- */
#Footer { 
	background-image: url(../images/footer001.jpg); 
	height: 34px;
	padding: 6px 0px 0px 30px;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

.Footer, a.Footer:link {text-decoration: none; 	color: #FFFFFF;}
a.Footer:hover {text-decoration: underline; color: #FFFFFF;}

#sponser {
	padding: 0px 0px;
	text-align: center;
}
img.partnerlogo {
	margin: 0px;
	padding: 5px 5px;
}

/* ----------Other-------------- */