@charset "utf-8";
/* **************** Color Reference ************** */ 
/*                                                 */
/*        #FFCC00 (Yellow)                         */
/*        #336699 (Blue)                           */
/*        #112334 (Blue, dark)                     */
/*        #669900 (Green)                          */
/*        #333333 (Gray, dark)                     */  
/*        #666666 (Gray, text)                     */
/*                                                 */
/* *********************************************** */

/* ******************* Selectors ***************** */
body {
	width:800px;
	background-image: url(/images/template/body_bg.gif);
	background-repeat: repeat-x;
	background-color: #336699;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	font-size:0.75em;
}
form {
	margin:0px;
	padding:0px;
}
div {
	padding:0px;
	margin:0px;
}
h1 {
	font-size:2.4em;
	width:auto;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#336699;
	color:#FFFFFF;
	letter-spacing:-0.05em;
	margin-top:-10px;
	margin-bottom:28px;
}
u {
	text-decoration:underline;
}
h1 .subhead {
	font-size:0.5em;
	color:#666666;
	float:right;
}
h2 {
	font-size:1.5em;
	color:#FFFFFF;
	letter-spacing:-0.04em;
}
h3 {
	font-size:1.2em;
	color:#FFFFFF;
	letter-spacing:-0.04em;
}
h4 {
	color:#FFFFFF;
	font-size:1em;
	letter-spacing:-0.04em;
}
img {
	border:none;
}
.table_basic {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
}
.table_basic th {
	background-color: #333333;
	color: #FFFFFF;
	background-position: left;
	text-align: left;
}

.clear_all {
	clear:both;
}

/* *************** Tabular Navigation ************ */
#navigation {
	width:621px; /* must resize if more text is added to the navbar */
	margin-left:auto;
	margin-right:auto;
}
#nav table {
	border-collapse: collapse;
	border:hidden;
	border-width:0px;
	text-align:left;
}
#nav td {
	background-image:url(/images/template/tab_graygray.gif);
	background-repeat:repeat-x;
	padding:0px;
	height:34px;
	font-size:13px;
	white-space:nowrap;
	line-height:34px;
}
#nav .blueblack {
	background-image:url(/images/template/tab_blueblack.gif);
	background-position: bottom left;
	font-weight:bold;
}
#nav .bluegray {
	background-image:url(/images/template/tab_bluegray.gif);
	background-position: bottom left;
}
#nav .blackgray {
	background-image:url(/images/template/tab_blackgray.gif);
	background-position: bottom left;
}
#nav .graygray {
	background-image:url(/images/template/tab_graygray.gif);
	background-position: bottom left;
}
#nav .grayblack {
	background-image:url(/images/template/tab_grayblack.gif);
	background-position: bottom left;
	font-weight:bold;
}
#nav .grayblue {
	background-image:url(/images/template/tab_grayblue.gif);
	background-position: bottom left;
	padding:0px 7px;
}
#nav .blackblue {
	background-image:url(/images/template/tab_blackblue.gif);
	background-position: bottom left;
	padding:0px 7px;
}
#nav .blueblack a, #nav .grayblack a {
	color:#ffffff;
	font-weight:bold;
}
#nav a {
	color:#000000;
	text-decoration:none;
	padding-left:20px;
	margin-right:5px;
}
#nav a:hover {
	text-decoration:underline;
}

