html{
    margin:0;
    padding:0;
    background-color: #ededed;
	height: 100%;
	min-height: 100%;
}

body{
    margin:0;
    padding:0;
    background-color: #ededed;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
}


form{
    margin:0;
    padding:0;
}

div#outer {
	height: 100%;
	text-align: center;
}

.normalText {
	font-family: arial, sans-serif, times;
    font-size: 11px;
    color: black;
}

.breadCrumb {
	width: 100%; 
	margin-bottom: 10px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid #ccc;
}

td {
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: black;
}

a:link {
    color: #000000;
    text-decoration: underline;
}

a:visited {
    color: #000000;
    text-decoration: underline;
}

a:hover {
    color: #ff0099;
    text-decoration: underline;
}

a:active {
    color: #000000;
    text-decoration: underline;
}

hr {
	border: 0;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}

#fullheight{
	height: 100%;
	min-height: 100%;
}

#content {
    background-color: #ffffff;
	height: 100%;
	min-height: 100%;
}

#content .left {
    background-image: url('/images/leftside.jpg');
    background-repeat: repeat-y;
}

#content .right {
    background-image: url('/images/rightside.jpg');
    background-repeat: repeat-y;
}

#content .bar {
    background-image: url('/images/nav/bar.gif');
    background-repeat: no-repeat;
    background-position: center center;
}



#content .bar img{
    display:block;
    margin:0px;
    padding:0px;
}

#content .bar{
    text-align: center;
}

#shortcuts{
    background-color: #ffffff;
}

#shortcuts td{
    padding: 5px 0px 0px 5px;
}

#leftcol{
    background-color: #cccccc;
    padding:0px;
    margin:0px;
    width: 150px;
    max-width: 150px;
}

#sidenav {
    color: #000000;
    padding:0px;
    margin:0px;
    width: 150px;
    max-width: 150px;
}



#navlist {
    list-style-type: none;
    padding:0px;
    margin:0px;
    text-align: left;
	height: 100%;
}

#navlist li{
    padding:0px;
    margin:0px;
    width: 150px;
    max-width: 150px;
}

#navlist .link{
    padding: 5px 0px 5px 10px;
    margin: 0px;
}

#navlist li a{
    margin: 0px;
    display:block;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ffffff;
}

#navlist .subLink{
    padding: 3px 0px 3px 20px;
    margin: 0px;
}

#navlist .subMenu a{
    margin: 0px;
    display:block;
    width: 150px;
    max-width: 150px;
	background-color: #eee;
}

#navlist .subMenu a.pink{
	color: #ff0099;
	font-weight: normal;
}

#navlist li a:visited{
    display:block;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ffffff;
}

#navlist .subMenu a:visited{
    display:block;
    width: 150px;
    max-width: 150px;
}


#navlist li a:hover{
    background-color: #ff0099;
    color: #ffffff;
    display:block;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ffffff;
}

#navlist .subMenu a:hover{
    background-color: #eee;
    color: #ff0099;
    display:block;
    width: 150px;
    max-width: 150px;
}

#navlist li a:active{
    display:block;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ffffff;
}

#navlist .subMenu a:active{
    display:block;
    width: 150px;
    max-width: 150px;
}


#navlist li a.navon{
    background-color: #ff0099;
    color: #ffffff;
    display:block;
    width: 150px;
    max-width: 150px;
    border-bottom: 1px solid #ffffff;
}

#leftcol div.spacer{
    width: 150px;
    max-width: 150px;
    height: 20px;
    max-height: 20px;
    background-color: #ffffff !important;
}



#copy {
    padding: 20px;
    text-align: left;
}

h1{
    font-family: arial, sans-serif, times;
    font-size: 14px;
    color: #3296fa;
	padding-top:0px;
	margin-top: 0px;
}

h2{
    font-family: arial, sans-serif, times;
    font-size: 11px;
    font-style: italic;
    color: #3296fa;
}


h3{
    padding: 0px;
    margin:2px 2px 2px 0px;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    font-weight: bold;
    color: #ff0099;
}

.pink{
    padding: 0px;
    margin:0px;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #ff0099;
}





.blue{
    color: #3296fa;
	text-decoration: underline;
}

a.blue{
    color: #3296fa;
	text-decoration: underline;
}

a:hover.blue{
	color: #000000;
	text-decoration: none;
}

#bluePanel {
    background-image: url('/images/panels/blue.jpg');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
	height: 175px;
	max-height: 175px;
}

#bluePanel h1{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
}

#bluePanel a{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;
}

#bluePanel a:visited{
  line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;

}
#bluePanel a:hover{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #ff0099;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: underline;

}
#bluePanel a:active{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;
}


#bluePanel .copy{
    padding:10px 15px 10px 10px;
	text-align: left;
	height: 80px;
	max-height: 80px;
}

