html,body									{ height:100%; }
body										{ margin:0 auto; width:960px; }
#site-menu									{ width:30%; float:left; }
#site-menu img								{ display:block; margin:1em auto; }
#site-menu ul.main							{ margin:0; padding:0; }
#site-menu ul.main a						{ margin:0; padding:0.2em 1em; display:block; }
#site-menu ul.main ul a						{ margin:0; padding:0.2em 1.2em; }
#site-menu ul.main ul						{ margin:0; padding:0.5em 0; }
#site-menu ul.main li.main					{ margin:0.7em 0; }
#site-body									{ width:70%; float:left; }
#site-body div.cont							{ padding:1em 1em 0.2em; }
#site-body-menu ul							{ margin:0; padding:0; overflow:hidden; clear:both; }
#site-body-menu ul.second					{ margin-top:0.5em; }
#site-body-menu li							{ float:right; }
#site-body-menu li a						{ margin:0; padding:0 0.3em; display:block; }
#site-body-head								{ margin:1em auto; width:635px; height:212px; }
#cont-body									{ width:635px; margin:0 auto; }
/* style */
#site-menu ul.main,
#site-menu ul.main ul						{ list-style:none; }
#site-menu ul.main a						{ text-decoration:none; outline:none; }
#site-body-menu a							{ text-decoration:none; outline:none; }
#site-body-menu ul							{ list-style:none; }
#site-body-menu li							{ border-right:1pt solid gray; }
/* content disposition */
#site-menu ul.main a						{ text-align:right; }
/* text-style */
body		{ font-family: sans-serif; }
h1			{ font-size:1.5em; } h2	{ font-size:1.3em; }
h3			{ font-size:1.2em; } h4	{ font-size:1.10em; }
h5			{ font-size:1.05em; } h6	{ font-size:1.00em; }
h1,h2,h3,
h4,h5,h6	{ color:#2795c6; }
p, ul, ol	{ color:#666;}
#site-menu									{ font:normal 0.8em sans-serif; }
#site-menu ul.main a.main					{ font-weight:bold; }
#site-body-menu								{ font:normal 0.8em sans-serif; }
#site-body-menu								{ line-height:1em; }
#site-body-menu ul.second					{ font:normal 0.85em sans-serif; }
#cont-body p, ul, ol, td					{ font-size:small; line-height:1.2em;} 
#cont-body li								{ margin-bottom:2px;}
/* color and imaging */
body										{ background:#d6d6d6 url(body.jpg) top repeat-x; color:#666; }
#site-menu ul.main a.main					{ color:white; }
#site-menu ul.main a.main:hover				{ color:black; }
#site-menu ul.main ul a						{ color:black; }
#site-body									{ background-color:white; }
#site-body-menu a							{ color:gray; }
#site-body-menu a:hover						{ color:black; }
#site-body-head								{ background:white center no-repeat; }
/* main list color */
#site-menu ul.main a.main					{ background-color:gray; }
#site-menu ul.main a.main.one				{ background-color:#e30086; }
#site-menu ul.main a.main.two				{ background-color:#87be3c; }
#site-menu ul.main a.main.thr				{ background-color:#f4b213; }
#site-menu ul.main a.main.fou				{ background-color:#01a6e8; }
#site-menu ul.main a.main:hover				{ background-color:#ccc; }
#site-menu ul.main a.main.one:hover			{ background-color:#f31096; }
#site-menu ul.main a.main.two:hover			{ background-color:#97ce3c; }
#site-menu ul.main a.main.thr:hover			{ background-color:#ffc223; }
#site-menu ul.main a.main.fou:hover			{ background-color:#11b6f8; }
#site-menu ul.main li.main.one ul a:hover	{ color:#e30086; }
#site-menu ul.main li.main.two ul a:hover	{ color:#87be3c; }
#site-menu ul.main li.main.thr ul a:hover	{ color:#f4b213; }
#site-menu ul.main li.main.fou ul a:hover	{ color:#01a6e8; }
#site-menu ul.main ul a:hover				{ color:gray; }
#site-menu ul.main a.main					{ color:white; }

#teachers-logout			{ text-align:right; }
#teachers-logout a			{ color:blue; text-decoration:none; font-size:0.7em; outline:none; }
#teachers-logout a:hover	{ color:red; }
#teachers-logout a:active	{ color:black; }
#teachers-modules			{ list-style:none; }
#teachers-modules a			{ color:blue; text-decoration:none; font-size:0.8em; display:block; outline:none; }
#teachers-modules a:hover	{ color:red; }
#teachers-modules a:active	{ color:black; }
#teachers-login				{ margin:0 auto; font-size:0.8em; }

ul#regions			{ margin:2em auto; padding:0; width:80%; font:normal 0.9em sans-serif; list-style:none; overflow:hidden; }
ul#regions li		{ margin:0; padding:0; width:50%; float:left; }
ul#regions a		{ color:gray; text-decoration:none; outline:0; display:block; }
ul#regions a:hover	{ color:black; }

ul#centers			{ margin:2em auto; padding:0; width:90%; font:normal 0.9em sans-serif; list-style:none; }
ul#centers li		{ margin:0; padding:0; }
ul#centers a		{ color:gray; text-decoration:none; outline:0; display:block; }
ul#centers a:hover	{ color:black; }
ul#centers a span	{ float:right; }

a.subcenter				{ color:gray; text-decoration:none; outline:none; font:bold 0.8em sans-serif; }
a.subcenter.selected	{ color:blue; }
a.subcenter:hover		{ color:black; }

a.return				{ color:gray; text-decoration:none; outline:none; font:bold 0.8em sans-serif; }
a.return:hover			{ color:black; }

.container			{ color:#2795C6!important; font-weight:bold; }
.container:hover	{ color:black!important; }

#homenewsbox	{ width:300px; font-size:0.8em; float:right; }
#homenewsbox a	{ color:#2795C6; text-decoration:none; }

#cont-body.home		{ position:relative; padding-top:7em; }
#cont-body.home h1	{ position:absolute; top:0; }