@import url('reset.css');
@import url('news.css');

body 
{
	margin: 0px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 76%;
	Color: #4F426F;
	text-align: center;
	
	
}

.cym input { clear: both; }

/*-----  Headings / Links / etc   */
h1{ font-size: 1.8em; font-weight: bold; margin: 5px 0 15px 0;}
h2{font-size: 1.6em; font-weight: bold; margin: 5px 0 15px 0;}
h3{font-size: 1.4em; font-weight: bold; margin: 5px 0 15px 0;}
h4{font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #4f426f; margin: 0 0 15px 0;}
h5{font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0;}
h6{font-size: 1.1em; font-weight: normal; border-bottom: 1px solid #4f426f; margin: 0 0 15px 0;}

p{ margin: 10px 0 10px 0; line-height: 1.5em;}
strong{ font-weight: bold;}
em{ font-style: italic;}


a{ text-decoration: underline; color: #4F426F; font-weight: bold}
a:hover{ background-color: #EEE; color: #E65100;}

ul{ margin: 15px 0 15px 50px; list-style-type: square;}
li{padding: 12px 0 0 0;}

/*------   Positional Elements   */

.MasterDiv
{
	width: 813px;
	display: table; 
	margin: 0px auto 0px auto;
	text-align: left;
	padding-bottom: 20px;
	background: url(../images/template/MainBG.gif) repeat-y center;
}
	.ShadingDiv
	{
		width: 807px;
		background: #FFF url('../images/template/shade.jpg') repeat-x;
		display: table;
		margin-left: 3px;
	}

.Banner{ margin: 15px 0px 20px 30px; width: 750px; display: table;}
.BodyContents{ margin: 0px 0px 20px 30px; width: 750px;  display: block;}
.MainContent{float: left; display: block; width: 555px; margin-right: 15px; }
	.GroupBook td{ background: url('../images/template/GroupBook.jpg') no-repeat; height: 106px; padding: 32px 5px 0 150px; vertical-align: top; }


.RightCol{float: right; display: block; width: 175px;  }
	.GreyBorder{ display: table; width: 175px; border: 1px solid #CCC; margin-bottom: 10px; }
	.FindLink{ display: block; background-color: #E65100; text-align: center; text-transform: uppercase; font-size: 1.1em; color: #FFF; text-decoration: none; padding: 4px 0px 4px 0px; font-weight: bold;}
	.FindLink2 { display: block; background-color: #2f274e; text-align: center; text-transform: uppercase; font-size: 1.1em; color: #FFF; text-decoration: none; padding: 4px 0px 4px 0px; font-weight: bold;}
	.Code{display: table; width: 169px;  border: 1px solid #CCC; 
		margin-bottom: 10px; background: url(../images/template/code.jpg) 100% 100%; 
		height: 75px;}
	.Code a{}
	
	.News{display: table; width: 175px; padding: 0; border: 1px solid #CCC; margin-bottom: 10px; background: #FFF url(../images/template/news.jpg) no-repeat 0 -50px ; min-height: 36px;}
	.NewsLink{ display: block; background-color: #2f274e; text-align: center; text-transform: uppercase; font-size: 1.1em; color: #FFF; text-decoration: none; padding: 4px 0px 4px 0px; font-weight: bold; margin:0 0 10px 0;}
	
	.News .SmallNewsTitle{ background: url(../images/template/NewsArrow.gif) no-repeat; display: block; text-decoration: underline; color: #4F426F; font-weight: normal; line-height:1.1em; font-size: .85em; padding: 0px 0px 0px 12px; margin: 5px 0px 10px 5px}
	.News .SmallNewsTitle:hover{color: #E65100;}
	
	.Courses{display: table; width: 169px; padding: 22px 3px 0px 3px; border: 1px solid #CCC; margin-bottom: 10px; background: #990134 url(../images/template/courses.jpg) no-repeat; min-height: 36px;}
	.Courses ul{ color: #FFF; margin: 0 0 5px 18px;}
	.Courses li{ padding: 3px 0px 3px -5px; margin: 0px; font-size: .9em} 
	
	
	
.Footer{ border: 1px solid #CCC; width: 750px; margin: 15px 0px 20px 30px; display: table; clear: both}
.Footer ul{ width: 750px; margin:3px 0px 3px 5px;}
.Footer li{ float: left; display: block; padding-left:12px; }


.FootLinks{margin: 5px 0px 20px 30px; display: table; width: 750px;}



/*------------   Top Menu  */

.nav-main {float: left; display: block; width: 750px; padding: 5px 0px 5px 0px; margin: 0px ; background-color: #2F274E; }
.nav-main ul{padding-left:2px; display: block; }
.nav-main li{ padding: 0; float: left; }
.nav-main ul li ul { visibility: hidden; display: none;}
.nav-main ul{ list-style: none; margin: 0px; padding: 0px;}

.nav-main ul li a
{
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	padding: 3px 10px 3px 10px;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #FFF;
}
.nav-main ul li a:hover{ text-decoration: none; color: #4F426F;  background-color: #CCC; padding: 3px 10px 3px 10px;}

.nav-main ul .selected a {
	color: #4F426F; background-color: #ccc;
}
		
		
.ullevel3, .ullevel4, .ullevel5, .ullevel6, .ullevel7, .ullevel8, .ullevel9 { list-style: none; margin: 0px; padding: 0px; }
.ullevel3 li a
{
	
	}
ul li a:hover{  color: #000;}

	
	
	/*--------------  Original CSS    */
	
	fieldset
{
	padding: 20px;
	}
legend
{
	
	margin: 0 0 10px -10px;
	font-weight: bold;
}
.ApplyFieldSet span {
    float:left;
}
.QuestionSpan
{
	display:block;
	float:left;
	width: 640px;
	margin: 20px 0 5px 0;
	border-top: 1px solid #333;
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #333;
	background: #f7f7f7;
	}
.CourseList
{
	list-style:none;
	
	}
.CourseList li
{
	margin: 10px 0 0 0;
	}

#LogoDiv
{
	display:block;
	margin: -20px 0 0 0;
	padding: 0 0 0 0;
	float: right;
	width: 120px;
	height: 150px;
}




#MapDiv
{
	display:block;
	padding: 0;
	float: right;
	border: 1px solid #ccc;
	}

.HeaderRow td
{
	background: #352551 url(../images/headerbg.jpg) repeat-x top left;
	
	color: #fff;
	padding:5px;
	}
.RowSep
{
height: 4px;
padding: 0px;
font-size: 0em;
	background: #352551 url(../images/headerbg.jpg) repeat-x top left;
	}
	
	.MapLink
	{
	background:  url(../images/earth_view.gif) no-repeat center left;
	display:block;
	padding: 6px 0 6px 18px;	
	float: left;
	}
.ApplyLink
	{
	background:  url(../images/pen_blue.gif) no-repeat center left;
	display:block;
	padding: 6px 0 6px 18px;	
	float: left;
	}
	
.TintBox
{
background:  url(../images/greybg.jpg) repeat-x top left;
border: 1px solid #777;
padding: 15px;
}
.HighlightBox
{

border: 1px solid #777;
padding: 0;
width: 280px;
}
.HighlightBoxSmall
{

border: 1px solid #777;
padding: 0;
}
.HighlightHeader
{
 display: block;
 padding: 5px;
 color: #fff;
 background: #2F274E;
 text-align: center; font-weight: bold;
 text-transform: uppercase;
 font-size: 1em;

}

.AltRow td
{
	background-color: #eee;		
}

.FooterDiv
{
  display: block;
  width: 680px;
  margin: 60px 0 0 0;
  border-top: 1px solid #eee;
  padding: 10px;
  		
	}
.FooterDiv a
{
	color: #555;
	}
.HomePageLinks
{
   list-style: none;		
	}
.HomePageLinks li
{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	}
.HomePageLinks li a
{
  	display: block;
	float: left;
	padding: 10px 20px 10px 32px;
	font-size: 1.6em;
	color: #352551;
	background-color: #eee;
	border: 1px solid #ccc;
 text-decoration: none;
	}
.HomePageLinks li a:hover
{

	background-color: #f9f9f9;
	border: 1px solid #777;
}
	
#footerlogo
{
	display:block;
	float: left;
	margin-right: 30px;
	}
.RegionList
{
	font-size: 1.2em;
	list-style:none;
	margin: 0 0 30px 0;
	display:	block;
	padding: 0;
	
}
.RegionList li
{
	display: block;
	margin: 0;
	padding: 0;
	}
.OtherTB
{
	display: block;
	border: 1px solid #333;
	margin: 0 0 0 20px;
	width: 250px;
	}
.OtherTBRight
{
	display: block;
	float: right;
	border: 1px solid #333;
	margin: 0 30px 0 0;
	width: 180px;
	}
	.FindCourseLink
	{
	background:  url(../images/view.gif) no-repeat 3px center ;
	display:block;
		
	float: left;
	}
	.CodeLink
	{
	background:  url(../images/key2.gif) no-repeat 3px center ;
	
	}
.ContactLink
	{
	background:  url(../images/telephone.gif) no-repeat 3px center ;
	
	}
.FindCourseHeader
	{
	background:  url(../images/view.gif) no-repeat right center ;
	display:block;
	width: 180px;
	padding:  0 32px 0 0;	
	
	}
.ApplyFieldSet
{
	width: 650px;
}

.RegionLink
{
	display:block;
	background:#352551  url(../images/LinkArrowWhite.gif) no-repeat 5px center ;
 color: #fff;
	
	padding: 4px 0 4px 25px;
	margin: 2px 0 0 0;
	width: 255px;
	text-decoration: none;
	font-weight: bold;
}
.RegionLink:hover
{
 background: #EEE url(../images/LinkArrow.gif) no-repeat 5px center ;
  color: #352551 
}



input[type=text], input[type=password]
    {
        border: 1px solid #ccc;
        background: url(../images/input_background.gif) repeat-x;
        padding: 3px;
    }
    textarea
    {
        border: 1px solid #ccc;
        background: url(../images/input_background.gif) repeat-x;
        padding: 3px;
    }
    .Panel
    {
        display: block;
        float: left;
        border: 1px solid #ccc;
        width: 800px;
           padding: 0 10px 10px 10px;
    }
    .TopPanel
    {
        display: block;
        float: left;
        width: 800px;
       
    }
    .NavigationPanel
    {
        display: block;
        float: left;
        border-top: 1px dotted #ccc;
        width: 700px;
        padding-right: 100px;
        height: 50px;
        text-align: right;
        margin-top: 10px;
        background-color: #f7f7f7;
    }

.ButtonLink
{
   display: block;
	float:right;
	margin: 10px 10px 0 5px;
	color: #000000;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	cursor: pointer;
	
}

.ButtonLink:Hover
{
	border: 1px solid #213b78;
	background: #fff;
	color: #f00;

}
.btnSubmit
{
    background: url(../images/orangebg.jpg);
    }
.NextButton
{
    background: url(../images/orangebg.jpg);
    }
 .PrevButton
{
    background: url(../images/bluebg.jpg);
    }
    
/*
.control {
    clear: left;
    padding: 5px 0;
}
.control label {
    width: 226px;
    float: left;
    clear: left;
    margin-top: 3px;
}
.control .multi label {
    float: none;
}
 form */

.TintBox p {
    padding: 0;
    margin: 0;
}

.notice { font-weight: bold; color: #E65100; }


#popup_container 
{
    width:expression(document.body.clientWidth > 612? "600px": "auto" );
    z-index: 100;
    }
    
.flexigrid .delete { background: url(../content/images/excel.gif) no-repeat left center; padding-left: 20px; }

.places
{
    width: 280px;
}

.cancel-box
{
    
    }
.cancel-box-title
{
    font-weight: bold; 
    border-bottom:1px solid ;
    padding:0 0 10px 0;
    }
.cancel-box-message
{
    padding:10px 0 0 0;
    }
.apply-message
{

width:555px;   
}