@charset "UTF-8";
/* CSS Document */

/* HTML TAG STYLES */
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #C4CBD1;
}
p {
	line-height: 14px;
	margin-top: 0px;
	margin-bottom: 6px;
}
h1 {
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 13px;
	color: #3D5669;
	margin-top: 0px;
}
h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 13px;
}
h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 13px;
}
textarea {
	border: thin solid #3D5669;
	width: 250px;
	color: #3D5669;
	font-size: 12px;
	background-color: #fff;
}
select {
	border: thin solid #3D5669;
	width: 250px;
	color: #3D5669;
	font-size: 12px;
	background-color: #fff;
}
a:link {
	color: #FF5000;
	text-decoration: none;	
}
a:visited {
	color: #3D5669;
	text-decoration: none;	
}
a:hover {
	color: #FF5000;
	text-decoration: underline;	
}

/* POSITIONING OF MAJOR PAGE ELEMENTS */

#container {
	background-color: #C4CBD1;
	width: 953px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image: url(../images/containerbkg.gif);
	background-repeat: repeat-y;
}
#containerhome {
	background-color: #C4CBD1;
	width: 953px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image: url(../images/containerbkghome2.gif);
	background-repeat: repeat-y;
}
#banner {
	background-image: url(../images/banner.jpg);
	height: 191px;
	width: 953px;
	position: relative;
}

#menu {
	height: 24px;
	width: 413px;
	position: absolute;
	left: 225px;
	top: 165px;
}
#login {
	height: 24px;
	width: 413px;
	position: absolute;
	left: 649px;
	top: 148px;
}
/* This is for IE only. Don't actually change it here, change it in the head section of the individual pages 
#login_position for Internet Explorer {
	height: 24px;
	width: 413px;
	position: absolute;
	left: 538px;
	top: 148px;
}*/
#livesearch {
	float: right;
	height: 22px;
	width: 108px;
	margin-right: 20px;
	margin-top: 5px;
}
#breadcrumbs {
	height: 24px;
	width: 803px;
	background-image: url(../images/breadcrumbs.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	text-transform: lowercase;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#breadcrumbs a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumbs a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	color: #FF5000;
	text-decoration: underline;
}
#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-y;
	height: 73px;
	width: 953px;
}

/* STYLES FOR APPEARANCE OF PAGE ELEMENTS */

/* Elements within the "menu" */

.login {
	text-align: right;
	height: 20px;
	font-size: 8px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
}
.username {
	font-size: 8px;
	color: #333333;
}

/* Elements within the "footer" */

#copyright {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 42px;
	padding-left: 24px;
	width: 200px;
}
#copyright a {
	color: #FFFFFF;
}
#lowermenu {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #FF3511;
	float: right;
	padding-top: 42px;
	padding-right: 24px;
	width: 700px;
	clear: none;
}

#lowermenu a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}
#lowermenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 12px;
}
#lowermenu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding-left: 12px;
	padding-right: 12px;
}


/* STYLES FOR INDIVIDUAL PAGES */

/* Home */

#homewrap {
	width: 914px;
	height: 24px;
	/*padding-top: 32px;
	padding-left: 39px;*/
	background-image: url(../images/containerbkg2.gif);
	background-repeat: no-repeat;
}
#homecontent {
	width: 904px;
	margin-top: 21px;
	margin-left: 24px;
	background-image: url(../images/homebkg2.jpg);
	background-repeat: no-repeat;
	height: 465px;
	position: relative;
}
#homesearch {
	position: absolute;
	height: 135px;
	width: 347px;
	left: 8px;
	top: 19px;
}
#homecontent #homesearch #homesearch p {
	font-size: 12px;
	margin-bottom: 7px;
}
#homecontent #whatsnew1 {
	position: absolute;
	height: 88px;
	width: 165px;
	left: 18px;
	top: 227px;
}
#homeflash {
	position: absolute;
	height: 180px;
	width: 516px;
	left: 387px;
	top: 1px;
}
#whatsnew1 img {
	padding-right: 7px;
}
#homecontent #whatsnew2 {
	position: absolute;
	height: 88px;
	width: 165px;
	left: 197px;
	top: 224px;
}
#whatsnew2 img {
	margin-right: 7px;
}
#homecontent #soundeffects {
	position: absolute;
	height: 84px;
	width: 147px;
	left: 481px;
	top: 228px;
}
#homecontent #registration {
	position: absolute;
	height: 84px;
	width: 138px;
	left: 751px;
	top: 228px;
}
#homecontent p {
	font-size: 9px;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 3px;
}
#homecontent select {
	border: thin solid #c3cbd2;
	height: 17px;
	width: 139px;
	color: #3D5669;
	font-size: 10px;
}
#homecontent #news {
	position: absolute;
	height: 84px;
	width: 413px;
	left: 16px;
	top: 363px;
	text-align: left;
}
#homecontent #news h1 {
	font-size: 12px;
	color: #5B6E7C;
	margin-top: 0px;
	margin-bottom: 0px;
}
#homecontent #news2 {
	position: absolute;
	height: 84px;
	width: 435px;
	left: 446px;
	top: 363px;
	text-align: left;
}
#homecontent #news2 h1 {
	font-size: 12px;
	color: #5B6E7C;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Search */

