/*body {background-color:#CCDFB8; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}*/
body {
background-color:#fff;
background-image: url(../images/background.gif);
background-repeat:repeat-x;
font-family:Verdana, sans-serif; 
font-size:12px;
}
.tablewidth {
 width: 85%;
}
.columnwidth 
{
width: 50%;
}
minitablewidth
{
width: 50%;
}

#wrap {
width:800px; 
margin:auto;
}

.txtBox
{
    width:300px;
}

.ddlBox
{
    width:306px;
}

.txtBoxShort
{
    width:200px;
}

.autoComp
{
    font-family:Arial;
}

.ddlCourses
{
    width:300px;
}
.inputField
{
    width:250px;
    margin-left:20px;
}
.clear {clear:both;}

/*Header*/

#topbar {
margin-top:10px;
background-color:white;
background-image: url(../images/logo.png);
background-repeat:no-repeat;
background-position:center;
height:138px;
}

.roundcont {
	width: 800px;
	background-color:white;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

img.corner {
   width: 8px;
   height: 8px;
   border: none;
   display: block !important;
}

/* Table Div equivalent */
div#table { 
width:800px;/*you can change this to whatever width you need your table to be*/ 
} 

div.doubletablecell { 
width:100%; 
float:left;
padding-bottom:10px;
} 

div.tablecell { 
width:50%; 
float:left;
padding-bottom:10px;
} 

div.tablecellnarrow { 
width:25%; 
float:left;
padding-bottom:10px;
padding-right:10px;
} 

div.tablecellwide { 
width:60%; 
float:left;
padding-bottom:10px;
/*margin-left:20px;*/
}

div.tablecellright { 
width:10%; 
float:left;
text-align:center;
padding-bottom:10px;
} 
/* Contents */

/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}

#contentWrapper {
background-color:white;
height:400px;
padding:0px 10px 0px 10px;
}

#contentWrapper {font-size:12px; padding-top:5px; text-align:justify;}
#contentWrapper h1 {display:block; color:#003057; font-size:16px; font-weight:bold}
#contentWrapper h2 {display:block; color:#003057; border-bottom:solid 1px #003057; font-size:14px; font-weight:bold}
#contentWrapper h3 {display:block; color:#003057; font-size:14px; font-weight:bold}
#contentWrapper h4 {display:block; color:#003057; font-size:12px; font-weight:bold; border-bottom:solid 1px #003057;}
 
 
/*Moo purple code: 922925*/

#contentWrapper p, left p, right p {margin:10px 0px 10px 0px;}
#contentWrapper a img{border:solid 0px #CCCCCC; padding:3px;}
#contentWrapper img{padding:4px;}
#contentWrapper ul {padding-left:20px}

/*Footer*/

#footer {background: url(images/bgbottom.gif) repeat-x; height:20px; margin:auto; background-color:#E3E3E3;}
#footercontent {width:862px; margin:auto;}
#previews {padding:5px;}
#previews .item {width:120px; height:90px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#previews img {background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#copyright {margin:20px 0 0px 0; padding:20px 0px 5px 0px; color:#FFFFFF; border-top:solid 1px #333333; background:url(galimg/copyrightbg.jpg) repeat-x;}
#footer a,#footer a:visited, #footer a:active, #footer a:hover {color:#FFFFCC;}
#credit {background:#E3E3E3; height: 45px; text-align:center; color:#858585; font-family:Verdana, sans-serif; font-size:12px; margin:auto; padding-top:15px;}
#credit a img{border:solid 0px #CCCCCC; padding:3px;}
/*#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#858585;}*/

/*- Menu Tabs--------------------------- */ 
.chromemenu{
width: 99%;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
/*border: 1px solid #BBB;*/
border-bottom: 1px solid #BBB;
border-top: 1px solid #BBB;
width: 800px;
background: url(../images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
padding: 5px 8px;
margin: 0;
text-decoration: none;
border-right: 1px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
background: url(../images/chromebg2.gif) center center repeat-x;
}

/*File Grid*/
.fileGrid
{
 /*border: solid 1px #EEEEEE;*/ 
border-style:solid;
border-width: 2px;
border-bottom-color:#003057;
border-top-color: #003057;
border-left-color:#003057;
border-right-color:#003057;
}  

.fileGrid td
{
    padding: 5px 5px 5px 5px;
} 

/*Intro Page*/ 
#wrapper {
text-align:left;
margin:0 auto;
width:700px;
/*min-height:50px;*/
border:1px solid #ccc;
padding:30px;
}
a {
color:blue;
cursor:pointer;
}
#myvar {
border:1px solid #ccc;
background:#f2f2f2;
padding:20px;
}