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

@import url("reset.css");

body { font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#555555; background:url(../images/bg-gradient.jpg) top left repeat-x;}
h1 { font-size: 18px; margin-bottom: 10px; }
h2 { font-size: 16px; margin-bottom: 10px; }

/* ///////////////////////
MAIN WRAPPER DIV 
////////////////////// */

#container { width:1000px;margin:0 auto; }

/* ///////////////////////
HEADER 
////////////////////// */

.header-wrap { width:100%; height:auto; background:#421C52;}
.header {width:1000px; background:#421C52; height:auto; overflow:hidden;margin:0 auto;}
.ver-wrap {background:#9C8AA5; width:440px; height:31px; line-height:31px;  padding:0 10px 0 0; margin:85px 0 8px 0; float:right;}

img.email, img.print  {margin-left:10px;}
a.version {text-decoration:none; color:#FFF;  margin-right:0px; color:#fff; font-size:13px;}
img.logo {float:left; display:block; margin:35px 0 0 30px;}

/* SEARCH  */

.search-wrap {float:left; height:30px; line-height:30px; padding:0 17px 0 3px; background:url(../images/search-gradient.gif) repeat-y top right #FFF;}
.submit {border:none; cursor: pointer; height:28px; line-height:28px; outline:none;   background:#421C52; color:#fff; margin:1px 1px 0 0;}
.search_field { width:160px; border:0px !important;  }

/* ///////////////////////
MISC
////////////////////// */

a { color:#777777; text-decoration:none; font-size:13px;}
a:hover {text-decoration:underline;}
.clear { clear:both;}

/* ///////////////////////
LEFT COLUMN
////////////////////// */

.left-col {width:700px; height:auto; float:left; }
.left-col-content  {width:620px; padding:20px 40px;}
.left-col-content h2 { font-size:16px; margin:0 0 .6em 0;}
.left-col-content h3 { font-size:14px;  margin:0 0 .6em 0; font-style: italic;}
.left-col-content h4
{
	font-size: 14px;
	margin: 0 0 .6em 0;
	font-style: italic;
	text-decoration: underline;
}
.left-col-content p {font-size:14px; line-height:1.45em; margin:0 0 1em 0;}
.left-col-content ul { padding: .3em 0 .5em 0; list-style-type:none; font-size: 14px; line-height: 1.45em;}
.left-col-content ul li { padding-left:20px; background: url(../images/quicklinks_icon.gif) no-repeat; background-position:.3em .2em; margin: 0 0 .3em 0;}
.left-col-content ol { padding: .3em 0 1em 2.5em; font-size: 14px; line-height: 1.45em;}
.left-col-content ol li { margin: 0 0 1em 0;}
.left-col-content a { color:#421C52; font-size: 14px; text-decoration: underline;}
.left-col-content a:hover { text-decoration: none;}
.left-col-content table { border: 1px solid #777; }
.left-col-content table tr { border: 1px solid #777; padding: 6px; }
.left-col-content table th { background-color: #D4CCD8; }
.left-col-content table td { padding: 6px; }

/* ROTATOR  */

.greet { width:660px; height:150px; background:url(../images/home-h1-bg.jpg) no-repeat; padding:50px 0 0 40px; border-bottom:1px solid #fff; z-index:1;}
.greet h1 { font-size:28px; color:#1c424f; margin:0 0 .155em 0;}
.greet p {font-size:14px; color:#1c424f; margin-bottom:20px;}
.greet a {font-size:14px; color:#fff; text-decoration:none; font-weight:bold;}
.greet a:hover {text-decoration:underline;}

/* ////////////////////////
SEARCH RESULTS
//////////////////////// */

#search-results {
	clear: both;
}

/* ///////////////////////
RIGHT COLUMN
////////////////////// */

.right-col  {width:300px; height:auto; float:right; background:url(../images/right-col-gradient.png) top left no-repeat; margin-bottom:20px;}
.right-col-content {width:275px; float:right; margin:0; padding:0 10px 0 0;}
.right-col-content p { font-size:13px; line-height:1.25em; margin:.5em 0;}
.right-col h2 { font-size:18px; color:#fff; background:#421C52; padding:15px 0 15px 15px; margin:0;}
.right-col h3 { font-size:15px; color:#777; margin:0 0 .155em 0;}
.right-col-h2-footer {width:300px; height:15px; background:url(../images/right-col-h2-gradient.png) repeat-x;}

/* TOP RIGHT CONTENT */

.right-box {float:right; width:240px; padding:0 20px 45px 0; background:url(../images/right-content-foot.gif) bottom left no-repeat;}

/* JOIN DONATE BUTTONS */

.join-donate {width:275px; height:60px; clear:right; margin:0 0 25px 0;}
a.join {width:135px; height:60px;  line-height:60px; background:url(../images/join-donate.jpg) top left no-repeat; color:#FFF; text-align:center; font-size:18px; font-weight:bold; float:left;}
a.join:hover {background:url(../images/join-donate.jpg) bottom left no-repeat;text-decoration:none;}
.main-content-wrap {width:1000px; height:auto; float:left; background: url(../images/content-bg.jpg) repeat-y #FFF;}
a.donate {width:135px; height:60px; line-height:60px; background:url(../images/join-donate.jpg) top right no-repeat; color:#FFF; text-align:center; font-size:18px; font-weight:bold; float:right;}
a.donate:hover {background:url(../images/join-donate.jpg) bottom right no-repeat; text-decoration:none;}

a.order { margin: 10px 0 10px 2px; width:270px; height:60px; line-height:60px; background:url(../images/join-donate.jpg) top right no-repeat; color:#FFF; text-align:center; font-size:18px; font-weight:bold; float:left;}
a.order:hover {background:url(../images/join-donate.jpg) bottom right no-repeat; text-decoration:none;}

/* QUICK LINKS */

.quick-links {width:275px; height:auto; clear:right; margin:0 0 20px 0;}
.quick-links ul {padding: .3em 0 .5em 0;list-style-type:none;}
.quick-links ul li {padding-left:20px;background: url(../images/quicklinks_icon.gif) no-repeat;background-position:.3em .2em; margin: 0 0 .1em 0;}
.quick-links ul li a {font-size:13px;text-decoration:none;}
.quick-links ul li a:hover {text-decoration:underline;}

/* CONNECT WITH US */

.connect-with-us { width:245px; height:auto; border: 5px solid #dae4e5; text-align:center; padding:15px 10px 25px 10px; background:url(../images/right-content-foot.gif) no-repeat; background-position: 20px 44px; float:left; margin:0 0 25px 0;}
.connect-with-us h3 { font-size:16px; color:#5c6d75; margin:0 0 35px 0;}
.social {width:245px; height:29px; line-height:24px; margin-bottom:15px;}
a.social-link {font-size: 14px !important; padding: 0 0 4px 28px; margin:0 20px;background: transparent url(../images/butterfly.png) no-repeat center left;}
.connect-sub {clear:left;}
a.facebook {padding-left:20px; margin:0 20px;background: transparent url(../images/facebook.png) no-repeat center left;}
a.twitter {padding-left:20px; margin:0 20px;background: transparent url(../images/twitter.png) no-repeat center left;}

/* BOTTOM MICE TEXT */

.bottom-right-mice {width:275px; height:auto; float:right; margin:0 0 25px 0;}
.bottom-right-mice p { font-size:12px;margin:0 0 1em 0;}
.bottom-right-mice img { float:left; margin:0 8px 8px 0;}

/* ///////////////////////
FOOTER 
////////////////////// */

.footer {width:1000px; height:auto; background:#9C8AA5; clear:both;}
.footer-content{width:920px; padding:20px 40px 20px 40px;}
.footer-content ul {padding: .3em 0 1em 0;list-style-type:none;}
.footer-content ul li { display:inline;}
.footer-content ul li a { margin: 0 25px 0 0;font-size:13px;text-decoration:none;color:#fff;}
.footer-content ul li a:hover {text-decoration:underline;}
.update-stats { color:#FFF; font-size:10px; padding-top:20px;}



/* //////////////////////
FORM STYLING HERE
//////////////////// */

#formstyle fieldset {
	font-size: 14px;
	float: left;
	width: 600px;
	display: block;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #421C52;
	clear: both;
	line-height: 18px;
}
#formstyle input {
	margin-left: 10px;
	width: 250px;
}
#formstyle textarea {
	width: 590px;
	height: 100px;
}
#formstyle label
{
	display: block;
	margin-bottom: 1em;
	float: left;
	clear: both;
}
.formbutton
{
	display: block;
	width: auto !important;
	padding: 4px 10px;
	border: 2px solid #9C8AA5;
	margin: 5px 0;
	font-size: 16px;
	text-align: center;
	background-color: #421C52;
	color: #FFF;
	cursor: pointer;
}

.hidden {
	position: absolute;
	left: -1500em;
}

#message {
	margin: 1.0em 0;
	border: 3px double #421C52;
	background: url(../admin/images/info_32.gif) #E3DEE5 10px center no-repeat;
	padding: 1.0em 1.0em 1.0em 56px;
	width: auto;
	line-height: 18px;
	font-size: 14px;
}
div.error#message {
	background-image: url(../admin/images/alert_32.gif);
	background-color: #FFC;
	border: 3px double;
	color: #CC0000;
}
.listing {
	background-color: #F8F8F8;
	padding: 10px;
}