body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/body-bg.gif) repeat-x #ffdeb4 !important;
}

a img { border: none; }

div#mainContainer {
	width:949px;
	background:url(../images/main-bg.gif) repeat-y;
	background-attachment:fixed;
    overflow:auto;
}

/* this ensures the mainContainer will stretch all the way down to contain floated children */
div#mainContainer:after {
	display:block;
	height:1px;
	clear:both;
}





/* Left Column Styles */

div#mainContainer div#mainLeft {
	width:154px;
	min-height:900px;
        overflow:auto;
	float:left;
	border-right:3px white solid;
	background:url(../images/left-bg.jpg) no-repeat 0px 150px #fff;
	position:relative;
}

div#mainContainer img.top-left-img {
	

}

div#mainLeft:after {
	clear:both;
	height:100px;
	display:block;
    
}

div#leftDate {
	width:143px;
	height:25px;
	background:#2e9fd1;
	color:white;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0px 0px 11px;
	position:absolute;
	top:123px;
	left:0px;
}

div#mainLeft img#csc_logo {
	position:absolute;
	top:620px;
	left:0px;
}

div#mainLeft img#btn_donate_SM {
	position:absolute;
	top:710px;
	left:20px;
}
div#donateText {
	position:absolute;
	top:750px;
	left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}


/* Right Column Styles ///////////////////////////////////////////////////*/

div#mainContainer div#mainRight {
	float:left;
	width:788px;
	min-height:791px;
}

div#mainRight div#rightTop {
	height:120px;
	width:100%;
	border-bottom:3px white solid;
	background:url(../images/dict-bg.jpg) top left no-repeat #06AACB;
	position:relative;
}

div#rightTop img {
	position:absolute;
	bottom:-2px;
	right:10px;
}

div#mainRight div#rightNav {
	height:30px;
	background:url(../images/body-bg.gif) repeat-x;
	background-position: 0px -123px;
	width:100%;
}

div#mainRight div#rightNav ul {
	margin:8px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	float:left;
}	

div#rightNav ul li {
	display:block;
	float:left;
	margin:-8px 0px 0px -2px;
	padding:6px 10px 6px 10px;
	border-left:2px #f6ddb5 solid;
	border-right:2px #f6ddb5 solid;
	color:white;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

div#rightNav ul li.last {
	border-right:none !important;
}

div#rightNav ul li.first {
	border-left:none !important;
}

div#rightNav ul li a {
	color:#fff;
	text-decoration:none;
}

div#rightNav ul li:hover, li.on {
	background:url(../images/li-on.jpg);
    color:#000;
}

div#rightNav ul li a:hover, div#rightNav ul li:hover a, div#rightNav ul li.on a {
	color:#000;
}

div#rightNav input {
	position:absolute;
    top:5px;
    right:0px;
}

div#rightNav button {
	position:absolute;
    top:3px;
    right:165px;
}

div#rightNav form {
	margin-top:0px;
}

div#searchBar {
	float:right;
	margin:0px 15px 0px 0px;
    height:28px;
    position:relative;
}

div#searchBar button {
	margin:0px 0px 0px 0px;
}

div#searchBar input {
	margin: 0px 0px 0px 0px;
    }

div#mainRight div#subLeft {
	width:400px;
	float:left;
	padding-left:10px;
}

div#mainRight div#fullLeft {
	width:760px;
    float:left;
    padding-left:10px;
}

div#mainRight div#subRight {
	width:360px;
	float:left;
}







/* Rounded Div Styles //////////////////////////////////////////// */

div.roundbox {
	padding:2px 2px 2px 2px;
	width:300px;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
}

div#fullLeft div.roundbox {
	width:750px;
}

div.roundbox :after {
	display:block;
	height:1px;
	clear:both;
}

div#subLeft div.roundbox {
	width:390px !important;
}

div#subRight div.roundbox {
	width:340px !important;
	margin:10px 10px 10px 20px;
}

div.roundbox div.content {
	background:#fff;
	padding:3px;
}

div.content h2 {
	font-size:16px;
	line-height:18px;
	color:#000;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:10px 10px 5px 10px;
}

