body{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
color: #656565;
background: #363636 url(/images/bg_body.gif) center repeat-y;
}

p{
margin: 0px;
}

#main_body{
margin: 0 auto;
width: 940px;
text-align: left;
}

#main_body_sub{
float: left;
width: 860px;
padding: 20px 40px;
background: #fff;
}

#main_body_sub.ats{
width: 880px;
padding: 10px 0;
}

a{
color: #9D1D21;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.clear{
clear: both;
}

.error_box{
padding: 5px;
background: #E2E2E2;
margin-bottom: 5px;
}

.error{
color: #9D1D21;
}

hr{
border: 0;
height: 1px;
background: #E7E7E7;
margin-bottom: 15px;
margin-top: 0px;
color: #E7E7E7;
}

form.frm1{
font-size: 12px;
}
label{
font-weight: bold;
}
/* ================================================== */
/* TOP HEADER INFO */
div#header_logo{
float: left;
}

.logo[class]{
position:absolute;
background:url(/images/logo_theu_net.png) no-repeat;
width: 115px;
height: 105px;
margin-top: 30px;
}

.logo{ 
position:absolute;
width: 115px;
height: 105px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo_theu_net.png', sizingMethod='scale'); 
}
.logo:hover{
cursor: pointer; 
}

div#header_nav{
float: right;font-size: 18px;
padding-top: 65px;
clear: both;
width: 740px;
}

.header_wrapper .cp_login{
background:transparent url(http://theu.net/images/arrow.gif) no-repeat scroll 0px 3px;
color: #cecece;
float: right;
margin-top: 20px;
padding-left: 10px;
font-weight: bold;
font-size: 11px;
}

div#header_nav a{
display: inline-block;
color: #FFF;
border-bottom: 1px dotted #f1f1f1;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
} 

div#header_nav a.selected,
div#header_nav a:hover{
text-decoration: none;
color: #262626;
border-bottom: 1px dotted #262626;
}

div#header_nav ul{
padding: 0;
margin: 0;
}

div#header_nav li{ 
display: inline;
list-style: none;
padding: 0 2px 0 20px;
line-height: 100%;
}

div#header_nav li.selected,
div#header_nav li:hover{
background: url(http://theu.net/images/arrow.gif) 10px no-repeat;
}

div#header_nav .ats a{
font-weight: bold;
}

#header_img{
padding: 5px;
float: left;
background-color: #D4D4D4;
}

.header_wrapper{
float: left;
width: 860px;
padding: 0px 40px 0 40px;
background: #fff url(http://theu.net/images/bg_top.gif) no-repeat;
}

.header_content{
height: 130px;
margin-top: -10px;
}

.header_dimension{
height: 318px; 
margin-top: -10px;
}
/* ================================================== */
/* LEFT COLUMN MAIN */
div#main_column_left{
float: left;
width: 560px;
font-size: 14px;
overflow: hidden;
}

div#main_column_left h1{
color: #666666;
}

div#main_column_left h1 b, div#main_column_left h2 b{
color: #333333;
}

div#main_column_left h2{
margin: 0;
padding: 0;
}

div#main_column_left ul{
/*	font-size: 11pt;
list-style-position: inside;
padding: 0px;
margin-bottom: 50px;
*/	}

div#main_column_left ul a{
font-weight: bold;
}

div#main_column_left .column_box{
float: left;
overflow: hidden;
width: 550px;
padding: 5px;
background-image: url('/images/bg_gradiant_2.gif');
background-repeat: repeat-x;
background-position: 20px;
font-size: 12px;
}

div#main_column_left .column_box ul{
list-style: none;
margin: 0;
padding: 0 5px;
width: 265px;
}

div#main_column_left .column_box ul li{
padding: 2px 5px;
margin: 5px 0;
}

.our_clients{
width:560px;
}

.our_clients td{
text-align: center;
padding: 5px;
padding-bottom: 20px;
vertical-align: middle;
}

.box{
border: 1px solid #E0E0E0;
background-image: url('/images/bg_gradiant_home.gif');
background-repeat: repeat-x;
float: left;
padding: 20px;
width: 518px;
}

.box .reach{
float: right;
width: 330px;
}

.content_pic{ 
float: left;
border: 2px solid #BABABA;
margin-right: 20px;
}

.adv_sup_text ul{
padding-left: 15px;
margin: 0;
}

.left_cloumn{
float: left;
width: 530px;
padding: 15px;
border-top: 1px solid #e7e7e7
}
.sup_site_name{ 
width: 260px;
float: left;
line-height: 150%;
}

