body 
{
    margin: 0px;
    background-color:#ccc;
    width: 100%;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

DIV
{
    display: block;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: none;
    position: relative;
}

#logo
{
	position:relative;
	float:left;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}

.logoCell
{
	border-right-color: Gray;
	border-right-style:inset;
	border-right-width: 1px;
}

input, textarea, select, option
{
    color:Black;
}

.mainLabel 
{
	font-size: 14px;
	text-decoration: underline;
	color: #000;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.normalLink:link
{
  color: #000;
  text-decoration:underline;
}

a.normalLink:visited
{
  color: #000;
  text-decoration:underline;
}

a.normalLink:active
{
  color: #000;
  text-decoration:underline;
}

a.normalLink:hover
{
  color: #9bb3cb;
  text-decoration:underline;
}

a:link
{
    text-decoration: none;
    color: #FFF;
}

a:visited
{
    text-decoration: none;
    color: #FFF;
}

a:hover
{
    color: #9bb3cb;
    text-decoration: none;
}
a:active
{
	text-decoration: none;
    color: #FFF;
}


p, ul
{
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
    line-height: 1.6em;
}

.systemSelect 
{
	list-style-image: none;
	list-style-type: none;	
	font-weight: normal;
	font-size: 1.1em;
}

.login, .shadow {
  position: relative;
  bottom: 3px;
  right: 3px;
}

.loginShadow
{
	margin: 15px auto 0px auto;
	width: 550px;
}
	
.shadow  
{
	background-color: #9bb3cb;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	margin-bottom: 0px;
}

.login
{
	background-color: InfoBackground;
	border-style: inset;
	border-bottom-color: #000;
	border-top-color: #abc1d7;
	border-left-color: #abc1d7;
	border-right-color: #000;
	border-width: 1px;
	color:#000;
	font-weight: bold;
	font-size: 11px;
	margin-left: auto;
    margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 15px 15px 15px;
}

form .login .label .loginnameLabel 
{
	text-align: left;		
}

form .login .label .passwordLabel
{
	 text-align: left;
}	

div .normalText
{
	font-weight: normal;
	font-size: 1.1em;
}

form .passthroughButton
{
  
	border-color: #CC9966;
	border-style:Solid;
	border-width: 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-color: #EEEEEE;
	color:#990000;
}

form .login .button
{
	width: 180px ;
	text-decoration: none ;
}


#loginname
{
	width: 200px;
}

#password
{
	width: 200px;
}

#mainContent 
{
	text-align:center;
	
}

#errMsg 
{
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	color: Red;
	text-align:left;
	width: 325px;
}

.topRibbon
{
	background: url("../Content/images/content_background.jpg");
	background-color:Navy;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: right;
	width: 100%;
}

.topRibbon .topRibbonText
{
	padding: 10px 0px 0px 0px;
}

.topSubRibbon 
{
	background-color:Black;
	color: #FFF;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1px;
	padding-top: 0px;
	text-align: right;
	width: 100%;
}

.bottomRibbon
{
	width: 100%;
	background: url("../Content/images/content_background.jpg");
	background-color:Navy;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px 0px 2px 0px;
	vertical-align: baseline;
}


.marketingContent, .marketingShadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}


.marketingShadow  
{	
	background-color: #718eac;
	margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	margin-bottom: 0px;
	width: 556px;
	height: 204px;
}

.marketingContent .mainImage
{
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float:right;
}

.marketingContent 
{
	width: 555px;
	height: 203px;
	background-color: #FFF;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	border-bottom-color: #000;
	border-top-color: #abc1d7;
	border-left-color: #abc1d7;
	border-right-color: #000;
	border-style: inset;
	border-width: 1px;
}

.destinationToc
{
	text-align: left;
	width: 340px;
	margin-top:15px;
	font-weight: bold;
}

table tr td .portalLinks
{
  margin-left: 30px;
}

.marketingContent .marketingBlurb 
{
	text-align: justify;
	color: #000;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 150px;
	margin-left: 40px;
	padding-right: 0px;
	float: left;
	width:295px
}



/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding:0px 0px 0px 0px;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    background: url("../Content/images/home_background.gif") #abc1d7;
    border-color: Gray;
	border-style:inset;
	border-width: 1px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 700px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    padding: 0px 0px 0px 0px;
}

#main
{
	width: 700px;
	border-style:outset;
	border-width: 0px;
	padding: 0px 0px 10px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

#footer
{
    color: #999;
    padding: 0 0 0 0;
    text-align: center;
    line-height: normal;
    font-size: 9px;
    margin-left: auto;
    margin-right: auto;
}

#footer p
{
    padding: 5px 0;
    margin: 0;
    font-size: .9em;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}