/* *************** Tubular Navigation ************ */
/* *** combine these classes: "grayright thrid" ** */
#tubular {
	width:auto;
	font-weight:bold;
	margin-bottom:20px;
}
#tubular a {
	font-size:11px;
	line-height:23px;
	height:24px;
	color:#FFFFFF;
	text-align:center;
}
#tubular .blueleft {
	float:left;
	background-image:url(/images/template/tab_content_blue_left.gif);
}
#tubular .bluemiddle {
	float:left;
	background-image:url(/images/template/tab_content_blue.gif);
	width:33%;
	border-width:0px 1px;
	border-color:#999999;
	border-style:none solid;
}
#tubular .blueright {
	float:left;
	background-image:url(/images/template/tab_content_blue_right.gif);
	background-position:right;
}
#tubular .grayleft {
	float:left;
	background-image:url(/images/template/tab_content_gray_left.gif);
}
#tubular .graymiddle {
	float:left;
	background-image:url(/images/template/tab_content_gray.gif);
	width:33%;
	border-width:0px 1px;
	border-color:#999999;
	border-style:none solid;
}
#tubular .grayright {
	float:left;
	background-image:url(/images/template/tab_content_gray_right.gif);
	background-position:right;
}
#tubular .half {
	width:50%;
}
#tubular .third {
	width:33%;
}
#tubular .fourth {
	width:24%;
}


/* ******************** Header ******************* */
#header {
	height:108px;
	text-align:left;
}
#header_nav {
	float:right;
	text-align:right;
	color:#FFFFFF;
	margin-top:20px;
}
#header_nav a {
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
}
#header_nav a:hover {
	text-decoration:underline;
	color:#FFCC00;
}

/* ******************** Footer ******************* */
#footer {
	color:#CCCCCC;
	padding-bottom:20px;
}
#footer a {
	color:#FFCC00;
	text-decoration:none;
	border-left: dotted;
	border-left-width:1px;
	border-left-color:#CCCCCC;
	padding: 0px 10px;
	
}
#footer a.last {
	border-right: dotted;
	border-right-width:1px;
	border-right-color:#CCCCCC;
}
#footer a:hover {
	text-decoration:underline;
}

/* **************** Rounded Corners ************** */
#roundtop {
	background-color: #000000;
	height: 13px;
	text-align:left;
	background-image: url(/images/template/corner_top_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#roundbottom {
	background-color: #000000;
	height: 13px;
	text-align:left;
	background-image: url(/images/template/corner_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-bottom:20px;
	margin-top:-13px;
}
.form_top {
	background-color: #112334;
	background-image: url(/images/template/form_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	width:370px;
	padding:15px;
}
.form_bottom {
	background-image: url(/images/template/form_bottom.gif);
	background-color: #112334;
	background-repeat: no-repeat;
	background-position: bottom;
	width:400px;
	height:7px;
}

/* **************** Content, Body **************** */
#content_header {
	 float:right;
	 width:245px;
}

#content {
	background-color: #000000;
	width: 770px;
	text-align:left;
	padding:0px 15px 15px 15px;
	color:#FFFFFF;
}
#content a:link, #content a:visited {
	color:#FFCC00;
	text-decoration: none;
}
#content a:hover {
	color:#FFCC00;
	text-decoration: underline;
}
#content li {
	margin-left:-1em;
	margin-bottom:0.7em;
	line-height:1.55em;
}
#content li li {
	margin-bottom:1em;
	line-height:inherit;
	list-style:none;
	margin-top:1em;
}
#content ul {
	margin-top:-.5em;
}
#content ul ul {
	margin-top:-0.5em;
	margin-bottom: -.5em;
}

#content p {
	margin:0px 0px 1em 0px;
	line-height:1.55em;
}

#content p.first {
	margin-top:-15px;
	
}
#content p.first:first-letter {
	float:left;
	font-size:3em;
	font-family:"Times New Roman", Times, serif;
	line-height:1em;
	padding-right:3px;
}
.columnleft_nomiddle {
	float:left;
	width:65%;
	padding-right:10px;
	padding-top:15px;
	clear:left;
}
.columnleft {
	float:left;
	width:195px;
	padding-right:10px;
	padding-top:15px;
	clear:left;
}
.columnmiddle {
	width:31%;
	top:0px;
	float:left;
	padding-top:15px;
	padding-right:15px;
	width:195px;
	padding-top:43px;
}
.columnright {
	float:right;
	width:33%;
	padding-top:15px;
	float:right;
	clear:right;
	width:245px;
}
.columnleft_home {
	 float:left;
	 width:31%;
	 padding-right:10px;
	 padding-top:15px;
}
.columnmiddle_home  {
	width:31%;
	top:0px;
	float:left;
	padding-top:15px;
	padding-right:15px;
}
.columnright_home {
	float:right;
	width:33%;
	padding-top:15px;
}
.info_box {
	background-color:#111111;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	padding:15px;
	font-size:.85em;
}

