/* CSS DOCUMENT */
* { margin: 0; padding: 0;}

body { background: url(images/bg.png) repeat-x #003368; color: #000; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 62.5%; text-align: center; }

#page { margin: 0 auto; text-align: left; width: 940px; border: 1px solid #000; border-top: none; background: #fff; }

#header { height: 100px; position: relative; }
#header h1{ height: 95px; width: 394px; position: relative; font-size: 1em;}
#header h1 span { height: 95px; width: 394px; background: url(images/rcc-edc.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 2; display: block; }

#top-nav { position: absolute; top: 0; right: 0; height: 34px; background: url(images/top-nav-bg.png) repeat-x #02376c; }
#top-nav li { list-style: none; float: left; width: 65px; }
#top-nav li.wider { width: 90px; }
#top-nav li a { display: block; font-size: 1.4em; height: 14px; padding: 10px;  text-decoration: none; text-align: center; width: 45px; color: #fff; }
#top-nav li.wider a { width: 70px;}
#top-nav li a:hover, #top-nav li a.selected { background:	#02376c;}

#nav { height: 50px; background: url(images/nav-bg.png) repeat-x #7b7d81; z-index: 90; position: relative;}
#nav li { list-style: none; float: left; width: 117px; font-size: 1.4em; position: relative;}
#nav li.higher_education { width: 121px;}
#nav li a { display: block; width: 107px; padding:18px 5px; height: 14px; color: #fff; text-decoration: none; text-align: center;}
#nav li.higher_education a { width: 111px;}
#nav li a:hover, #nav li a.selected { background:	#7b7d81; }

#nav li ul { background: #e41a26; position: absolute; top: 50px; left: 0; width: auto; z-index: 99; display: none;}
#nav li ul li { float: none; font-size: 1em; width: auto; }
#nav li ul li a { width: auto; padding: 5px; height: auto;background:  url(images/fade_red.png) repeat-x top #e41a26; border-top: 1px solid #fb7f3c; }
#nav li ul li a:hover { background: #cc0306;}

#content .subnav { margin-bottom: 10px; }
#content .subnav li { list-style: none; margin: 0; }
#content .subnav li a { display: block; padding: 5px; color: #fff; background: url(images/top-nav-bg.png) repeat-x top #02376c; text-decoration: none; }
#content .subnav li a:hover, #content .subnav li a.selected { background-image: none;}

#content { padding: 10px; background: url(images/sidebar-bg.png) repeat-y; z-index: 1; position: relative;}

#content h1 { font-size: 3em; margin: 0 0 0.25em 0;} 
#content h2 { font-size: 2.5em; margin: 0 0 0.3em 0; }
#content h3 { font-size: 2em; margin: 0 0 0.5em 0; background: url(images/fade_red.png) repeat-x top #e41a26; color: #fff; padding: 5px; }
#content h4 { font-size: 1.7em; margin: 0 0 0.75em 0; background:  url(images/fade_red.png) repeat-x top #e41a26; color: #fff; padding: 5px; }
#content p  { font-size: 1.3em; margin: 0 0 1em 0;}
#content li { font-size: 1.3em; margin-left: 25px; }
#content li li { font-size: 1em; }
#content ul {  margin-bottom: 1em; }

#features { width: 940px; margin: -10px 0 10px -10px; background: #444; height: 200px; color: #fff; z-index: 1; position: relative;}
#features .feature { width: 930px; height: 190px; margin: 5px; }
#features .feature .text { padding: 10px; margin: 0 0 0 670px; width: 240px; height: 190px;}
#features h2 { color: #fff; font-size: 3em; margin: 0 0 0.5em 0}
#features p { font-size: 2em;}

#sidebar { float: left; width: 270px; padding-right: 10px;}
#sidebar .box { background: #666; padding: 5px; margin-bottom: 15px; color: #fff; }
.box a { color: #fff;}

#main { float: left; width: 630px; padding-left: 10px; position: relative;}

.cycle { width: 630px; height: 232px;}

th, td {font-size: 13px;}

object, embed { z-index: 2; } 

.alignleft { float: left; margin: 0 10px 0 0;}
.alignright { float: right; margin: 0 0 0 10px;}
.clearer { clear: both; }

#footer { background-color: #24517E; border-top: solid 1px #666; padding: 10px; color: #FFFFFF; font-size: 0.85em; }


/* LIST COLORING */
.on { background-color: #B9C9FE; list-style: none; height: 15px; margin: 0px; border-top: 1px solid #FFFFFF; padding: 8px; border-bottom: 1px solid #FFFFFF; color: #003399; font-family: "Lucida Sans", "Century Gothic", Verdana; }
.off { list-style-type: none; margin: 0px; background-color: #E8EDFF; color: #003399; padding: 8px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-family: "Lucida Sans", "Century Gothic", Verdana; }

.on.lighter { background: #c8d8Ff; }
.on.highlight {	background: #ff0; }
.on.lighter.highlight {	background: #ff6; }
.off.highlight { background: #ff9; }
.off.lighter { background: #f7feFF; }
.off.lighter.highlight { background: #ffc; }

/*start of table format tabular*/

#box-table-a { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; margin: 20px; width: 465px; text-align: left; border-collapse: collapse; }

#box-table-a th { font-size: 13px; font-weight: normal; background: #B9C9FE; padding: 8px; border-top: 4px solid #aabcfe; border-bottom: 1px solid #fff; color: 003399; background-color: b9c9fe; }

#box-table-a td { padding: 8px; background: #e8edff;  border-bottom: 1px solid #fff; color: #669; border-top: 1px solid transparent; }

#box-table-a.small { margin: 20px 0;}
#box-table-a.small th, #box-table-a.small td { font-size: 10px;}
#box-table-a.small th { padding: 2px;}

#box-table-a th.lighter { background: #c8d8Ff; }
#box-table-a th.highlight {	background: #ff0; }
#box-table-a th.lighter.highlight {	background: #ff6; }
#box-table-a td.highlight { background: #ff9; }
#box-table-a td.lighter { background: #f7feFF; }
#box-table-a td.lighter.highlight { background: #ffc; } 

/* disclosure */

.disclosure, .disclosure-closed { margin: 0; }

.disclosure-img { float: left; margin: 7px 10px 10px 15px; padding-top: 0px 0px 5px 0px; }

.disclosure h2, .disclosure-closed h2 { cursor:pointer; }
.disclosure h4, .disclosure-closed h4 { cursor:pointer; }
.exp { font-style: italic; font-weight: bold; color: #CD6800; }

#tabs li { margin-left: 5px; }

/* properties */
#content .featured_properties li { font-size: 1em; }

/* Gallery */
.gallery_nav  {  text-align: center; height: 20px; }
.gallery_nav a { text-decoration: none; color: #701471; padding-top:3px;}
.gallery_nav a img { border: none;}
.gallery_nav a:hover { text-decoration: underline; }
#previous { background: url(images/back.gif) no-repeat left center; padding-left: 20px }
#next { background: url(images/next.gif) no-repeat right center; padding-right: 20px; margin-right: 70px; }

/* Docs */

#docs { width: 100%; font-size: 1.2em;}
#docs td { background: #fce9ea; padding: 2px 5px;}
#docs h4 { margin: 0;}