#bluePanel .link{
	padding:10px 15px 10px 10px;
	text-align: right;
	position: relative;
	display: block;
}


#bluePanel .copy img{
    border: 1px solid #b8d9fc;
    padding: 0px;
    margin-right: 10px;
}

#bluePanel img{
    float: left;
    padding: 0px 9px 0px 0px;
}



#pinkPanel {
    background-image: url('/images/panels/pink.jpg');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
	height: 175px;
	max-height: 175px;
}

#pinkPanel h1{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #ff0099;
    margin:0px;
    padding:0px;
    display: inline;
}

#pinkPanel a{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;
}

#pinkPanel a:visited{
  line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;

}
#pinkPanel a:hover{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #ff0099;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: underline;

}
#pinkPanel a:active{
    line-height: 24px;
    vertical-align:center;
    font-family: arial, sans-serif, times;
    font-size: 11px;
    color: #3296fa;
    margin:0px;
    padding:0px;
    display: inline;
    text-decoration: none;
}


#pinkPanel .copy{
    padding:10px 15px 10px 10px;
	text-align: left;
	height: 80px;
	max-height: 80px;
}

#pinkPanel .link{
	padding:10px 15px 10px 10px;
	text-align: right;
	position: relative;
	display: block;
}

#pinkPanel .copy img{
    border: 1px solid #f8bada;
    padding: 0px;
    margin-right: 10px;
}

#pinkPanel img{
    float: left;
    padding: 0px 9px 0px 0px;
}

div.top5{
	height: 23px;
	max-height: 23px;
	float:left;
	padding-right:10px;
}


#top5head .left{
	background-image: url('/images/top5/blue_l.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}

#top5head .middle{
	background-image: url('/images/top5/blue_m.gif');
    background-repeat: repeat-x;
	height: 23px;
	max-height: 23px;
	text-align: center;
	float:left;
}

#top5head .title{
	margin: 0px 3px 0px 3px;
	position: relative;
	top: 5px;
}

#top5head .titlelarge{
	margin: 0px 3px 0px 3px;
	position: relative;
	top: 5px;
	font-size: 14px;
	font-weight: bold;
}

#top5headblue .titlelarge{
	margin: 0px 3px 0px 3px;
	position: relative;
	top: 5px;
	font-size: 14px;
	font-weight: bold;
}
/*
#top5headblue .titlelarge a:link{
	color: #3296fa !important;
}

#top5headblue .titlelarge a:visited{
	color: #3296fa !important;
}

#top5headblue .titlelarge a:hover{
	color: #ff0099 !important;
}

#top5headblue .titlelarge a:active{
	color: #3296fa !important;
}*/

#top5head .right{
	background-image: url('/images/top5/blue_r.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}

#top5Table{
	border: 1px solid #cccccc;
}

#top5Table .row{
	background-color: #f6f6f6;
}

#top5Table a:link {
    color: #ff0099;
    text-decoration: underline;
}

#top5Table a:visited {
    color: #ff0099;
    text-decoration: underline;
}

#top5Table a:hover {
    color: #000000;
    text-decoration: underline;
}

#top5Table a:active {
    color: #ff0099;
    text-decoration: underline;
}



div.top5on{
	height: 23px;
	max-height: 23px;
	float:left;
	padding-right:10px;
}


#top5head .lefton{
	background-image: url('/images/top5/pink_l.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}

#top5head .middleon{
	background-image: url('/images/top5/pink_m.gif');
    background-repeat: repeat-x;
	height: 23px;
	max-height: 23px;
	text-align: center;
	float:left;
}

#top5head  .titleon{
	margin: 0px 3px 0px 3px;
	position: relative;
	top: 5px;
}

#top5head  .righton{
	background-image: url('/images/top5/pink_r.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}

#top5headblue .lefton{
	background-image: url('/images/top5/blue_l.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}

#top5headblue .middleon{
	background-image: url('/images/top5/blue_m.gif');
    background-repeat: repeat-x;
	height: 23px;
	max-height: 23px;
	text-align: center;
	float:left;
}

#top5headblue  .titleon{
	margin: 0px 3px 0px 3px;
	position: relative;
	top: 5px;
}

#top5headblue  .righton{
	background-image: url('/images/top5/blue_r.gif');
    background-repeat: no-repeat;
	width: 8px;
	max-width: 8px;
	height: 23px;
	max-height: 23px;
	float:left;
}



.extratab{
	display: none;
}

.bluebar{
	background-color: #ebf5ff; 
	border: 1px solid #dbecfd;
}




#enlarge td{
	border: 1px solid #b8d9fc;
	margin: 0px !important;
	padding: 0px !important;
}

