﻿body
{
	background-image:url(./Images/background.gif);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:12px;
	color:#6C6C6C;
}

div
{
	padding:0;
	margin:0;
}

p,h1, h2, h3, h4, h5
{
	margin:0;
	font-weight:normal;
}
h1, h2, h3, h4, h5
{
    margin-bottom:0px;
    margin-top:5px;
}
h1
{
    font-size:18px;
    color:#f17c0b;
    padding-bottom:5px;
    margin-top:-5px;
}

h2, h3, h4, h5
{
    color:#6c6c6c;
	font-size:18px;
}
h2
{
    font-size:16px;
    font-weight:bold;
}
h3
{font-size:16px;}

h4
{font-size:15px;

}

h5
{font-size:14px;padding:0px;
margin:0px;}




a
{color:#f17c0b;}

a img
{border:none;}

a:hover
{text-decoration:none;}

.promoText
{
	font-size:18px;
	color: rgb(94,94,94);
}

.promoText_highlighted
{
	font-size:18px;
	color:rgb(255,156,0);
}


/****************************************
              Master Page
*****************************************/


#MainContainer
{
	margin:30px auto 50px;		
	width:953px;
}

#Header
{
	height:190px;
	background-image:url(./Images/header_background.gif);
	position:relative;
	left:0px;
	z-index:3; /*necessary because of IE z-index bug*/
}

#LandingPageHeader
{
	height:190px;
	background-image:url(./Images/header_background_landingpage.gif);
	
}

#Header #Logo1
{
	position:absolute;
	left:125px;
	top:40px;
	width:410px;
	height:115px;
}

#LandingPageHeader #Logo1
{
  	position:relative;
	left:50px;
	top:30px;
	width:420px;
	height:115px;

}

#Logo2
{
	position:absolute;
	left:535px;
	top:97px;
	width:300px;
	height:65px;
}

#HeaderLink1
{
	position:absolute;
	left:635px;
	top:23px;
	width:160px;
	height:25px;
}
#HeaderLink2
{
	position:absolute;
	left:805px;
	top:23px;
	width:110px;
	height:25px;
}

#HeaderLink1 a, #HeaderLink2 a
{
	display:block;
	width:100%;
	height:100%;
	color:#666666;
	text-decoration:none;
	font-size:16px;
	font-weight:bolder;
}

#HeaderLink1 a
{padding:5px 0 0 10px;}


#HeaderLink2 a
{padding:5px 0 0 25px;}


#Navigation
{	
	position:absolute;
	width:940px;
	left:0;
	bottom:0px;	
}

#Navigation a:hover
{
	color:#f17c0b;
}

#Announcement
{
	border-bottom:solid 1px #d7d7d7;
	width:99%;
}

.ShowEmptyCells
{
	width:0px;
	height:0px;
}

table.Announcement
{
	width:100%;
}

td.Announcement_Content
{	
	background-color:#fff9c4;
	border-top:solid 1px #d7d7d7;	
}

td.Announcement_Content a
{
    color:Black;
}

td.Announcement_Edge
{
	width:15px;
	height:24px;
	background-image:url(./Images/Menu/announcement_edge.gif);
	background-repeat:no-repeat;
}


#Body_left
{
	background-image:url(./Images/body_bg_left.gif);
	background-repeat:no-repeat;
	background-color:White;
}

#Body_right
{
	background-image:url(./Images/body_bg_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#Body_minHeight
{	
	height:550px;
	width:100%;
}

#Body_minHeight td
{	
	/*vertical-align:top; DELETED BECAUSE OVERRIDES ALL TD ALIGNS!*/
}

#Body
{
	margin: 0 13px;
	padding:25px;
	padding-top:10px;
}

#Body_LandingPage
{
    margin: 0 13px;
	padding:25px;
	padding-top:10px;
	position:relative;
	top:-100px;
	left:0px;
	
}

#Footer_outer
{
	height:50px;
	background-image:url(./Images/footer_background.gif);
	background-color:White;
	background-repeat:repeat-x;
	
}

#Footer_inner
{
	width:877px;
	margin:0 auto;	
	font-size:11px;
}

/****************************************
          Round-Corner Element
*****************************************/

.Content_grey_gradient
{
	background-image:url(./Images/content_background_grey.gif);
	background-repeat:repeat-x;
	border:solid 1px #d7d7d7;
	margin-bottom:10px;

}

.Content_grey
{
	/*background-image:url(./Images/content_background_grey.gif);
	background-repeat:repeat-x;*/
	background-color:#f8f8f8;	
	border:solid 1px #d7d7d7;
	margin-bottom:10px;
	
}

.Content_orange
{
	background-color:#f5f3e7;	
	border:solid 1px #d7d7d7;
	margin-bottom:10px;
}

.Content_green
{
	background-color:#e4f3e6;	
	border:solid 1px #d7d7d7;
	margin-bottom:10px;
}

.Content_blue
{
	background-color:#ededf5;	
	border:solid 1px #d7d7d7;
	margin-bottom:10px;
}

.Content_white
{
	background-color:#ffffff;	
	border:solid 1px #d7d7d7;
	margin-bottom:10px;
}


.topleft
{
	position:relative;
	left:-1px;
	top:-1px;
	background-image:url(./Images/round_corner_top_left.gif);	
	background-repeat:no-repeat;
}

.topright
{
	position:relative;
	right:-2px;
	top:0px;
	background-image:url(./Images/round_corner_top_right.gif);	
	background-repeat:no-repeat;
	background-position:right top;
}

.bottomright
{
	position:relative;
	right:0px;
	bottom:-2px;
	background-image:url(./Images/round_corner_bottom_right.gif);	
	background-repeat:no-repeat;
	background-position:right bottom;
}

.bottomleft
{
	position:relative;
	left:-2px;
	bottom:0px;
	background-image:url(./Images/round_corner_bottom_left.gif);	
	background-repeat:no-repeat;
	background-position:left bottom;
	padding: 20px 20px 20px 20px;
}

/*
.topleft
{
	position:absolute;
	left:-1px;
	top:-1px;
	background-image:url(./Images/round_corner_top_left.gif);	
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.topright
{
	position:absolute;
	right:-1px;
	top:-1px;
	background-image:url(./Images/round_corner_top_right.gif);	
	background-repeat:no-repeat;
	background-position:right top;
	width:16px;
	height:16px;
}

.bottomright
{
	position:absolute;
	right:-1px;
	bottom:-1px;
	background-image:url(./Images/round_corner_bottom_right.gif);	
	background-repeat:no-repeat;
	background-position:right bottom;
	width:16px;
	height:16px;
}

.bottomleft
{
	position:absolute;
	left:-1px;
	bottom:-1px;
	background-image:url(./Images/round_corner_bottom_left.gif);	
	background-repeat:no-repeat;
	background-position:left bottom;
	width:16px;
	height:16px;
}
*/


/****************************************
               Box Elements
*****************************************/

.box_orange, .box_green, .box_blue
{
	float:left;
	margin:0 12px 0 0;
	width:284px;
	height:190px;
	background-image:url(./Images/box_orange.gif);
	overflow:hidden;
	position:relative;
	left:0px;
}

.box_green
{
	background-image:url(./Images/box_green.gif);	
}

.box_blue
{
	background-image:url(./Images/box_blue.gif);	
	margin:0;
}

.box_content
{
	margin:10px;
	margin-left:20px;
	height:100px;
	overflow:hidden;	
}

.ExploreLink
{
	display:block;
	width:110px;
	height:25px;
	padding:7px 0 0 15px;
	color:White;
	text-decoration:none;
	position:absolute;
	right:0px;
	top:120px;
	font-weight:bold;
	font-size:120%;
	
}



/****************************************
               Data Grids
*****************************************/


.DataGrid_alternate td /*need to use td, because of IE bug with GridLines="None"*/
{
	border:none;
	padding:5px;
}


.DataGrid_normal td /*need to use td, because of IE bug with GridLines="None"*/
{
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-image:url(./Images/datagrid_background_grey.gif);
	background-position:bottom;
	background-repeat:repeat-x;	
	padding:5px;
}

.DataGrid_normal .downloadVersionGridCell, .DataGrid_alternate .downloadVersionGridCell
{
    width:200px;
    vertical-align:middle;
}

.DataGrid_normal .downloadImageGridCell, .DataGrid_alternate .downloadImageGridCell
{
    vertical-align:middle;
    padding-right:20px;
}



/****************************************
               TwoColumn Template
*****************************************/

.TwoColumn_left
{
	float:left;
	margin-right:10px;	
	width:360px;
}

.TwoColumn_right
{
	float:left;
	width:500px;
}

.TwoColumnWithMenu_left
{
  	float:left;
	margin-right:10px;	
	width:200px;
    
}

.TwoColumnWithMenu_right
{
    float:left;
    width:660px;
    
}

/***************************************
        Bread Crumb
***************************************/
.CMSBreadCrumb
{
     margin-bottom:20px;
}

.CMSBreadCrumbsCurrentItem
{

}


.Code
{
    font-family:Courier New;
    font-size:11px;
}

.selectedSubMenuItem
{
    font-weight:bold;
    margin-bottom:5px;
    
}
.SubMenuItem
{
        margin-bottom:5px;
}