div.roundbox h3 a.more {
	color:#a8e2fd;
	font-size:12px;
	font-weight:bold;
	margin:-15px 13px 0px 25px;
	text-decoration:none;
}

div.roundbox h3 a.more:after {
	color:#fff;
	content: " >>" !important;
}

div.roundbox h3 a.more:hover:after {
	color:#a8e2fd;
	content: " >>" !important;
}

div.roundbox h3 a.more:hover {
	color:#fff;
}

div.content p {
	margin:0px 2px 2px 2px;
	padding:3px 10px 3px 10px;
	font-size:12px;
	clear:both;
}

div.content ol li {
	margin:5px 10px 5px 0px;
    font-size:12px;
}

div.content a {
	color:#f5a70d;
	text-decoration:none;
}

div.content a:hover {
	color:#808080;
}

div.content form {
	padding:10px;
}

div.content form label {
	display:block;
	color:orange;
	font-size:12px;
	float:left;
	width:40px;
	margin:0px 25px 10px 0px;
}

div.content form input {
	float:left;
	border:1px #808080 solid;
}

div.content form button {
	float:left;
}

div.content form br {
	clear:left;
}


div.roundbox h3{
	padding:9px 0px 14px 10px;
	margin:0px;
	text-align:left;
	font-size:16px;
	color: #fff;
	background:#44b2e5;
	height:18px;
	font-weight:normal;
}




/* Podcast Styles ////////////////////////////////////// */

ul.podcasts {
	margin:0px 0px;
	padding:10px 10px;
}

ul.podcasts li {
	list-style-type:none;
	background:url(../images/listen.jpg) no-repeat left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 40px;
	height:30px;
	clear:left;
	text-align:left;
}

ul.podcasts li a {
	display:block;
	font-size:16px;
	line-height:16px;
	font-family:"Times New Roman", Times, serif;
	color:#808080;
	margin:5px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	vertical-align:middle;	
	height:30px;
	float:left;
	font-weight:bold;
}

ul.podcasts li a:hover {
	color:orange;
}









/* ID.org Top Feature ////////////////////////////////////// */

div#topFeature div#movie{
	margin:0px 10px 5px 0px;
	padding:5px 0px 5px 0px;
	width:320px;
	height:250px;
}

div#movie img {
	position:relative;
    left:4px;
    padding:3px;
    background:#fff;
    border:1px #808080 solid;
}










/* Misc Text Classes ////////////////////////////////////// */

span.date {
	color:#808080;
}

a.back {
	color:#000;
    font-family:"arial", sans-serif;
    display:block;
    margin:10px;
    text-decoration:none;
}

a.news {
	color:#000 !important;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

a.news :hover {
	color:orange !important;
}

a.headline {
	color:#808080 !important;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
}

a.headline:hover {
	color:#000 !important;
}

div#mainContainer div.content a.readmore {
	text-align:right;
	margin:0px 0px 0px 10px;
	width:auto;
	font-size:12px !important;
}

div.content a.readmore:after {
	content:" >>";
}

div#videos.roundbox p strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000 !important;
}

div#videos.roundbox p {
	color:#808080 !important;
}	

.grey { color:#808080; }

a.storemore {
	font-size:14px;
    width:100%;
    text-align:right;
    display:block;
    font-weight:bold;
    margin:10px 0px 0px 0px;
}

img.store_img {
	margin:8px 10px 8px 8px;
}


/* Misc Styles ////////////////////////////////////// */

div#videos.roundbox img {
/*	padding:0px 10px 0px 0px;*/
}

div#videos.roundbox div.content {
	display:block;
    background:#fff;
}

div#videos div.content:after {
	display:block;
    height:1px;
    width:100%;
    clear:both;
}

button, button:focus {
	border:none;
	outline:none;
	background:none;
}








/* Footer Styles //////////////////////////////////////////////// */

div#footer {
	width:90%;
	clear:both;
	height:80px;
	background:url(../images/footer-bg.gif) no-repeat;
	background-position:256px 0px;
	color:#808080;
	font-family:"Times New Roman", Times, serif;
	margin:10px;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding-left:10px;
}


div#footer a {
	color:#45b1e3;
}







/* Media List Items - moved to the pages they're called on ///////////////////////////////////////////////////////// */