﻿html
{
	width:100%;
}

body
{
	background-color:#213b52;
	margin:0px;
	padding:0px;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
}
form
{
	padding:0px;
	margin:0px;
}

#header{
	background-image:url(../MasterPages/images/5_01.gif);
	background-position:top center;
	background-repeat:no-repeat;
	height:75px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

.headerleft{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	float:left;
	margin:40px 0px 0px 150px;
}

.headerright{
	text-align:left;
	float:right;
	margin:40px 0px 0px 0px;
}

.headerright ul, .headerleft ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	list-style-type:none;
	display:inline;
	padding:0px;
	margin:0px;
}

.headerright li, .headerleft li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	list-style-type:none;
	display:inline;
	margin:0px 5px 0px 20px;
}

.headerright li a, .headerleft li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	list-style-type:none;
	display:inline;
	text-decoration:none;
}

.headerright li a:hover, .headerleft li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cc3300;
	list-style-type:none;
	display:inline;
	text-decoration:none;
}

/* START MENU */
.menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	width:1025px;
	height:30px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#000;  
	height:30px; 
	border:1px solid #FFF; 
	border-width:1px 0px 0px 0px; 
	padding-left:0px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:250px;
	width:139px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	border-collapse:collapse; 
	border:0px; 
	position:absolute; 
	left:0px; 
	bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	bottom:31px;
	left:0px; 
	width:auto;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#900;
	color:#fff; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:175px
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#000;
	background-color:#ccc;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
	height:auto;
}
/* END MENU */

#content{
	background-image:url(../MasterPages/photos/content.gif);
	background-position:center top;
	background-repeat:repeat;
	width:1024px;
	text-align:center;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#content:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#contentwrap
{
	background-image:url(../MasterPages/images/contentwrap.gif);
	background-repeat:repeat-x;
	background-position:top center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:902px;
}

#contentwrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#Defaultwrap{
	width:902px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	min-height:250px;
}

#wrap{
	width:902px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	min-height:350px;
}
#wrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
 
#leftCol{
	background-image:url(../MasterPages/photos/textbox1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:273px;
	min-height:284px;
}
.leftCol{
	width:260px;
	padding:0px 0px 15px 15px;
}
	
#centerCol{
	background-image:url(../MasterPages/photos/textbox2.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:left;
	float:left;
	width:357px;
	padding:0px;
	margin:0px;
}
.centerCol
{
	font-size:12px;
	width:315px;
	padding:0px 0px 15px 10px;
}
.centerCol img{
	padding:0px 5px 0px 0px;
}
.centerCol h1{
	font-size:14px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.centerCol a{
	font-weight:normal;
	color:#900;
}

#rightCol{
	background-image:url(../MasterPages/photos/textbox3.gif);
	background-position:left bottom;
	background-repeat:repeat;
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:272px;
}
.rightCol{
	width:260px;
	padding:0px 0px 15px 15px;
}
#flashCol
{
	float:right;
	width:272px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}


#footer{
	background-image:url(../MasterPages/images/5_12.gif);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	height:auto;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
}
#footer img{
	padding:0px;
	margin:0px;
	border:none;
}
#footer:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#900;
}

/* Begin WMA Page Styling */