#enlarge .noborder{
	border: none;
	float: left;
	padding: 4px 0px 4px 4px;
}

#enlarge .enlargebar{
	background-color: #ebf5ff; 
	padding: 5px;
	border-left: 1px solid #b8d9fc;
	border-bottom: 1px solid #b8d9fc;
	border-right: 1px solid #b8d9fc;
	border-top: none;
	margin:0px;
}

#enlarge .link{
	padding-top: 9px;
	text-decoration: underline;
}

a.pink{
	color: #ff0099;
	font-weight: normal;
}

a:visited.pink{
	color: #ff0099;
	font-weight: normal;
}

a:hover.pink{
	color: #000;
	font-weight: normal;
}


a.greenlink{
	color: #f08800;
	font-weight: normal;
}

a:visited.greenlink{
	color: #f08800;
	font-weight: normal;
}

a:hover.greenlink{
	color: #000;
	font-weight: normal;
}



#footer {
	width: 100%;
	max-width: 100%;
	height: 25px;
	background-color: #f7f7f7;
	text-align: center;
	position: relative; bottom: 0px;
}

#terms {
	width: 100%;
	max-width: 100%;
	height: 25px;
	text-align: center;
}

#footer .copy, #terms .copy{
	position: relative;
	top: 5px;
}

.featureSearch {
	position: relative;
	bottom: 10px;
}

.warning {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0099;
}

input, textarea, select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #AAA;
}

input.error, textarea.error, select.error {
	border: 1px solid #ff0099;
	background-color: #FFE9E9;
}

.blueBox {
	border-top: 1px solid #c3e0fe;
	border-bottom: 1px solid #c3e0fe;
	background-color: #f4f9fe;
	padding: 12px;
}

ul.sitemap {color:#3296fa;}
ul.sitemap li span {color:#333333;}

ul.sitemapSub {color:#ff0099; padding-left: 10px; margin-left: 10px;}
ul.sitemapSub li span {color:#333333;}


.searchBox{
    background-image: url('/images/panels/search.gif');
    background-repeat: no-repeat;
	width: 150px;
	height:	54px;
	max-width: 150px;
	max-height:	54px;
	margin-top: 15px;
}

.searchBox input{
	border: none;
}

.searchBoxText{
	display: inline;
	float: left;
	position: relative;
	top: 0px;
	border: 1px solid #3296fa !important;
	height: 16px;
	width: 110px;
	padding: 2px;
	vertical-align: center;
}

.searchBoxGo{
	display: inline;
	float: left;
	position: relative;
	top: 0px;
	left: 4px;
}

/* Default Display Table */
.tblDefaultTable {
	background-color: #ccc;

}

.tblDefaultTable td.title {
	background-color: #4B65A4;
	border-bottom: 1px solid #333;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4B65A4, EndColorStr=#768EC7);
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.tblDefaultTable td.title p{
	background-color: #4B65A4;
	border-bottom: 1px solid #333;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4B65A4, EndColorStr=#768EC7);
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.tblDefaultTable td.text {
	background-color: #EFEFEF;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#EFEFEF, EndColorStr=#FFFFFF);
}


.tblDefaultTable td.label {
	background-color: #D5EBFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#f3faff, EndColorStr=#d6ebff);
}

.tblDefaultTable td.plain {
	background-color: #FFF;
	color: #000;
}

.tblDefaultTable td.grey {
	background-color: #EFEFEF;
	color: #000;
}

.forumTable td{
	padding: 3px;
	margin: 0;
}

.forumTable a{
	color: #ff0099;
	font-weight: normal;
}

.forumTable a:visited{
	color: #ff0099;
	font-weight: normal;
}

.forumTable a:hover{
	color: #000;
	font-weight: normal;
}


.forumTable .header {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #cccccc;
	color: #ffffff;
	font-weight: bold;
}

.forumTable td.r1c1{
	background-color: #ebf5ff;
}

.forumTable td.r1c2{
	background-color: #ebf5ff;
}


.forumTable td.r2c1{
	background-color: #f7fbfe;
}

.forumTable td.r2c2{
	background-color: #f7fbfe;
}

.lquote{
	background-image: url('/images/lquote.gif');
    background-repeat: no-repeat;
	width: 100%;
	min-width: 27px;
	height: 23px;
	min-height: 23px;
	text-align:left;
}

.askHilary{
padding:0px 27px 0px 27px;
}

.theAnswer{
padding:27px 27px 0px 27px;
color:#3296fa;
}

.rquote{
	background-image: url('/images/rquote.gif');
    background-repeat: no-repeat;
	width: 100%;
	min-width: 27px;
	height: 23px;
	min-height: 23px;
	text-align:right;
}

ul.competition{
	color:#3296fa;
	margin-left: 50px;
	padding-left: 50px;
}