body {
    margin:auto;
    padding:0;
	background-color: #FFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
    color:#8a8156;
    font-size: 0.9em;
}
.head {
	height: 180px;
    border: none;
	padding: 0;
    margin:auto, auto;
	background-image: url('../senrawrity/img/logo.jpg');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.foot {
	clear: both;
    display:block;
	height: auto;
	width: auto;
    background-color:#ffc000;
	padding: 0.5em;
    margin-top: 2em;
	color: #FFFFFF;
	text-align: center;
	font-size: 1em;
}
div.mod {
    float:right;
    display:inline;
    width: 24%;
    border-top: 1px solid #8a8154;
    border-left: 1px solid #8a8154;
    border-bottom: 1px solid #8a8154;
    border-right: 0px;
	padding: 0.5em;
	margin-top: 0em;
	margin-bottom: 1em;	
    margin-right: 0em;
	background-color: #cdcdcd;
}
div.post {
	float: left;
	border: none;
    width: 100%;
	padding: 0em;
	margin: 0em;
	background-color: #fff;
    text-align: left;
}

div.faqc {
	border: none;
    width: 100%;
	padding: 1em;
	margin: 0em;
	background-color: #fff;
    text-align: left;
}

div.portal { float:left; width: auto; color: #8a8154; font-size: 0.9em; text-align:left; margin-left: 2em; }
div.portal span { font-weight: bold; }

div.buttons { display:inline; float:left; height: 266px; padding:0; margin:0;}
/* html */
span.portallinks a, span.portallinks a:link, span.portallinks a:visited {
	color: #1878c3;
	font-weight: bold;
text-decoration:overline;
}
span.portallinks a:hover, span.portallinks a:active {
	color: #1878c3;
	font-weight: bold;
	text-decoration: underline;
}
p {
	text-align: left;
	font-size: 0.9em;
	padding: 0em;
	margin: 1em;
}
p.blue {	
	color: #1878d3;
}

h1 {
	font-size: 1em;
    text-align:left;
    text-indent: 1em;
	padding: 0.24em;
	margin-bottom: 0em;
	color: #8a8154;
    border-bottom: 1px solid #8a8154;
    border-top: 1px solid #8a8154;
    background-color: #fff;
    background-image:url('../senrawrity/img/bg/h1grad.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

h2 {
	font-size: 1em;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #003300;
	background-color: #F3F3F3;
}

h3 {
	font-size: 1em;
	padding: 0.5em;
	margin-bottom: 0em;
	color: #FFCC00;
	border: 1px solid #CCC;
	
}

a, a:link, a:visited {
	color: #1878c3;
	font-weight: bold;
	text-decoration: underline;
}
a:hover, a:active {
	color: #660099;
	font-weight: bold;
	text-decoration: underline;
}

#nav ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#nav li { 
	padding: 0.5em;
	display: block;
	font-size: 1em;
}

#nav li:hover {
	background-color: #FFF;
}

#nav li a, li a:link, li a:visited {
	color: #660099;
	font-weight: bold;
	text-decoration: none;
}
#nav li a:hover, li a:active {
	color: #00FF00;
	font-weight: bold;
	font-size: 1em;
	text-decoration: underline;
}
li.leftborder {border-left: 1px solid #8a8154;}

.dropmenu {padding: 0em; background-color: #00CC33;}

.nav {width: auto; height: 3.1em; border-top: 1px solid #8a8154; border-right: 0px; border-bottom: 1px solid #8a8154; border-left: 0px; font-size:1em; margin-bottom: 1em; background-color: #8a8154; background-image: url('../senrawrity/img/bg/navmain.png'); background-position: center; background-repeat: repeat-x;}
.nav ul {list-style-type:none; display: inline;}
.nav ul li {float:left; position:relative; z-index:auto !important; z-index:1000; border-right: solid 1px #8a8154; border-bottom: solid 1px #8a8154;}
.nav ul li a {float:none !important; float:left; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: #8a8154;}
.nav ul li ul {display: none; border:none;}

.nav ul li:hover a {background-color:#8a8154; text-decoration:none; color: #fff;}
.nav ul li:hover ul {display:inline; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav ul li:hover ul li a {display:block; width:15.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #8a8154; border-bottom: solid 1px #8a8154; background-color:rgb(237,237,237); font-weight:normal; color:#8a8154;}
.nav ul li:hover ul li a:hover {color: #8a8154; background-color:rgb(210,210,210); font-weight: bold; text-decoration:none;}

.nav table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav ul li a:hover {background-color:#8a8154; text-decoration:none;}
.nav ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.nav ul li a:hover ul li a {display:block; width:15.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);}
.nav ul li a:hover ul li a:hover {color: #660099; background-color:rgb(210,210,210); text-decoration:none;}

.button {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.button li {
	padding: 0;
	margin: 0;
	height: 266px;
	margin-right: 0em;
	list-style: none;
	background-repeat: no-repeat;
}
.button li a, .button li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 266px;
	background-repeat: no-repeat;
}
.webdev {background-image: url(img/webdev.jpg); width: 390px;}
.webdev a {background-image: url(img/webdev.jpg);}
.manage {background-image: url(img/manage.jpg); width: 390px;}
.manage a {background-image: url(img/manage.jpg);}
.hosting {background-image: url(img/hosting.jpg); width: 390px;}
.hosting a {background-image: url(img/hosting.jpg);}
.gfxdes {background-image: url(img/gfxdes.jpg); width: 390px;}
.gfxdes a {background-image: url(img/gfxdes.jpg);}
.seoopt {background-image: url(img/seoopt.jpg); width: 390px;}
.seoopt a {background-image: url(img/seoopt.jpg);}

ul.button li a:hover {background-position:0 -266px;}
.button li {float: left;} 
.button:after {content: "."; display: block; height: 0; visibility: hidden;}

/* Mini Portal Bar */
.miniport {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.miniport li {
	padding: 0;
	margin: 0;
	height: 160px;
	margin-right: 0em;
	list-style: none;
	background-repeat: no-repeat;
}
.miniport li a, .button li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 160px;
	background-repeat: no-repeat;
}
.miniserv {background-image: url(../senrawrity/img/portal_mini_service.jpg); width: 234px;}
.miniserv a {background-image: url(../senrawrity/img/portal_mini_service.jpg);}
.minifaq {background-image: url(../senrawrity/img/portal_mini_faq.jpg); width: 234px;}
.minifaq a {background-image: url(../senrawrity/img/portal_mini_faq.jpg);}
.minigaq {background-image: url(../senrawrity/img/portal_mini_gaq.jpg); width: 234px;}
.minigaq a {background-image: url(../senrawrity/img/portal_mini_gaq.jpg);}

ul.miniport li a:hover {background-position:0 -160px;}
.miniport li {float: left;} 
.miniport:after {content: "."; display: block; height: 0; visibility: hidden;}