.gradient{
background-image: url('/images/bg_gradiant.gif');
background-repeat: no-repeat;
}

.prop_logo img{
float:left;
margin-right:20px;
width: 90px;
}

#main_column_right .gradient{
font-size: 11pt;
}

.left_column_box{
border-bottom: 1px solid #e7e7e7;
padding-bottom: 15px;
margin-bottom: 15px;
float: left;
width: 530px
}

.left_column_box .sup_site_logo{
padding-left: 30px;
width: 240px;
text-align: center;
float: left;
}

#main_column_left a{
color: #FE8723;
}

/* ================================================== */
/* RIGHT COLUMN MAIN */
div#main_column_right{
float: right;
width: 269px;
overflow: hidden;
}

.right_inner_box{
float: right;
width: 225px;
background:url(/images/bg_form.gif) no-repeat;
padding: 10px;
color: #333333;
}

.form_bottom{
float: left;
margin-left: 24px;
}

div#main_column_right .right_title{
float:  left;
width: 223px;
height: 35px;
line-height: 35px;
font-size: 16px;
color: #FFFFFF;
padding-left: 50px;
font-weight: bold;
}
div#main_column_right .right_title.red{
background: url(/images/title_red.png);
}
div#main_column_right .right_title.orange{
background: url(/images/title_orange.png);
}

div#main_column_right .right_title a{
color: #FFFFFF;
}

div#main_column_right .submit{
float: right;
margin-right: 30px;
}

div#main_column_right .statistics{
width:230px;
float: right;
border-left: 1px solid #E7E7E7;
padding: 15px 0 0 15px;
}

div#main_column_right .statistics ul{
margin: 0;	
}

div#main_column_right ul{
padding: 0 20px;
}

/* ================================================== */
/* MENU CONTENT */
div#menubar{
width: 580px;
height: 60px;
background-color: #FBA432;
padding: 0 10px;
}

.menubtn{
width: 91px;
height: 48px;
float: left;
margin-right: 10px;
}

a.btn_network{
background: url('/images/btn_menu_network.gif') no-repeat;
}

a.btn_spra{
background: url('/images/btn_menu_spra.gif') no-repeat;
}

a.btn_about{
background: url('/images/btn_menu_about.gif') no-repeat;
}

a.btn_selected,
a.btn_network:hover,
a.btn_spra:hover,
a.btn_about:hover{
background-position:bottom;
}

/* ================================================== */
/* FORM */
form{
margin:0;
padding:0;
}

.input1{
width:190px;
}

/* ================================================== */
/* FOOTER COLUMN */
#footer{
float: left;
background:#3f4156;
width:920px;
padding:10px;
color:#fff;
}

#footer_left{
float: left;
}

#footer_right{
float: right;
}

#main_footer{
margin-top: 20px;
float: left;
width: 560px;
}

#main_footer .contact{
font-size:14px;
}

#main_footer .contact a{
color: #FE8723;
}

#main_footer .address{
font-size: 12px;
}

#main_footer .copyright{
font-size: 11px;
font-style: italic;
color: #c3c3c3;
}

/* ================================================== */
/* TEXT */
h1,h2,h3,h4,h5{
margin:0;
}

h1{
font-size: 22px;
font-weight: normal;
color: #2b2b2b;
padding: 5px 0;
}

h1.top_header{
font-size: 38px;
font-weight: normal;
line-height: 38px;
}

h2{
font-size: 18px;
color: #2b2b2b;
padding: 5px 0;
}

h3{
font-size: 18px;
padding: 20px 0px 5px 0px;
font-weight: normal;
}

.red{
color: #9D1D21;
font-weight: bold;
}

h3.red{
padding: 0px;
}

.lead{
color: #575757;
}

.orange{
color: #FE8723;
}
.grey{
color: #A3A3A3;
}

.large{
font-size: 22px;
font-weight: normal;
}

/* ================================================== */
/* PHOTO TAGS */
#tblWrap{
width:542px;
}

#outerWrap{
position: relative;
cursor: pointer;
}

#innerWrap{
float: left;
display: none;
}

#innerWrap .outer_comment{
border:2px solid #AC3C49;
position: absolute;
z-index: 0;
cursor: pointer;
background-image: url(http://www.collegeotr.com/css/blank.gif);
}

#innerWrap .outer_comment:hover{
border: 2px solid #811925;
}

#innerWrap .comment{
position: absolute;
background: #fff;
padding: 5px;
font-size: 11px;
text-align: left;                           
border: 1px solid #EEE;
width: 150px;
z-index: 1;
overflow: hidden;
display: none;
}