#search {
	width: 927px;
	padding-top: 13px;
	padding-left: 10px;
	background-image: url(../images/containerbkg2.gif);
	background-repeat: no-repeat;
}
#container #search #form1 #searchtyp {
	color: #FF3511;
}
#search #box {
	font-size: 10px;
	color: #3D5669;
	height: 16px;
	width: 276px;	
}
#search select {
	border: thin solid #c3cbd2;
	height: 17px;
	width: 139px;
	color: #3D5669;
	font-size: 10px;
}
.tableheading {
	background-color: #607685;
	border: thin solid #607685;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
}
.tableheading a:link {
	color: #FFF;
	text-decoration: none;	
	}
.tableheading a:visited {
	color: #FFF;
	text-decoration: none;	
	}
.tableheading a:hover {
	color: #FFF;
	text-decoration: underline;	
	}
.tableresults {
	background-color: #E7EAEC;
	background-color: #E7EAEC;
	border: thin solid #C4CBD1;
	padding-left: 10px;
	padding-right: 5px;
}
#searchresults td {
	border: thin solid #C3CBD2;
}
#search h1 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 7px;
}
#search h2 {
	font-size: 12px;
	color: #607685;
	margin-top: 0px;
	margin-bottom: 0px;
}
#search h5 {
	font-size: 10px;
	margin: 0px;
	font-weight: normal;
}
#search img {
	margin-right: 9px;
}


/* Libraries */

#libraries {
	width: 927px;
	margin-top: 13px;
	margin-left: 10px;
	margin-bottom: 13px;
}
#libraries img {
	border: thin solid #E7EAEC;
}
#libraries p {
	margin-top: 16px;
}
#libraries h2 {
	font-size: 12px;
	color: #607685;
	margin-top: 20px;
}
#libraries h1 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 16px;
	color: #333333;
}
#libraries td {
	background-color: #E7EAEC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #C3CBD2;
}
#libraries table {
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #E7EAEC;
	border-right-color: #E7EAEC;
	border-left-color: #E7EAEC;
}

/* Standard Information pages */

#infopage {
	width: 914px;
	padding-top: 32px;
	padding-left: 39px;
	background-image: url(../images/containerbkg2.gif);
	background-repeat: no-repeat;
}
#container #search #form1 #searchtype {
	color: #FF3511;
}
#infopage img {
	float: left;
}
#infopagetext {
	clear: none;
	margin-left: 156px;
	width: 557px;
}
.forminput {
	border: thin solid #3D5669;
	width: 250px;
	color: #3D5669;
	font-size: 12px;
	background-color: #fff;
}
.searchforminput {
	border: thin solid #3D5669;
	width: 276px;
	color: #3D5669;
	font-size: 12px;
	background-color: #fff;
	height: 15px;
	margin-top: 4px;
	margin-bottom: 7px;
}

#infopagetext .contactform {
	;
	background-image: url(../images/formbackground.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 450px;
	padding-top: 40px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}
#infopagetext .userform {
	;
	background-image: url(../images/formbackground2.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 500px;
	padding-top: 40px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}
#infopagetext .regoform {
	;
	background-image: url(../images/formbackground3.jpg);
	background-repeat: no-repeat;
	height: 500px;
	width: 500px;
	padding-top: 40px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-left: 24px;
}
#container #search #form1 p {
	font-size: 12px;
}
#login img {
	margin-right: 0px;
}
#container #search .tableresults img {
	float: none;
	margin-right: 0px;
	text-align: center;
}
#container #libraries .cellmargin {
	margin-left: 8px;
}
#playerbox {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#searchtable {
	height: 360px;
	overflow: scroll;
	/*overflow-X:hidden;*/	
}
#send {float: right;}
.addbutton {
	font-size: 14px;
	font-weight: bold;
	color: #FF8D33;
	border: thin solid #FF9264;
	background-image: url(../images/timebuttonbkg.png);
	background-repeat: repeat-x;
}