#linkLeftCol
{
	float:left;
	width:196px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
#linkLeftCol:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#links
{
	background-image:url(../Pages/images/links_02.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:left;
	width:186px;
	margin-left:auto;
	margin-right:auto;	
}
.links
{
	width:170px;
	padding:0px 0px 15px 10px;
	text-align:left;
}
#linkRightCol
{
	float:right;
	width:680px;
	padding:10px 10px 0px 0px;
	text-align:left;
}
#linkRightCol:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#hottopicCol
{
	float:right;
	width:196px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}
#hottopicCol:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#hottopic
{
	background-image:url(../Pages/images/links_02.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:left;
	width:186px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;	
}
.hottopic
{
	width:170px;
	padding:0px 0px 15px 10px;
}

#centerCol2
{
	text-align:left;
	float:left;
	width:485px;
	padding:10px 0px 0px 5px;
	margin:0;
}
#centerCol2:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
.centerCol2 img{
	padding:0px 5px 0px 0px;
}
.centerCol2 h1{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.centerCol2 h2{
	font-size:22px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.centerCol2 a{
	font-weight:normal;
	color:#900;
}
/* End WMA Page Styling */

.buttonsmall
{
	background: url(../Pages/images/button.jpg) repeat-x;
	font-family:Arial;
	font-size:14px;
	color:White;
	height:22px;
	padding:4px 0px 4px 0px;
	cursor:pointer;
	text-decoration:none;
	border:none;
}

.buttonsmall-ovr
{
	background: url(../Pages/images/buttonRO.jpg) repeat-x;
	font-family:Arial;
	font-size:14px;
	color:White;
	height:22px;
	padding:4px 0px 4px 0px;
	cursor:pointer;
	text-decoration:none;
	border:none;
}	

.label
{
	color:#900;
	font-weight:bold;
	padding:0px;
	margin:0px;
	font-size:16px;
	font-family:Arial;
}	

/* Begin Form Styling */

#form
{
	padding:0px;
	margin:0px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
}
.formsection
{
	background-image:url(../MasterPages/photos/formbody.gif);
	background-repeat:no-repeat;
	background-position: bottom center;
	margin:0px;
	padding:10px 0px 50px 0px;
}
.formsection:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

.formtitle
{
	background-color:#990000;
	margin:10px;
	color:White;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:600px;
	height:25px;
	padding:5px 0px 0px 0px;
	margin:0px;
}
.formLeftCol
{
	float:left;
	width:44%;
	text-align:right;
	margin:0px;
	padding:4px 0px 0px 0px;
}

.formRightCol
{
	float:right;
	width:55%;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}


/* End Form Styling */

#rightColumn
{
	text-align:left;
	width:325px;
	float:left;
	padding:0px 0px 0px 25px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}
#leftColumn
{
	text-align:left;
	width:325px;
	float:left;
	padding:0px 0px 0px 25px ;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}

/* Begin Store Styling */
#storefooter{
	background-image:url(../MasterPages/images/5_12.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	height:auto;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
	min-height:50px;
}
#storeLeftCol
{
	float:left;
	width:196px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}
#storeLC
{
	background-image:url(Store/images/Link-Colum_02.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:left;
	width:186px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}

.storeLeftCol
{
	width:180px;
	padding:0px 0px 15px 10px;
}
#storeRightCol
{
	float:left;
	text-align:left;
	padding:10px;
	margin:0px;
}
.storeseperator
{
	text-align:left;
	border-bottom-style:dashed;
	border-bottom-color:#990000;
	border-bottom-width:1px;
	height:20px;
	width:675px;
	font-size:18px;
	color:#990000;
	font-weight:bold;
}
#columnleft
{
	float:left;
	width:600px;
	text-align:left;
	margin:10px;
}

#DNRightCol{
	background-image:url(../Pages/images/defaultnew_03.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:right;
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:630px;
}
.DNRightCol1{
	width:300px;
	padding:0px 5px 10px 15px;
	float:left;
	font-size:12px;
}
.DNRightCol2{
	width:300px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:12px;
}
.DNRightCol1 img, .DNRightCol2 img{
	padding:0px 5px 0px 0px;
}

#DNLeftCol{
	background-image:url(../Pages/images/defaultnew_04.png);
	background-position:left bottom;
	background-repeat:repeat;
	float:left;
	text-align:left;
	margin:0px;
	padding:0px;
	width:272px;
}
.DNLeftCol{
	width:260px;
	padding:0px 0px 15px 15px;
}
#DNFlashCol
{
	float:left;
	width:272px;
	margin-right:auto;
	margin-left:auto;
}
#QL
{
	width:272px;
	float:left;
}
#QR
{
	width:630px;
	float:left;
}

#speciescontent{
	background-image:url(../MasterPages/photos/content.gif);
	background-position:center top;
	background-repeat:repeat;
	width:1024px;
	text-align:center;
	padding:0px;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}

#speciescontent:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#speciescontentwrap
{
	background-image:url(../MasterPages/images/contentwrap.gif);
	background-repeat:repeat-x;
	background-position:top center;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:902px;
}

#speciescontentwrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#specieswrap{
	width:902px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	min-height:350px;
}
#specieswrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
 #speciesfooter{
	background-image:url(../MasterPages/images/5_12.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	height:auto;
	width:1024px;
	margin-right:auto;
	margin-left:auto;
}

#speciesfooter:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