/* **************** Button / Banners ************** */
/* you'll need an inline style to turn the link color black */
.button {
	padding: 3px 3px;
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size:11px;
	line-height:8px;
	width:244px;
}
.green {
	background-image: url(/images/template/button_green.jpg);
	height: 25px;
}
.green4 {
	background-image: url(/images/template/button_green4.jpg);
	height: 70px;
}
.yellow {
	background-image: url(/images/template/button_yellow.jpg);
	height: 25px;
}
.yellow4 {
	background-image: url(/images/template/button_yellow4.jpg);
	height: 70px;
}
.blue {
	background-image: url(/images/template/button_blue.jpg);
	height: 25px;
}
.blue4 {
	background-image: url(/images/template/button_blue4.jpg);
	height: 70px;
}


/* **************** Image Alignment *************** */
.portrait {
	float:right;
	margin:0px 0px 15px 15px;
}

/* *************** Printed Page, hide ************* */
#print_header {
	display:none;
}
.form_button   {
	padding: 3px 3px;
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size:11px;
	line-height:8px;
}

/* *************** Course Selections ************* */
#catSelector td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding: 3px;
}
#catSelector {
	width: 100%;
	border-collapse: collapse;
}
#catSelector th {
	padding:5px;
	background-color:#333333;
	text-align:left;
	border-left:solid 1px #666666;
	border-bottom:solid 1px #666666;
}
#catTable {
	width: 100%;
}
#catTable th {
	color: #FFFFFF;
	text-align: left;
	background-color: #666666;
}
.courseListing {
	padding: 3px;
}
.dimtext {
	color: #666666;
}
#videoLectures {
	float:right;
	margin-top:-19px;
	margin-right:-8px;
}

 /*-------creative commons--------*/     
      #cc_js_lic-menu
        {
            width: 300px;
            margin: 0 auto; /*border: 1px solid #ddd;*/
        }
        .cc_js_body
        {
            background-color: #fff;
            color: #343434;
            font: 71%/145% "Lucida Grande" , verdana, sans-serif;
            padding: 0;
            margin: 0;
            text-align: center;
        }
        #cc_js_header-main
        {
            /*  width:  93%;
    min-width:  700px;
    margin: 0 3%;
    padding: 10px 0 2px 1%;
    text-align: left;
    font-size: 11px !important;*/
        }
        /* -- elements */a.cs_js_a, a:link.cs_js_a
        {
            text-decoration: none;
            color: #00b;
        }
        a:hover.cs_js_a
        {
            text-decoration: underline;
        }
        /**
 * This was written by CC as a demonstration of how to interoperate
 * with the Creative Commons JsWidget.  No rights reserved.
 * 
 * See README for a little more detail.
 */#cc_js_license_selected
        {
            border: 1px solid #c2e0cf;
            text-align: center;
            padding: 3%;
            margin-bottom: 2.7%;
        }
        #cc_js_jurisdiction_box
        {
            /* border: 1px solid black; */
            padding: 0.5% 2% 1% 2%;
            margin-bottom: 1%;
        }
        #cc_js_lic-menu h2
        {
            /* text-decoration: underline; */ /* border-bottom: 1px solid black; */
            padding: 3% 0 1% 0;
            border: none;
        }
        #cc_js_lic-result
        {
            padding: 0;
            margin: 0;
        }
        select#cc_js_jurisdiction
        {
            margin-bottom: 2%;
        }
        textarea#cc_js_result
        {
            width: 9%;
            border: 1px solid #ccc;
            color: gray;
            margin-top: 1%;
        }
        a.cc_js_a img
        {
            border: none;
            text-decoration: none;
        }
        #cc_js_more_info
        {
            border: 1px solid #eee;
            padding: 0.5% 2% 1% 2%;
            margin-bottom: 1%;
            margin-top: 1%;
            width: 87%;
        }
        #cc_js_more_info table
        {
            /*  width: 65%;*/
        }
        #cc_js_more_info .header
        {
            width: 35%;
        }
        #cc_js_more_info input
        {
            width: 100%;
            border: 1px solid #ccc;
        }
        #cc_js_required
        {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 4% 2%;
            margin-bottom: 1%;
            margin-top: 2px; /* background: #efefef; 
    background: #eef6e6;*/
        }
        #cc_js_work_title
        {
            font-style: italic;
        }
        #cc_js_optional
        {
            border: 1px solid #eee;
            padding: 0.5% 2% 1% 2%;
            margin-bottom: 1%;
            margin-top: 1%;
            width: 87%;
        }
        .cc_js_cc-button
        {
            padding-bottom: 1%;
        }
        .cc_js_info
        {
            vertical-align: middle;
        }
        img.cc_js_info
        {
            float: right;
        }
        #cc_js_jurisdiction_box
        {
            clear: left;
        }
        #cc_js_lic-menu p
        {
            padding: 3px 0 5px 0;
            margin: 0 0 5px 0;
        }
        .cc_js_tooltip
        {
            background: white;
            border: 2px solid gray;
            padding: 3px 10px 3px 10px;
            width: 300px;
            text-align: left;
        }
        .cc_js_tooltip .cc_js_icon
        {
            float: left;
            padding-right: 4%;
            padding-bottom: 20%;
        }
        .cc_js_tooltipimage
        {
            border: 2px solid gray;
        }
        .cc_js_infobox
        {
            cursor: help;
        }
        .cc_js_question
        {
            cursor: help; /*color:          #00b;*/
            border-bottom: 1px dashed #66b;
        }
        .cc_js_hidden
        {
            display: none;
        }
        #cc_js_required .cc_js_question
        {
            border: none;
        }
        #cc_js_want_cc_license_at_all
        {
            background-color: #eef6e6;
            font-size: 1.35em;
            padding: 0.25em;
            padding-left: 0;
        }
        #cc_js_want_cc_license_at_all span
        {
            margin-right: 1.5em;
            padding: 0.5em;
        }
        #cc_js_want_cc_license_at_all span span
        {
            margin: 0;
            padding: 0;
        }
        #cc_js_required p
        {
            padding-bottom: 50px;
        }
        #cc_js_remix-label span
        {
            background: url('http://creativecommons.org/images/deed/remix.png') no-repeat top left;
            padding-left: 60px;
            padding-bottom: 60px;
        }
        #cc_js_nc-label span
        {
            background: url('http://creativecommons.org/images/deed/nc.png') no-repeat top left;
            padding-left: 60px;
            padding-bottom: 60px;
        }
        #cc_js_sa-label span
        {
            background: url('http://creativecommons.org/images/deed/sa.png') no-repeat top left;
            padding-left: 60px;
            padding-bottom: 60px;
        }
        #cc_js_lic-menu
        {
            background-color: White;
        }
        #cc_js_generated_box
        {
            width: 200px;
            float: left;
        }
        #cc_js_required
        {
            text-align: left;
            color: Black;
        }
        #cc_js_jurisdiction_box
        {
            text-align: left;
        }
        #cc_js_jurisdiction_box span
        {
            text-align: left;
            color: Black;
        }
        .cc_js_cc-info
        {
            text-align: left;
        }
        #cc_js_tip_cloak[style]
        {
            font-weight: normal !important;
            color: #000 !important;
            background: yellow !important;
            position: absolute !important;
            left: 10px !important;
            top: 1200px !important;
        }
        #cc_js_license_example div
        {
            color: Black;
        }